那些丑丑的应用图标,设计它们的人是怎么想的?

2015-03-27 09:40 稿源:pingwest  22条评论

略丑的“支”

赭(zhě)隐是一名设计师,他供职于一家掌管着2亿中国人移动支付安全的公司——支付宝钱包。赭隐的工作主要是设计支付宝钱包的移动应用图标。

不巧的是,这份工作并不讨人喜欢,支付宝钱包的应用图标一直以来都饱受争议。批评者中不乏名人大 V,“小道消息”出品人冯大辉早在一年前就表态称,支付宝“支”字图标大概是他遇到的最难看的应用图标。

春节期间,这种批评之声来得尤为猛烈。因为,支付宝钱包在“支”字图标底部简单粗暴地新增了一行“亿万红包”红色横幅,让其比之前更加难以接受。

虽然好看或丑陋都是个人的纯主观感受,但问来问去,我还没发现有人认可支付宝钱包这个图标的“美感”。看起来,似乎“中文汉字图标不好看”已经成为了一个事实。那么,中文汉字图标不好看,为什么支付宝还会考虑以汉字“支”作为图标呢?

当我将这个疑问抛向赭隐时,他表示,“通常情况下,设计一款应用图标需要考虑诸多因素,好看与否只是其一。辨识度有时可能是首要考虑因素。”赭隐认为,对中国用户来说,中文汉字图标的辨识度相对比较高,才容易建立起产品与用户之间的直接联系,让用户第一眼看上去就知道这是哪家的产品。“支”字当然会让用户立刻联想到支付宝,而非其他产品。

品牌延续性也是设计支付宝钱包图标时的重要因素。2013年6月份,支付宝钱包移动应用 7.0 大版本更新时,赭隐和他的团队抛弃了之前的“支付宝”三个字,而选择了“支”字作为新图标以延续品牌。“显然,‘付’和‘宝’都不适合作为品牌形象吧。”赭隐说,“其实,‘支’字也并没有那么难看吧”。

赭隐所说的“不难看”或许更多是一种习惯吧。如果你和我一样,是 2 亿支付宝钱包的重度用户之一,没有将其删除出空间有限的手机屏幕,一定是因为“我们基本上难以离开它”——支付宝钱包已经可以完成手机充值、缴纳水电燃气费、信用卡还款、余额宝理财等等。

以支付宝为例,你可能也发现了,移动应用同样是一个看脸的世界。在面对一款应用时,你仅能凭借寥寥的介绍文字,几张应用截图,和一个应用图标来决定是否下载。比起文字或截图,有时候图标可能会成为最关键的决定因素。

简单的,应用图标可以被划分为两大类:文字和图形。前者直接简单地让用户知晓他正在使用的是哪一款产品,例如 facebook 的“ f ”,淘宝的“淘”;后者容易让用户从一大堆密密麻麻的文字图标中立刻将其识别出来,例如星巴克的“双尾美人鱼”图形,微信的“聊天气泡”图形。

并不能笼统地就认为,图形图标就一定优于文字图标。但一款设计精美的图形图标不仅能够鹤立鸡群,也能够让用户直接将其与产品映射连接起来。然而,文字图标则容易淹没在应用大潮中,几近与“美观”无缘,尤其是全世界最复杂文字之一的中文汉字。

不难看的“知”

赭隐和支付宝钱包的烦恼主要就在于,在保证支付宝钱包品牌一致性和图标与产品最直接的映射关系的基础上,如何让用户接受“支”字图标,认为它并不难看。与赭隐一样,同为设计师的李奇似乎并没有这样的烦恼。

李奇在中国最知名的问答社区网站“知乎”工作。与支付宝一样,知乎的应用图标同样采用了中文汉字“知”。然而,李奇和知乎团队受到的批评小得多。在他看来,原因之一可能是知乎很少变

2011 年 9 月上线至今,知乎的图标没有发生任何变化。相较之下,支付宝粗略计算已经换过了至少 4 种图标。

三年前,将知乎从网页搬到手机端时,李奇和其团队并未在图标设计上纠结太长时间——延续品牌成为了知乎的首要目的。当时,除了“知”,“知乎”两个中文汉字的图标也是一个备选方案。不过,考虑到 iOS 图标是圆角矩形,而“知乎”两个字在视觉上是长条矩形,最终才选择了一个汉字的“知”。

