IT技术博客大学习 共学习 共进步

继续说说新版Twitter设计方面的事儿

SoberMa 2010-10-07 08:09:31 浏览 3,464 次
继续说说新版Twitter设计方面的事儿

    节前写了一篇关于新版Twitter设计的博客文章,里面主要提及了黄金分割率在新版设计布局中的应用。前些日子一直在休假,今天上网看到Sitepoint上面有一篇从另外的一种角度来看新版Twitter设计的文章,索性按照自己的理解翻译整理放过来,便于比较阅读。

    Twitter网站最近在设计方面已经发生了不小的变化。这些变化包括顶部的搜索框和Profile、Messages两个功能链接。 左侧栏依然用来展示你的tweets和message信息,你可以通过点击在Timeline、Favorites、Following、Followers、Lists直接进行切换。

    而右侧栏现在变得更大,更具条理性。在这里,会展现你的帐户信息,你的最后一条tweet信息,你Following的人,你的followers,最新动态列表和建议你去follow的用户列表。

    “show more”这一用来显示更多tweet信息的按钮已经不复存在了,取而代之的是,在你拉动滚动条的同时,系统会自动给你加载更多的tweet信息。

    在Twitter的Flickr页面上,Twitter的创意总监道格・伯曼(Doug Bowman)用一张图片和一段简短的话语来描述新版设计遵循黄金分割率。

    对于所有对新版Twitter页面设计比例好奇的人,应该知道的是,我们不是随随便便选择这样一个比例的。

    当然,这一比例仅适用于最窄的UI版本。如果您的浏览器窗口比较宽,我们将摆脱这样的比例,扩大您的个人信息面板,以便于提供更大的效用。但宽度最窄的地方,我们已经在开始使用这一明智的比例。

    Twitter与DeviantART、Etsy、Flickr、Ustream、Vimeo和YouTube之间新的合作伙伴关系,使得多媒体流可以直接嵌入进去,包括在Twitter的首页直接播放视频内容。

    这些新的变化可能会导致你自定义的Twitter的背景被淘汰掉,因为新的设计是半流动布局的。不管显示器的分辨率怎么变化,左侧栏的宽度是保持不变的,而右侧栏的则是大小不一的。

    1024 × 768 分辨率

    1280 × 720 分辨率

    1600 × 900 分辨率

    新版Twitter还没有对所有的用户开放,如果你还看不到,不要着急,用不了太久你也会用上的。

建议继续学习

  1. Twitter/微博客的学习摘要 (阅读 12,084)
  2. 别得瑟了,你很可悲! (阅读 7,803)
  3. Twitter架构图(cache篇) (阅读 5,982)
  4. 网页表单设计摘要 (阅读 5,321)
  5. 不得不说的糟糕设计 (阅读 4,783)
  6. 解读iPhone平台的一些优秀设计思路 (阅读 4,745)
  7. PHP for Twitter OAuth 教学演示 (阅读 4,644)
  8. 卡通风格网站设计一览 (阅读 4,581)
  9. Twitter新员工的入职过程是怎样的? (阅读 4,483)
  10. 在信息架构层次对比开心网和Facebook的设计 (阅读 4,303)