恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
ios10发布前夕-重审Instagram的logo新设计
0.0°
2016-09-12 好文转载 行业资讯 原作者: 阮小阮 举报 2218 8 11 0



ios10发布前夕-重审Instagram的logo新设计


        

 切换前置摄像头的位置移到了右下角

在测试版出来前的5月份的时候Instagram 改版了新logo,当时引起一阵喧闹,很多吐槽很多不解。当时也只是看了看。没有再去深究。某天打开airbnb的时候也惊呆了,超简洁的内容超大的字号。然后作为一名没有设计敏感度的我依旧迟钝。

对,就是下图这样的极简风格,性冷淡到极点。差点让我觉得这就是交互稿。可是真的很清晰有木有!!

特别清晰是不是?特别干净利落是不是?一次只做一件事是不是?民宿预订搜索sug首先强化搜索,其次是历史推荐,接着是周边人。三条路径帮助人们找到合适的信息,这个时候是不是要思考提供越多的东西就越好吗?想想我之前做电商时的sug和国内电商普遍情况。

字号变大(是不是旅游群体的变化也考虑到中老年用户的需求),信息重组,黑白灰拉开层次。可是这不就是设计最初的初衷吗?伴随着本土化的情况,我们总是不断的去增加东西,我们总是假想用户能够按照我们预想去操作,当他需要时他就会去点击的,逻辑上毫无疑问,人性上似乎并不是这样。



           

           受首页内容社区的影响,Instagram为自己设计了一个全新的形象。


我们决定改版Instagram,从里面的内容架构样式到外面的logo。我们创造了一套新的instagram的ico,也为hyperlapse,layout,boomang(Instagram的组件)输出了一套统一的icon,为了让图片和视频更好更清晰的展示我们重新设计了页面,让它更简单更一致。


灵感

Instagram的创立之初,它的主要功能就是提供一个地方可以供人们轻松简单的编辑照片然后进行分享。五年过去了,事情也开始跟着发生了变化。Instagram现在变成了一个多元兴趣的聚合社区,相比以前人们更喜欢在这分享更多的照片和视频了,开始使用更多工具像:boomerang,layout,开始通过一些新的方式去探索去和外交社交。

去年,我们一群人开始去深入挖掘和探究我们该怎么样更好的支撑这个形式的发展而继续坚守instagram的内核精神和传统。我们想创造一个新的样式它能够代表这个是社会的所有变化-过去,现在和未来。


挑战:它的成长与它的荣誉

不管是myinstagramlogo艺术形式的设计还是instagram蛋糕(用户自己diy自己心中的instagram logo,制作instragram 蛋糕),我们很幸运能有这么多的人喜欢这个图案并且自己去再创作不同的形式,在这个圆角的图案上描述流行的图案,棕色的泰迪熊,蛋糕和彩虹,这里充满了爱。

品牌,logo和产品三者他们和用户建立了深刻的连接,所以我们并不想因为追求新意出奇而去改变他们。Instagram的图标和设计在最初的时候很好,随着时间迁移我们开始觉得原来的图标和设计不能代表现在的产品特征,于是我们就在想那我们可以做的更好。


let's begin


                                               

                                              



最初的logo设计风格是拟物化的,尽管它是像素风格的呈现但是仍然能感受它的真实感,我们现在的探索方向是希望它更现代化。我们从最基础的开始,去掉过多装饰,扁平化的icon,然后得到更加明亮更加扁平的icon-但是这样更好了吗?会不会在明年我们还会重新设计一遍?

由于早期的扁平化风格在视觉上缺少真实世界中的重量感,我们调整我们的方向去挖掘人们到底喜欢之前logo的什么我们好延续这个优点。有趣的是我们知道人们喜欢彩虹,并且相机镜头是一个关键的视觉元素。在整个设计过程中,我们还邀请了公司的内部人员要求他们在5s中画出他们心中的instagram icon,大多数都画了彩虹,镜头和取景框。有了这些认识,我们决定利用这些元素赋予它更加现代化的含义,能够很好的平衡多功能性和可识别度。


解决:以彩虹和相机镜头为桥梁


                                                                                                                 

颜色

如果说镜头是迈入简洁大胆图形的桥梁,那彩虹就是进入一个七彩渐变的桥梁。在instagram中,颜色是一个很重要的一部分,通过以前的app icon你能看到各种颜色,滤镜,各界的照片和视频。

当我们开始重新绘制彩虹的时候,我们着手于最小的部分,尽可能的简化,去繁化简,但最后我们还是需要更多的温暖和能量去完善图形。


图形化

我们意识到我们应该将这个灰色底的相机去掉,这样图形会更加灵活和可拓展性,但是在上版的方案中从视觉层面上来看有点弱,为了保持之前的icon的厚重感,我们需要想出一个方案可以赋予新设计更多的特征就算我们移除了这个灰色底相机也无所谓。

那么问题就是我们怎么做?如果抽象剥离的太多,图形就失去了它原来的延续性和精神,如果改动只有一点点,那就很难看出新版的设计我们到底优化了什么?

经过大量的打磨之后,我们最终还是选定了相机的图形,也为后面一年的优化打下基础。


视觉的识别性

我们其他的app-layout,boomerang 和 hyperlapse,也都有一个新的统一的形象。我们把渐变的设计风格延续到了每个app上面,它们的优化都用统一的栅格体系来让系统看上去更加一体化。我们也升级了layout和boomerang的icon,让它更能代表自己的产品性,照片收集器和小视频的循环录制。

   



新的ui

几乎同时我们也在思考icon设计的迭代,我们想要设计尽可能的清晰简单,这样人们可以很直观的注意到它。

虽然icon有很多的颜色,它是进入app的唯一路径,但是我们认为进入app后颜色应该和内容(视频和照片)剥离。我们应该去除内容无关的信息和噪点,重点凸显内容,颜色的发挥应该更多的用在其他页面比如注册登录流程和首页。



当我们减少页面中的颜色和噪点时,我们会发现在ios和android设备上的交互框架不再那么原生化了。减去新的交互方式,采用标准的ios和android控件,字体和图标,用户会觉得这是两个差不多的操作路径和流程。在某种程度上我们重新定义了ios和android上我们的icon。

展望未来

整个社区内容的变化一直是鼓舞人心的,我们也希望我们抓住了一些每天用户在社区里面传递的生命力,创造力和积极。我们也希望这个新的app icon 可以给人们带来新的创造火花-用户用它来创造一些属于他们自己的有趣的东西。我们也很期待新的图标含义可以带我们更远的未来。



更新:2016-09-12

收藏

8人已收藏

爻一文

VISMM

  • 43

    作品

  • 52

    粉丝

  • 6

    关注

  • QQ_icon
  • QQ_icon
  • icon-ts
  • icon-tb
相关标签

    猜你喜欢

      2016-09-12 好文转载 行业资讯 原作者: 阮小阮 举报 2218 8 11 0

      ios10发布前夕-重审Instagram的logo新设计

      0.0°

      你确定要举报ios10发布前夕-重审Instagram的logo新设计

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年09月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      11
      8
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录