Instagram 新设计

在五月十一号晚些时候,Instagram 推出了新的 Logo 与界面设计。这次突如其来的巨大改变(之前有过内测版的界面设计流出),在日常使用者和互联网业界掀起不小的波澜,导致有人用以下 Gif 来吐槽这次的更新:

在新版本推出之后,我也在朋友圈里发表了一些自己的看法:

“关于界面设计,白底儿和版式规则把视觉焦点留给内容,美图只会越美。关于 Logo,对比之前的 Uber 和 VSCO,还是可以看的(对比产生美)。要检验新版效果,得看看那些从未使用过的新用户,他们的反馈应该是最有价值的。”

— 那这次 Instagram 为什么要这么改?设计的出发点是什么?

INSTAGRAM is now a diverse community of interests where people are sharing more photos and videos than ever before … We wanted to create a look that would represent the community’s full range of expression — past, present, and future.”

以上是Instagram给出的回复,一句话可以理解为:新设计是为了承前启后,继往开来。

对于这次改版,讨论的重点还是在 icon 的变化上,它改变了 Instagram 以往的品牌形象。以下是几个比较有影响力的观点:

  1. BRAND NEW — This is not to say it’s a bad-looking icon, no… as far as camera icons go, this is quite lovely and has the minimal amount of elements necessary to be recognized as a camera BUT not the minimal amount of elements necessary to be recognized as Instagram.
  2. JOHN GRUBER — In short, it looks and feels like an altogether new brand for Instagram, not an update or refresh of their old brand — and I’m not convinced that was the right move.
  3. 好奇心日报 — “新的品牌形象和用户原来认识的不一样,尤其是每天都使用的 app 已经变成我们生活场景的一部分。” 品牌咨询公司朗标的设计副总监杨鸿翔表示,新 icon 没有适当在视觉资产上做延续,降低了识别性,所以 “我们的 ins” 好像就在屏幕中消失了。

基本可以看出:他们认为在延续 Instagram 品牌识别性方面上,新 icon 设计得并不理想。这一点,Ian Storm Taylor 用了一张图来作为对比,补足了原有在拍立得 Glyph 上的延续性。

左为:Instagram新Logo;右为:Ian Storm Taylor 做的对比图

如果按照 Ian Storm Taylor 这个对比图,真的 ok 了吗?

个人觉得并不 ok,因为新的 Logo 中的圆角正方形已经延续了拍立得的原型,配合粗而Q弹的线条,简洁又极富表现力。如果你说:它已经不像拍立得了?看着的确已经不太像了,但你上次用拍立得拍照是什么时候?Instagram 就是今天的拍立得了!如果你说:没有继承识别性?其实,icon 整体设计得足够优秀,是很快会接受的(你现在打开手机看看,能接受吗?)。

这个新 iocn 是由 Clolor + Glyph 构成的,它们之间形成了完成的认知和印象。Glyph 是很不错的,但 Color 的表达却是失败的,不是因为太过于流行,而是这个设计导致了新 icon 和旧 icon 建立起的品牌认知彻底失去了联系(不得不再次感慨:用户的惯性是多么的可怕)以及表达手法太过于平庸,新 icon 的品牌并没有快速在用户心里建立起来,这也就是“用户对新事物改变的抗拒是很自然的”。当然这也不是什么所谓的 “新版总会引起人们的反对”,而是这方面真的做得不好。

看完下面他们设计团队说明,你在设计操作层面,应该能理解一点点吧,那由你来设计这个 icon ,你会怎么设计呢?

INSTAGRAM — When we started reimagining the rainbow, we looked at more minimal options, but ultimately we needed more warmth and energy to complement the glyph.

相比 icon ,新的界面设计倒是得到许多认可。比如:

INSTAGRAM — 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 的自身存在感(想想如果把 tabbar 上的icon 换成 iOS 系统的标准 icon ?)。

那如何检验 Instagram 这次新设计效果,我认为得看看那些从未使用过 Instagram 的全新用户,他们的反馈应该是最有价值的。

说这么多,似乎也没有一个定论,还是那句话:每个设计团队都是要对自己产品负责的。


注:一张图告诉你 Instagram icon 历史变迁。( via Mike Rundle in Twitter ,其中第一版 icon 是 CEO Kevin Systrom 亲手画的, 参考的宝丽来 SX-70 相机)

Instagram icon 历史变迁