技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 继续说说新版Twitter设计方面的事儿

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

浏览:2438次  出处信息
继续说说新版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/微博客的学习摘要    (阅读:8135)
  2. 别得瑟了,你很可悲!    (阅读:6443)
  3. Twitter架构图(cache篇)    (阅读:4740)
  4. 网页表单设计摘要    (阅读:4403)
  5. PHP for Twitter OAuth 教学演示    (阅读:3540)
  6. 卡通风格网站设计一览    (阅读:3434)
  7. Twitter新员工的入职过程是怎样的?    (阅读:3307)
  8. 不得不说的糟糕设计    (阅读:3405)
  9. 在信息架构层次对比开心网和Facebook的设计    (阅读:3189)
  10. 解读iPhone平台的一些优秀设计思路    (阅读:3124)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1