如何评价 Instagram 新的品牌形象和界面设计？ 第1页

Instagram设计组的头Ian在Medium上发了文章简单解释了一下更新背后的理由：

简单概括来说，他们想让Instagram看上去更现代（Modernize）。他们一开始用了大概所有人都能想到的办法，就是把之前拟物化的质感Icon拍平（Flatten）。他们发布的视频中爆出了设计师的一些早期尝试，我简单截取了几张（因为是快速飞过效果，所以有些截图比较模糊，见谅）

可以看到，设计师一开始走在了一个常规的不太会犯错的路上。但正如视频里暗示的，这套设计方案在发给领导层过目之后，受到了一些质疑。Ian的设计团队也在自问：

Was it better? Would we feel the need to do this again in a year?

于是第二轮迭代开始了，设计师在公司内部做了研究，让人们用5秒时间画下对Instagram图标的印象，他们发现几乎所有人都画了以下三个元素：彩虹，镜头，取景器。我们可以发现，之后设计师的探索基本就是把这三个元素有机融合。

自此，他们决定把设计的目标定为：

Translate these elements into a more modern app icon that strikes a balance between recognition and versatility.

特地加粗了Recognition和Versatility两个词，后面还会提到。

自此，Ian的团队开始进入更加细节的设计考量：主要是颜色和形状。颜色——按照Ian的文章所说，他们希望表达「温暖」和「有能量」这两个意象。形状——他们试图做的是在抽象和具象之间寻找一个平衡点，而其中很重要的一个目标是让这个形状在未来几年依然可以使用。

贴几张视频里放出的设计稿，我猜测这些设计稿是在这个阶段产生的，大部分都基本符合设计团队制定的目标（那个黑色的是怎么乱入的o(╯□╰)o）

我不是Icon设计师，只能粗浅地说说自己的看法吧。我很赞赏Instagram设计团队没有仅仅停留于把图标拍平这样一个显而易见的方案，最后放出的这一版相较之前那个已经深入人心的图标是天翻地覆的变化，这样的改变需要设计团队巨大的勇气和自信。

回过头去审视他们当初制定的目标—— recognition and versatility。我认为他们基本达成了当初的目标。使用简单的图形，去掉了拟物化的材质，新的图标在Scalability和Versatility上有了很大的进步。但另一方面，强烈的渐变背景色加上白色图形与之前的图标相去甚远，对Recognition而言是一个巨大挑战，它需要时间去重新获得用户（尤其是重度忠实用户）的接受和认可。

哦对了, 我非常喜欢http://Instagram.com上对于新图标的使用，充分证明了新图标的versatility！

------

然后说说UI，总体上来说，我个人喜欢这套全新的UI胜于新的App Icon。

总结一下这几屏iOS UI的变化：

• 首页最明显的两个改动是Top Bar和Bottom Tab Bar。顶部蓝色没有了，底部Tab Bar也不再使用深色背景，照相机也不被突出了。
• Tab Bar统一使用Outlined Icon，在选中状态下使用Filled Icon——遵循了iOS Human Interface Guideline（https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Bars.html）
• 用户名称从蓝色变成深灰色，使用加粗字体来提供可点击的Affordance（没了蓝色，在Activity信息流中，图片和视频相对更明显了）
  
• 把其他蓝色链接（比如首页的 See All Suggestions）变得更深了、饱和度更低了，相对的也就更不明显了。
  
• Activity页面去掉了Header，只保留了顶部的两个Tab，内容空间更大了。
• 大量的UI Text从全部大写变成了首字母大写，增加Readability，减少Prominence。

除了遵循平台设计规范，大部分改变都是为了让内容更突出。更确切的说，是为了突出Instagram这个产品最最核心的东西——照片。这次UI改版有明确的设计目标，执行也很具水准。我唯一不确定的是除去蓝色，转而使用加粗黑色字来表示「可点链接」这一步——有待数据支持吧。

去年Google更新品牌标示的时候，

曾经写了一段话给Google的设计师们，贴过来作为结尾。

Dear Google Designers,

NO ONE has ever designed a digital identity at such a big scale. No one knows better than you. Keep on rocking!


No one even remotely knows the implications and challenges of implementing a digital identity, not only across an internal team of ~60.000 employees but also across so many public touch points worldwide.

Designing a logo that goes onto a beer bottle is one thing, designing a digital identity for billions is a completely different story.

Please keep sharing your learnings with us, because I know it’s a process that will never end.