Instagram 刚刚发布的新图标让它看上去就像厦门或者某个 SOHO 里的科技公司随便山寨了一个什么相机然后拿去刷榜然后被“美剧迷”之类的微博营销账号推荐了一下导致我小学同学背着两个孩子去爬山的时候一定会用来自拍的软件。

虽然很多人一早起来吓坏了，但你会发现积极的一面是，这轮改动让 Instagram 和该公司的其他产品融为了一体，包括 Layout、Hyperlapse 以及 Boomerang 等。

http://mmbiz.qpic.cn/mmbiz/uKXjgFWH6quuQefR89aMibuczaARHkLMBZgaYgbyP8PBb9GrlXe3rwVXAkWJTD05q1L6v7hiaKlRqwj01FPoHUuA/0?wx_fmt=jpeg刚刚更新的图标太可怕了，听听它的设计师是如何狡辩的" />

看上去该公司的产品实在有点太多，导致柜子里已经装不下你们了快出来吧。

然而，美好的事情都是一样的，让人 WTF 的事情却各有各的不同。新版 Instagram 的设计师撰文解释了这一变动的原因，无论你对新版的评价如何，先来看看背后的故事，再评价也不迟。

INSTAGRAM的新设计 | 撰文 Ian Spalter 翻译 童子

今天我们发布了 instagram 的新版本，让这款 APP 由内而外地焕然一新。首先，我们为 instagram 创建了全新的App 图标，也包括了一系列使 Hyperlapse、Layout、和 Boomerang 这些应用的风格更加统一的图标。同时我们也更改了用户交互界面，使其更加简洁连贯，能够帮助我们的用户上传的照片或是视频脱颖而出。

❶ 灵感之源

Instagram 诞生之初，它只是一个方便用户编辑并分享照片的平台。五年时间过去，一切都变了。如今的instagram是一个兴趣多样化的社区，人们相比从前更愿意把照片和视频贴上来，利用新的处理工具像是 Boomerang 和 Layout，通过 Explore 以一种全新的方式和这个世界产生联系。

去年，我们的一个小组开始深入挖掘如何在支持 Instagram 演变的同时，保留其原有的传承与精神。我们想要呈现一种全新的风格来展现这个全方位表达自我的社区——过去，现在和未来。

❷挑战：突显其本质，反映其成长

不论是一件 #myinstagramlogo 的艺术品或是一块 instagram 蛋糕，我们十分庆幸能有这样一个图标赢得了所有人的喜爱，每个人都想要把它据为己有。圆角之间是怀旧风的纹理图案，泰迪熊特有的棕色，美化后的镜头和彩虹，太多太多了。

品牌，商标与产品本身能够和用户产生十分密切的关联，你不能只是为了满足人们的猎奇心理而去草率地改变它。而 instagram 的图标以及其设计开始让人感觉到，就是……它已经无法反映这个社群了，我们也认为我们可以把它做得更好。

❸ 开始改变

原有的图标凭借其拟物化的风格让它看起来十分逼真，尽管它实际上还是一堆像素的集合体；而我们最初的探讨方向就是尝试让这堆“集合体”看上去更现代。我们从基础部分开始，去除了装饰，把图标扁平化。于是我们得到了一个更抢眼，更扁平化的图标，但是这看起来好么？我们有必要在这一年时间内重复这样的工作么？ 

早期“扁平化”的探索让 instagram 失去了原有的视觉冲击力，我们开始去搞清楚什么样的人群会喜欢 instagram 的经典图标，我们又要如何带领他们拥抱新的 instagram。有趣的是，在这一过程中我们发现人们很喜欢那道彩虹，而镜头是整个视觉的关键因素。与此同时，我们请公司的其他同事在5秒内仅凭印象画出 instagram 的图标。结果是几乎所有人都画下了彩虹、镜头与取景器。

得益于这一手信息，我们决定把这些元素融入到一个更现代化的App图标当中，在辨识度与功能性上找到一个平衡点。

http://mmbiz.qpic.cn/mmbiz/uKXjgFWH6quuQefR89aMibuczaARHkLMBOMnKbQqosdbIo2yIq2GYpN4C4bxRqibiasPzv0yQNKCWYECKq9zT8P7A/0?wx_fmt=jpeg刚刚更新的图标太可怕了，听听它的设计师是如何狡辩的" />

❹ 解决方案：彩虹与镜头是关键

