IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

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

SoberMa 2010-10-07 08:09:31 累计浏览 3,600 次
本机暂存
继续说说新版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. 如何写好设计文档? (2026-06-23 08:00:00)
  2. Designing With Uncertainty: How AI Supercharges Probabilistic Thinking (2026-06-16 23:00:00)
  3. The Benefits Of Cognitive Inclusion In UX Research (2026-06-10 18:00:00)

查看更多 设计 文章 →

建议继续学习

  1. 50个活力和动感的网页设计-颜色的灵感 (累计阅读 34,442)
  2. 30套最好的网站开发与设计中使用的小型图标 (累计阅读 12,529)
  3. sns视觉设计分享 (累计阅读 9,523)
  4. 网站导航设计的6大分类 (累计阅读 9,298)
  5. 概念视觉设计 (累计阅读 5,825)
  6. 2011年手机产品设计趋势(1):精致实用的界面 (累计阅读 5,524)
  7. Android设计中的.9.png (累计阅读 5,040)
  8. 如何创建一个简洁、光滑的web2.0网站页脚 (累计阅读 4,978)
  9. 手机UI设计基础-尺寸&单位 (累计阅读 4,867)
  10. 独创比百度、Google分页还强的分页类 (累计阅读 4,833)