每个平台都有自已的设计标准,比如苹果的 Human Interface Guidelines,比如安卓的 Material Design。然而,你会发现,对一些跨平台的大厂来说,他们会面临很实际的一个问题,拿腾讯来说好了,同样的一个 QQ,在 iOS 上是按照 iOS 的风格来设计的,那在安卓上应该怎么设计?

这个问题在实际情况里是有答案的:在安卓上抛弃了其官方的 Material Design 风格,继续保持 iOS 的设计风格,于是,你最终看到在两个平台上,QQ 都是长成这样的:

2.pic.jpg

没错,这是一个标准的 iOS 风格的应用:Tab 栏是在底部切换的(安卓则是在状态栏下方,使用手势可以左右滑动),每个列表是可以右滑显示操作的(安卓则是推荐长按触发操作)……

可是,你又发现了一点不那么 iOS 的元素:左上角的头像边,有三个点。这实际上是安卓平台上下拉菜单的隐喻,如果你还有印象的话,这里最早是没有这三个点,只有头像的。那么腾讯为什么要加上这三个点呢?据说根据大量的用研数据说明,很多用户不知道这个头像点击是可以展开侧边栏的。

所以到了最后,整个界面以 iOS 风格为主,却又穿插了一小部分安卓的元素,显得不伦不类了。

这就回到了最初的那个问题:像这些拥有众多产品线横跨多平台的大厂,究竟是遵循每个平台的设计规范进行差异化的设计,还是遵循同一套风格,在所有平台上延续?

这个问题本身并没有正确答案,不同的厂家也有不同的作法。不过有趣的是,眼神好的朋友们发现,苹果九月份即将上架 Android 平台的 Apple Music,是采用 Material Design 风格的,这不仅仅是对腾讯的莫大嘲讽,对谷歌也是,你如果细心的话想必已经发现,谷歌在 iOS 平台上,它的所有应用也依然保持了它的 Material Design。

虽然这个问题本身没有所谓的正确答案,但是像腾讯这样,把一套平台上的风格照搬到另一边,肯定是不可取的。其实你有两个选择:

  • 选择一:乖乖地遵循每个平台的设计风格
  • 选择二:创建一套属于自己的设计语言,在不同的平台上根据平台规范,进行一些微调

后者就是 Wunderlist 的作法,它横跨了几乎目前所有的数字平台,拥有一套完整的设计语言和交互逻辑,但在不同的平台上,又会根据实际情况做一些微调。

all-devices@2x.zh.png

那么这两种选择,彼此之间又有什么优劣呢?

方案一的好处就在于,用户如果常驻于某一个平台,平台内的所有应用如果设计语言是统一的,用户在应用间的学习成本就会非常低,整体平台也会因而显得统一而有内在逻辑性,典型的代表就是 iOS 平台。但不好的地方嘛,这样会需要开发商维持多套设计风格以对应不同的平台,无形中还是增加了不小的人力和时间上的成本。

方案二的好处就在于,如果某个应用拥有一套自己的设计语言,那么用户在切换平台时,很容易马上上手,几乎感觉不到平台的差异性,特别是像 Wunderlist 这样需要跨 PC、手机等平台使用的应用来说,特别适用。当然不好的地方就是,自己的设计语言把握不好,会和平台的风格显得格格不入,从而变得特别突兀。