


























但凡是 Instagram 的用户,昨天肯定都看到了 Instagram 更新后的新版图标,三年之后,Instagram 终于放弃了拟物化的图标,换上了迎合时代审美的扁平化图标。不过,大家似乎一致对新图标的大渐变色颇有微词,一时间国内外一片吐槽,重新点燃了社区中「我为 Instagram 设计新图标」的运动 #myinstagramlogo。

于是,Instagram 的设计总监 Ian Spalter 不得不站出来,揭密 Instagram 新版图标背后的故事,标题也取得非常巧妙,叫做「Designing a New Look for Instagram, Inspired by the Community」,我觉得全文最出彩的地方就是标题这里的「Inspired by the Community」,一下子给 Community 背了好大一个锅。
甚至,Instagram 之前这款经典图标的设计师 Cole Rise 也出来为 Instagram 背书,关于新版图标,他是如此评价的:
I love the minimalism. Regardless of the colors behind it, the white shape — the actual bones of the new symbol itself — is beautiful, and I think that can persist over time.
这段话中最大的亮点莫过于「Regardless of the colors behind it」,这潜台词是不是 Cole Rise 本人对背景色也同样持有保留意见呢。
虽然现在网上几乎一边倒的在批评 Instagram 的新图标,但是如果结合诸多应用图标进行分析的话,Instagram 的这个新图标,也未必真的有那么差。
我非常想先强调这一点,「好图标」和「好看的图标」之间,有时候没有必然的关系。图标甚至在很多时候,是不具有审美意义的,这也是为什么我们有时候会说,设计本身并不是一种艺术。一个好的图标,好看可能只占着非常小的考量因素,那么评价一款图标最重要的标准是什么呢?我个人觉得是辨识度。
想当年,iOS 7 刚推出时,同样是骂声一片,但渐渐的,你只要给主流人群足够时间,他们会自然地习惯,这种习惯背后深层的原因是,对风格和设计语言的接受。但是图标会更艰难一些,毕竟在那么小的尺寸上,设计师很难系统性地展现出成体系的风格和设计语言,这对图标的设计其实提出了更大的挑战。
拿起你的手机,看一看桌面上的那些各有特色的图标,谁不希望能给你留下深刻的印象,在众多图标中脱颖而出,让你能够注意到。其实如果你仔细观察,你会发现当下的图标无非分为这么几类:



随着扁平化设计语言的流行,越来越多的图标都开始采用线条形状 + 品牌色彩的方式来设计图标。这带来了一个最直接的挑战,越来越难以形成自己的辨识度。虽然说扁平化和极简主义两者之间并不完全等同,但是,很多人追求一个极简的性冷淡般的图标,这样的期望是不切实际的。辨识度本身是违反极简主义的,一个商业品牌绝不想自己隐藏于无形之中。试想,Macbook 盖上为什么要有苹果 Logo?甚至在 Macbook Pro 等机型上还有背光灯。如果按照「如无必要,勿增实体」的观点来看,这个 Logo 存在,甚至还必须发光的唯一必要性,就是建立起面向消费者的品牌辨识度。
当然,越来越多的公司也开始另辟蹊径地尝试一些其它办法来建立起品牌和 Logo 的辨识度。比较常见的做法,目前主要是加入动效和建立个性化元素的情感绑定。例如,Google 的新版 Logo 在发布时,就为自己的 Logo 加入了动画元素;Uber 的新版图标,不仅仅在应用启动时有非常动感的效果,针对不同的城市,还特意准备了不同的纹路和色彩。遗憾的是,手机桌面上的图标只能是静态的,当然,你也没法想像,要是整个手机桌面上的图标,都一起跳动起来是一种什么样的体验。

