以用户为中心的设计

这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。
推荐您进入文章源地址阅读和发布评论:http://www.ifanr.com/45332

品牌的形状

作者:Tau Chee  |   发布: (编辑)kent.zhu   |   时间:2011-07-05 12:49:39 文字大小:- +

品牌的识别度可以来源于不同的表现形式。可以是听觉,比如诺基亚经典的铃声。 也可以是视觉:从最直观的商标,以及更深入产品内部的各种设计元素。

形状便是其中一种。尤其是在移动时代,每天你点击最多的是那些 App 图标。这让形状与品牌的联系更是深入人心。Clayton Miller 有心的将各家的图标形状整理出来,做了个排排坐

own-a-shape

从左到右,正好是方形到圆形的缓变过程!

拥有你自己的形状

苹果:最先将自己的形状渗透到几乎所有产品的要属苹果,上图中第二个圆角图标大家应该再熟悉不过。从 iOS App 的图标、内部软件设计规范(到处可见的圆角)到硬件(比如 Mac mini)的设计,圆角让你第一时间想到苹果。(告诉我,你不会喜欢下面这张图片)

DeVi11

接下来是 Palm(那一年还是 2009) 的 webOS。苹果将所有程序图标化、并置于桌面的方式在触摸时代被竞相效仿。webOS 选择了圆形。这是一个极佳的选择,不管是 Palm 的商标,还是 Palm Pre 的外形,乃至现在惠普的商标都与圆形脱不了关系。但从下面这张 Launcher 界面来看,图标统一度方面仍不如 iOS,系统自带图标会倾向圆形设计,而许多第三方程序却有自己的一套风格。但这不可不谓除了圆角之外的另一种尝试。

browser_2011-29-06_012805

之后微软加入了这场战争(微软:什么?我一直在战斗的好不好?)。Metro 界面带来一种耳目一新的感觉。这种设计或许有其不足,但让人印象深刻。单色方形图标带来的是简洁、干净。并且微软正在极力将这种风格统一到自己的众多产品中,比如 Windows 8、Office,甚至自己的网站。

klm_filtered

似乎可用的图标设计都被使用完毕,所以三星的 Bada 只能向前辈致敬(就不上图了)。RIM 似乎有自己的一套圆角解决方案,但与 iOS 的那种和谐统一的境界还差太远。

等等!Android 呢?我没有将其遗忘,只是它真的没有自己的形状(难道这也可以归咎于平台分裂?)。

创新者诺基亚

这些年来似乎很难将诺基亚与创新联系起来。但在新的系统图标形状上我认为它做了正确的选择。这种形状被称为:Squircle。我们会想,在方形和圆形之间除了圆角还有第二种选择?事实上在 Symbian Anna 谍照图流出来时我是一下子记住了这种图标形状,即便我不知道它叫什么(仔细看就会发现 Squircle = Square + Circle )。在维基百科上搜索,你会有更有趣的发现!这个形状不是凭空设计出来,它竟然还有表达式:

9af8490910bf293334378879586a6b16

包括这次的 N9 的发布,系统界面一样赏心悦目:

84EB57CC273B3362

可以看到通知界面的 Feed 栏头像和 Launcher 界面都使用了这种形状。我很高兴诺基亚终于能在这些细节上下功夫,而不仅仅是硬件上的小折腾。

在图标形状的选择上诺基亚并没有盲从,虽然形状就那么回事,但这关乎到品牌识别度。还记得当年塞班和黑莓上流行的 iOS 主题?虽然很山寨,但我们乐此不疲。

现在仍然记得某篇文章中的一句话:

不酷了?那你就完蛋了!

希望这是诺基亚真正酷的开始。

更多
打印  |  类别:视觉设计  |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买