和大多数普通用户一样,设计师李奇承认,中文汉字图标的确不容易好看。因此在将其作为应用图标时,设计师通常会考虑从字体、形态等角度去修饰它,让它变得容易被接受。拿知乎举例,为了避免“知”字对用户造成审美疲劳,知乎设计师对“知”字右边的“口”进行了斜角特殊处理,让“知”字看起来不至于太过生硬。

此外,“内容社区”的属性也帮助知乎用户更多将注意力放在了图标之外的地方。例如,应用内交互动画是否适宜,问答是否方便,以及是否能够分享答案等。知乎应用上架 App Store 后不久,知乎上就诞生了一个问题“为什么知乎的 iOS app 不能发表答案?”。显然,知乎用户的优先关注点并不在应用图标上。

有意思的是,知乎团队的第二款移动端产品——知乎日报,并没有延续知乎以中文汉字作为应用图标的传统,而是选择了图形图标,“一个蓝色背景的 3/4 圆”。李奇介绍称,作为知乎的第一个子品牌,而且是完全诞生于移动端的品牌,知乎日报并没有迫切需要在应用图标上延续之前的风格。知乎日报的图标出处是 iOS 下拉刷新时出现的一个环形图标,寓意是知乎希望用户每天用日报刷新知识。”

诚然,这样的寓意契合知乎日报的产品属性,但知乎日报的图标实际上并没有做到独特而美观。早在诞生之初,就有人指出,知乎日报与 2011 年就推出的云端记事本应用 Catch Notes 应用图标相似——后者的图标是一个橙色背景的 3/4 圆。

你很难断言,在应用图标上,知乎日报抄袭了 Catch Notes,但知乎日报的图标显然并不能算作一个特别优秀的作品,至少并不比知乎的“知”高明很多。

难说好看不好看的“豆”

从中文汉字图标到图形图标,知乎用行动证明了图形图标并不一定比中文汉字图标好。而豆瓣则走上了另一条路:从图形图标走回了中文字体图标。

一直以来,以文艺著称的豆瓣在移动端都被吐槽“方向错误”和“太过混乱”。在去年 8 月份推出“豆瓣 app”之前,豆瓣总共在移动端推出过 11 款应用。其中,最早的是诞生于 2010 年 2 月的“豆瓣FM”,最晚的是诞生于 2014 年 5 月的豆瓣一刻。“一个 app 只做一件事”的原则被豆瓣体现得淋漓尽致。

过去,拟物化(skeuomorphism)设计盛行,豆瓣如其他团队一样,在设计应用图标时倾向于使用图形来传递信息。除了豆瓣东西的应用图标算作是文字图标,豆瓣出品的其余 10 款应用的图标都是图形图标。可以说,豆瓣是一家偏爱图形图标的公司。

不过,豆瓣系应用在图形表达上有着比较明显的差异。有的应用图标很容易让用户理解,例如,豆瓣FM 的图标是一个收音机,豆瓣电影的图标是一部分胶卷放映机,豆瓣音乐人的图标是一段音乐频谱等。有的应用图标则容易让人摸不着头脑,例如豆瓣小组的图标是一个编制环(寓意交流沟通?),豆瓣阅读的图标是一只鸟,豆瓣一刻的图标像是一块碎了一角的饼干。

前豆瓣阅读产品经理小鱼告诉我说,豆瓣阅读图标上的鸟名为鹡鸰(jí líng),寓意自由。鸟背后有一段文字,取自 20 世纪世界文学史上最伟大小说家之一的马赛尔·普鲁斯特(Marcel Proust)代表作《追忆逝水年华》七部曲之二的《在少女们身旁》(À l’ombre des jeunes filles en fleurs)。

显然,豆瓣阅读的这一图标符合豆瓣整体的文艺气质。如果你看得懂这只鸟和普鲁斯特的名作,也许能够建立起它与豆瓣阅读的联系。尽管这种联系似乎有些晦涩,但如果豆瓣阅读直接以“阅读”、“阅”、“读”等中文汉字作为图标,恐怕也无益于豆瓣阅读的品牌树立。

有好的文章希望站长之家帮助分享推广,猛戳这里我要投稿

相关文章

相关热点

查看更多