色彩

如果镜头被用来转化为醒目而简洁的符号，那么彩虹就是通往缤纷色彩的桥梁。色彩一直以来是 instagram 的重中之重——在经典图标中你能够看到滤镜和整个社区的照片以及视频。

当我们开始重新塑造彩虹的时候，我们倾向于最小限度的改变，但最终我们需要更温暖，更有能量的颜色来填补整个符号。

符号

我们意识到需要撤掉原有的经过渲染加工后的相机，换上一个更加灵活，可扩展的相机符号；而原有的符号现在看来，对于一个图标而言太过弱化。为了保留原有图标的质感，我们不得不去解决“为新的图标植入更多个性”的问题，同时去掉无关紧要的部分。

 随后这一问题变成“我们要做到什么程度？”如果你太过抽象，这个符号最终会和 instagram 的曾经与灵魂联系甚少；但如果过于保守，又很难说出它和现在的 instagram 有何不同。

经过大量细化之后，我们拿出了一个保留镜头的新符号，也为以后打下了基础。

❺ 视觉一体化

http://mmbiz.qpic.cn/mmbiz/uKXjgFWH6quuQefR89aMibuczaARHkLMBohI22iaIQPxVDdCy5JyxwHiaicwBc9TeMiasbeqWkJibOPy1AMkTnG5GJFQ/0?wx_fmt=jpeg刚刚更新的图标太可怕了，听听它的设计师是如何狡辩的" />

我们的一系列 App——Hyperlapse、Layout、和 Boomerang——同样拥有统一的外观设计。我们将改变后的色彩应用在每一个图标当中，同时在相同的框架中进行设计，为了使其保持一致。然后，我们也改进了 Layout 和 Boomerang 的图标样式，为了让它们的功能更加一目了然——收集照片或是迷你视频的无限循环。

❻ 全新的用户界面

http://mmbiz.qpic.cn/mmbiz/uKXjgFWH6quuQefR89aMibuczaARHkLMBroICjhRSJqRT1ia8JP11iaFxtGJRlwjP7C8b3gO77icdqoKP5EPR7Bkxg/0?wx_fmt=jpeg刚刚更新的图标太可怕了，听听它的设计师是如何狡辩的" />

与此同时，我们也展开了用户界面的迭代工作，试图去创建一一个简单明了的界面，帮助用户更加专注于这个 App 的分享功能。

虽然 instagram 的图标是一扇通向其多彩世界的大门，但当进入内部界面时，我们相信来自照片与视频的色彩才是你在这个社群中应该关注的。因此我们剔除了界面上无关紧要的颜色和声音——用户的内容才是核心，当然我们也加深了其他界面的颜色，例如登录界面和个人主页。

当颜色与声音都消失不见时，我们看到这个全新的交互模式不再像是 iOS 或是 Andriod 的原生系统了。通过删繁就简的交互模式以及使用标准化的 iOS 和 Andriod 元素、字体和模式，用户会更自如地与这个新朋友相处。而在重新设计图标时，我们也利用这样的方式来增强体验，不论是在 iOS 亦或是 Andriod 系统。

❼ 展望未来

Instagram 的社群演变让人备受鼓舞，我们由衷地希望 instagram 从千千万万的用户每一天所作出的贡献当中，捕捉到了真正的生活、创意和积极向上的人生态度。我们的愿望是——人们将这款 App 看作点燃创意的星星之火，从中感受到幸福，从中做自己。我们期待着，它将引领我们走向何方。

http://mmbiz.qpic.cn/mmbiz/uKXjgFWH6quuQefR89aMibuczaARHkLMBBOKDObtvF0mpC8XZsvsqTAC0IwDicLOicHlRibcBh8Ras5JsC4ps0IMmQ/0?wx_fmt=gif刚刚更新的图标太可怕了，听听它的设计师是如何狡辩的" />

原来，一个新的图标诞生，竟然有那么多学问和考虑呢！好了解释我都看完了我还是不能接受再见.gif 

http://mmbiz.qpic.cn/mmbiz/uKXjgFWH6qtltndDKLWh726H51qQibkX16J6oAiaAUeYEJ3Z1obkv9wY2nnWYdwAz1bwqUQRhw3DFc2ncDqibT5zQ/0?wx_fmt=gif刚刚更新的图标太可怕了，听听它的设计师是如何狡辩的" />