当时 Uber 的新图标发布时,同样是一片吐槽,不过,设计师真的会在乎用户的意见吗?
这个问题比较容易解答:他们不在乎。前面提到了,好的图标不一定是好看的图标,这一点作为设计师肯定深有体会。事实上,几乎每一次品牌升级和图标更新,肯定都会受到现有用户的反对和吐槽,这一点都不奇怪,人本身对旧有的既定事物就抱有一定的依赖感,而在你看到这个全新的设计之前,设计师可能已经经历了无数稿的重绘,天天对着新图标,他们已经习惯了,甚至看吐了,于是他们坚定地认为,假以时日,你一定也会习惯的。
此外,令我印象非常深刻的事情:Uber 的新版图标共有 55 位设计师的参与,虽然不知道 Instagram 的新图标是多少设计师的结晶,但是一个小小的图标,真的需要这么多的设计师吗?
很多人会天真地以为:你看那些设计师写的博客里面,各种背后的故事,讲述他们是如何将文化理念融入进自己的图标当中的,这种工作肯定很烧脑吧。事实上,一个小小的图标,怎么可能包含和传达什么文化或者理念,真没有这么神奇。
那么,他们大部分的时间在干什么?这两张图能很好地说明。除了一稿一稿地重绘方案外,当确立了一个主要方向后,他们大部分的时间,都在确保图标和 Logo 的全平台辨识度。
没错,这些 Logo 和图标不仅仅只是停留在你的手机桌面上,他们还可能出现在网页上、海报上、实体店里、包装盒上等等地方,它们会需要适应不同的大小和尺寸,适应不同的屏幕色彩和分辨率,适应不同的周边物体和色彩风格,适应各种实体物料的印刷和制作……如果不是设计师出身,你可能没有注意到:一个 1028*1028 大小的图标,并不只是简单缩小一点,就能变成一个 80*80 的图标,当少了那么多像素后,图标上的许多细节和纹理都需要重新处理。


图片来自 PingWest
像 Uber 的这四个字母,你可能觉得平淡无奇,但是想像一下,如果 iPhone 包装盒上的 iPhone 字样中的「i」,如果只是随便使用了 Arial 字体,那它就不会是现在这样的小圆点(左图),而会是一个小方块(右图),点击大图,你能感受到这么细微的不同,却能带来如此巨大的感官差异吗?


回到 Instagram 的新图标,如果一定要我给出一个评价,那么它是一个达标的,并且合理的设计。所谓达标,通过这样的线条和色彩组合,的确保留了较高的辨识度。而合理则是一个更有趣的话题,试想一下,如果你是 Instagram 新版图标的设计者,你会何从下手?
首先,Instagram 经典图标是一个相机,相机的元素不能丢吧?按照常用的手法,要不就是把现有的图标直接拍扁,这是最省力也最偷懒的做法;要不就是把相机给高度抽象化,通过线条的形式表达出来。
从 Instagram 公布的设计视频来看,显然他们有考虑过第一种方案,但是我相信任何有追求的设计师,都会自我否决这种没有想像力的方案。

而如果从线条入手,相机的线条,不仅仅是 Instagram 这样的图片社区,许多摄像类的 App 同样也都是相机的抽象。想必希望仅仅通过线条的运用来创造一个独特的辨识度,是一件不可能完成的任务,这时候唯一理性的做法,就是搭配上色彩的运用:于是 Instagram 最后给出了如此大胆的渐变色方案。
至于一小部分用户吐槽新版图标和应用内的界面改版风格脱节,这个指责真的是无理取闹了。Ian Spalter 在博文中,对这一点还是有非常直接的回应:
While the icon is a colorful doorway into the Instagram app, once inside the app, we believe the color should come directly from the community’s photos and videos. We stripped the color and noise from surfaces where people’s content should take center stage, and boosted color on other surfaces like sign up flows and home screens.
作为一个图片分享社区,自然在 App 内应该尽可能地让应用本身趋向于无形,将用户的注意力全部集中在社区中的图片上,不然还指望 Instagram 在各处都抹上那抹粉红渐变不成?
当然,回到图标本身,说它是一个合理的设计,同时也意味着,这是一个 think inside the box 的设计,如果它想成为一个大胆革新的设计,从第一步就应该抛弃相机这样的核心元素,才能够真正有发挥的余地和空间。
评价一个图标和 Logo,最有效的方法就是时间,像可口可乐的 Logo 经久不衰,而 Instagram 官方也提到,他们在设计这版新图标之初,就不想要今天的方案,当一年过后回过去看时,又觉得需要再一次更新图标。
那么,你觉得 Instagram 的新图标,能坚持多久?
此内容由惯性聚合(RSS阅读器)自动聚合整理,仅供阅读参考。 原文来自 — 版权归原作者所有。