Instagram 的新设计

Instagram 这周从 icon 到用户界面焕然一新。这次突如其来的巨大改变,在日常使用者和互联网业界都掀起不小的波澜,也反映出 Instagram 极大的影响力

为什么改?设计的出发点是什么?

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.”

PAST, PRESENT, and FUTURE.  新设计是为了承前启后,继往开来。

对这次改版,舆论的讨论重点大部分集中在 icon 的变化上,它改变了 Instagram 的品牌形象。几个有影响力的观点是:

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.

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.

好奇心日报 – “新的品牌形象和用户原来认识的不一样,尤其是每天都使用的 app 已经变成我们生活场景的一部分。” 品牌咨询公司朗标的设计副总监杨鸿翔表示,新 icon 没有适当在视觉资产上做延续,降低了识别性,所以 “我们的 ins” 好像就在屏幕中消失了。

基本上都认为在延续 Instagram 品牌识别性方面,新 icon 做得不好。这一点,Ian Storm Taylor 给出了一张图来作为对比,补足了原有在拍立得 Glyph 上的延续性。

https://twitter.com/ianstormtaylor/status/730458234608181248

这样 ok 吗?其实新的造型,正方形延续了拍立得的原型,配合粗而Q弹的线条,简洁又极富表现力。和其他使用镜头做形象的 app 没有区分性?这些 app 其实都在模拟真实相机的样子,只不过它们是平的。不像拍立得?也许有点儿吧,但你上次用拍立得拍照是什么时候?Instagram 就是今天的拍立得。继承旧有品牌的识别性?如果 icon 整体足够优秀,使用者应该很快就会接受的。

而问题恰恰在“整体足够优秀”。Clolor + Glyph 一起构成了这个 icon,相互作用形成完整的认知和印象,需要整体看待。这个 Glyph 很出色,Color 的表达是失败的。失败之处不在于其表达方式过于流行 (如果放在60年的嬉皮年代,你说它的颜色会不会是绿黄红?),而在于这个设计决策直接导致了新 icon 跟原有 icon 建立起的品牌认知彻底失去了联系。同时,由于表达手法太常见(所谓”平庸”),新 icon 自身的品牌特征就不容易凸显(对比 Facebook 的 icon),也低于大众的心理预期,大家对新事物产生抗拒是很自然的。这绝对不是什么 “新版总会引起人们的反对”,而是做得不好。( Buzzfeed 上这个用星巴克等品牌来二次演绎的玩笑极具杀伤力)

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 ?

相比新 icon,Instagram 重新优化的界面倒是得到很多认可。

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.

“让内容自己说话”,“设计应该退到背后”,“好设计是无设计” … 这是设计师们常常会有的对自己设计结果的期望。Instagram 这次对用户界面的改版,做得相当彻底,首先要表示肯定。以及对其团队的胆识和执行力、公司上下对 Design 的认识水平表示钦佩和羡慕。要注意的是,Instagram 这次不止简化了 (他们甚至称之为 paring down ) 各处元素的颜色,也简化了不少交互细节、采用了更多系统原生的组件、字体等等。说白了,提高自身的运行流畅度,让用户更好地跟内容进行互动。

但我对这个惨白的界面仍旧有所保留。它在视觉层面太彻底了,太目标导向了,有点失去平衡,少了一种最基本的自身存在感以及呼唤人们来使用的亲切感,就像被消毒液洗过一遍。Insatgram 毕竟是个第三方 app,而非手机系统本身 (想象一下把 tabbar上的 icon 换成 iOS 系统的标准 icon ?)。说得严重点,这算是一种设计暴力吗? (不说美学暴力是因为根本没有美)。

One Comment

  1. 我觉得在icon的设计和选择上无可厚非,icon图形简化,颜色趋向时尚,「Past-Present-Future」,对用户来说,现在的心理比重更多是放在Past-Present上。instagram的团队相比起来我感觉是更着重于Future,感觉他们是要想做引领的,逐渐打破原来的vintage的印象,icon设计的考量上可能Future能占60%,Past-Present合起来占40%。本身instagram的影响力和推力足够大,已经营造出了大家对新icon的关注度,时间上用户很快也就能对新icon适应了。

    界面上,某种程度上我很同意brant的「设计暴力」的看法。界面上在视觉上的可能性其实是越走越窄了,下面还怎么玩?那是不是只能跟着Jonathan Ive的步子走了?

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.