【摘要】 昨天,在广大网友没有一丝丝防备的情况下,Instagram启动了重新设计的全新LOGO图标。与原来棕色宝丽来
昨天,在广大网友没有一丝丝防备的情况下,Instagram启动了重新设计的全新LOGO图标。与原来棕色宝丽来相机图标相比,新图标以彩虹渐变为主题,色彩明亮、颜色丰富,变得更加扁平。上图:
但从网友的反应来看,这个耗费了设计师九个月时间设计出来的图标,并不讨巧,反而引来骂声一片:
之前的LOGO图标是从2012年Instagram成立以来,已经使用了5年,突然换了一个全新图标,也怪不得网友们会吐槽。相信对于这个结果,Instagram的团队早有心理准备,为什么他们依然做了这个决定呢?
Instagram设计组的负责人Ian,在Medium上发布文章简单解释了更新背后的理由。“当Instagram 成立的时候,它是一个可以轻松编辑和分享照片的地方。五年之后,事物在向前发展,Instagram 也变成一个比起以往更加多样化的社区,但是,Instagram 的图标和设计已经开始变得无法反映这个社群,而且我们觉得可以让它变得更好。”
具体来讲,改变发生在以下几个方面。
Instagram 新LOGO图标
在讲新图标之前,我们先扒一扒旧图标的历史。其实,Instagram最初的图标是由其CEO Kevin Systrom自己设计的,它长这样:
然而它太像宝丽来相机了,Systrom想要一个独特的图标。于是,他让自己的一个设计师朋友Cole Rise修改了一番。由于当时只有一个小时的时间,Rise真的用45分钟做了个改版的图标:
Systrom蛮喜欢,然后Rise又和Instagram的团队用了6个月的时间优化,没想到这一用就是5年多。
自从iOS7推出后,许多App都配合着改成扁平化设计的图标,Instagram也不得不顺应这个潮流。“于是我们从基础开始,去掉了那些装饰,并且让图标变得扁平化。”Lan解释说。
在这个过程中,Instagram让公司里的人们凭着他们的记忆,在5秒中内画出 Instagram的图标,几乎所有的人都画出了彩虹、镜头和取景器。有了这个经验,我们决定去将这些元素转变为一个更现代的 App 图标设计,让它能在辨识度和功能性之间达到一个平衡。
“我们意识到我们需要移走之前的相机设计,以此来获得一个更灵活、更可扩展的图形设计,但如果抽象化了太多,那图形的设计就会和Instagram的历史与灵魂相差太远;如果过于保守,那又很难证明我们的变化所在。在经过了很多细化处理之后,我们还是采用了一个相机的图形设计方案,同时还为未来几年打下了设计的基础。”Lan说道。
色彩
对于新图标的彩虹渐变色,Lan也做了解释:如果镜头是进入一个更大胆、更简洁设计的桥梁,那彩虹就是带你进入彩色渐变设计的联结者。色彩一直就是Instagram最重要的一个组成部分,你能在经典的App图标、过滤器和整个社群中的照片与视频中见到各种不同的颜色。“当我们开始重新想象彩虹,我们更多地关注那些简约的设计,但最终我们还是需要更多的温度和能量来填充我们的图形设计。”
只不过这一版的色彩,却让Instagram失去了以前的高辨识度。
视觉一体化
可能Instagram的新LOGO图标,统一公司各个App的视觉感,是最受认同的了。
除了Instagram App外,其家族旗下的其他应用也换上了统一风格的外观设计,包括 Hyperlapse、Boomerang和Layout。
“我们让每一个图标都采用了渐变式的方案,在同一网格内的设计也让它们看上去更加一致。同时,Layout与Boomerang的图标也能更好地反映它们的功能:一个能帮你收集照片,另一个则是迷你的视频循环应用。”Lan在文章中写道。
新的UI
除了新的图标,此次Instagram对UI设计进行迭代更新,打开Instagram, 产品上边栏被改为了白色,选中的图标变为黑色,而不再是蓝色。
Lan介绍说,“虽然图标是一个色彩斑斓的进入Instagram的大门,但当你进入了App之后,我们相信色彩应该要直接来自社区中的照片和视频。因此,我们将彩色和干扰因素从界面中剔除了,让用户的内容占据舞台的焦点;同时我们在其他的一些界面中增强了彩色的比重,比如注册流程和主屏幕。”
知乎网友RiceMan认为这套全新的UI胜于新的App图标,他总结了iOS UI的变化:
◆ 首页最明显的两个改动是Top Bar和BottomTab Bar。顶部蓝色没有了,底部Tab Bar不再使用深色背景,照相机也不被突出了;
◆ Tab Bar统一使用OutlinedIcon,在选中状态下使用Filled Icon——遵循了iOSHuman Interface Guideline;
◆ 用户名称从蓝色变成深灰色,使用加粗字体来提供可点击的Affordance(没了蓝色,在Activity信息流中,图片和视频相对更明显了);
◆ 把其他蓝色链接(比如首页的 See All Suggestions)变得更深、饱和度更低,相对的也就更不明显了;
◆ Activity页面去掉了Header,只保留了顶部的两个Tab,内容空间更大了;
◆ 大量的UI Text从全部大写变成了首字母大写,增加Readability,减少Prominence。
但In APP的黑羽却对Instagram此举表示不理解,“如果靠解释可以说服用户的话,那么用户体验就没必要做了。直观明了的用户体验,是最好的。里面的界面让位给图片能理解,单独来看是很好的设计。不理解的是,外部图标和内部界面的不统一,从色彩体验和直观印象上是不统一的。”
总结
对于Instagram的全新LOGO图标,黑羽如此评价道:“换的太突然了,不管有千万种说辞,对用户的这种冲击式改变不太好!在用户中多年的形象沉淀也浪费了,品牌潜在损失大。”
不管图标怎么变,产品自身依然是吸引用户的根本。最后,献上一组Instagram忠粉基于新LOGO图标的作品。
已有0人收藏
+1已有0人点赞
+1转发
发表评论
请先注册/登录后参与评论