大数跨境

为新推特布局而设计

为新推特布局而设计 电商实践
2011-01-18
0
导读:不久之后,所有人将统一适用新版更宽的 Twitter 界面。截至目前,新界面仍为可选,用户可切换回旧版设置。尽管尚未公布具体的过渡日期,但 Twitter 表示这一变化即将发生。以下是……

不久之后,所有人都将使用新版更宽的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 技能,也有几种在线选项可供选择。

  1. TweetGotBack.com TweetGotBack.com 是一个提供数十种图案背景的站点。只需选择你喜欢的背景,然后点击“应用设计”按钮。该站点会要求你提供 Twitter 登录凭据。一旦提供这些信息,它不仅会实施新的背景,还会提供一个互补的配色方案。
  2. Themeleon by COLOURlovers 是一个由Twitter推荐网站,其功能类似于TweetGotBack.com,但提供更多定制选项。
  3. Hugh Briss 是一个博客,提供大量关于为Twitter和Facebook设计的信息。这位设计师还提供定制的Twitter背景创建服务以及一些 免费的Twitter背景。

总结

虽然我欣赏新布局所提供的功能,但它确实带来了一些设计挑战。而且我怀疑许多资深 Twitter 用户真的会从他们偏好的第三方应用程序转回到 Twitter 本身。

【声明】内容源于网络
0
0
电商实践
电商实践
内容 8035
粉丝 0
电商实践 电商实践
总阅读1.1k
粉丝0
内容8.0k