不久之后,所有人都将使用新版更宽的Twitter布局。到目前为止,新布局是可选的,Twitter用户可以切换回旧设置。虽然尚未公布过渡的具体日期,但Twitter表示这一变化即将发生。以下是我登录较窄布局选项时收到的消息:
关于升级到新版 Twitter 的通知。
随着 Twitter 努力增加广告收入,我认为其进行布局调整的动机是希望将用户从第三方服务(如 TweetDeck 和 HootSuite)中吸引过来——因为这些服务中的用户永远不会看到 Twitter 的广告——通过提供更强大的界面,从而降低这些第三方服务的吸引力。令许多平面设计师感到沮丧的是,为适应更窄布局而创建的自定义背景将变得过时。除了最宽的屏幕分辨率外,分配的空间太窄,无法容纳这些设计。
以前,重点更多地集中在主列左侧的区域,大多数自定义设计都利用了这一空间。新布局没有在两侧为主列提供太多放置信息的空间,而是将重点放在头像和个人资料部分。现在头像最大可以达到 128×128 像素,我建议充分利用这些尺寸。事实上,头像可以成为构建新设计的支点。
新设计参数包括以下内容:
- 新的顶部工具栏。 一个横跨整个网页长度、高度为40像素的工具栏。
- 额外的垂直空间。 工具栏与两列顶部之间有20像素高的空间。
- 增加的视觉透明度。 新的更宽的右列是半透明的(约70%透明度),这意味着可以看到背景图像。这可能作为设计考虑因素之一。
- 右列宽度的变化。 左列宽度固定为540像素,而右列宽度根据浏览器窗口大小和屏幕分辨率而变化。在最宽的情况下,该列默认为500像素。
- 水平宽度的变化。 列右侧和左侧的间距根据分辨率和浏览器窗口大小而变化。
考虑到这些因素,从设计角度来看,屏幕分辨率越宽越好。大多数新电脑提供非常宽的分辨率——有些宽达 1680 像素。但并非每个人都有新电脑。而且,市场上现在有平板电脑,其分辨率较窄。例如,iPad 的分辨率为 1024×768 像素。一个理想的设计介质可能是 1280×800,这是许多笔记本电脑提供的尺寸。不幸的是,没有一种放之四海而皆准的解决方案。
许多开发者为新布局提供了设计建议。以下是一份资源列表:
- “为新Twitter自定义你的背景。” 来自 Mashable 的这篇文章详细描述了新布局的元素,并提供了一系列设计资源列表。
- Photoshop模板。 有许多专为新布局设计的Photoshop模板,设计师可以在创作设计时使用。我发现最好的模板来自 WebDesignShock。你可以通过点击帖子底部的 “下载新Twitter布局” 来下载这些模板。
- 设计灵感。 Social Identities 提供了几个为新布局设计的示例。其中包括以下设计。
示例 1:MadisonHealth 的 Twitter 背景。
示例 2:顾问 Jay Baer 的 Twitter 背景。
示例 3:Localeze 的 Twitter 背景。
即使你缺乏创建新设计所需的 Photoshop 技能,也有几种在线选项可供选择。
- TweetGotBack.com TweetGotBack.com 是一个提供数十种图案背景的站点。只需选择你喜欢的背景,然后点击“应用设计”按钮。该站点会要求你提供 Twitter 登录凭据。一旦提供这些信息,它不仅会实施新的背景,还会提供一个互补的配色方案。
- Themeleon by COLOURlovers 是一个由Twitter推荐网站,其功能类似于TweetGotBack.com,但提供更多定制选项。
- Hugh Briss 是一个博客,提供大量关于为Twitter和Facebook设计的信息。这位设计师还提供定制的Twitter背景创建服务以及一些 免费的Twitter背景。
总结
虽然我欣赏新布局所提供的功能,但它确实带来了一些设计挑战。而且我怀疑许多资深 Twitter 用户真的会从他们偏好的第三方应用程序转回到 Twitter 本身。

