秒懂MIUI 6是如何一步步扁平化的

20140821163751371

MIUI被很多人看作是小米的最大优势,历经4年时间更新演变,从MIUI的变化我们可以看到主流图标的设计趋势正在从质感到扁平,从灰暗到明亮,观一点而知天下,让我们一起来体会下这些年,我们身边图标的变化。

四年,MIUI陪你走过了201周的更新;而在每一次更新的背后,都是MIUI开发者和发烧友们共同的努力。就在今天,MIUI 6的发布,又一次带给我们新的动力,因为我们一直相信:MIUI会越来越好。

如果你从2010年8月开始使用第一版本的MIUI,那么你一定不会忘记当年的那些MIUI系统自带应用的图标吧?下面,不妨跟着Oska一起来回顾一下,MIUI每个大版本更新中,关于图标变化的那些事儿。

2010.08 MIUI V1

20140821163733634

第一版的MIUI图标现在看来略显青涩,形状也不是目前使用的常规圆角矩形,而是介于圆形和正方形之间的一种形态。图标的绘制,引入了无印良品(MUJI)的理念,力求生活化、自然化。当然,一些图标上出现了绿色小机器人,也说明了当时的MIUI对原生Android的致敬。

2011 MIUI V2

20140821163720382

经过了一定时间的积累沉淀,MIUI的图标随着系统的不断更新,也发生了一些变化。图标外框换成了目前一直在使用的圆角矩形;而在图标绘制上则注重细节,阴影的使用进行了重新的修订,让图标看起来更加细腻。

2011.03 MIUI V3

20140821163705846

V3可以说是MIUI发展历程上的一个重要里程碑。在这个大版本中,图标进行了重新的绘制,大部分都迎合了当时设计的主流风格--拟物。不仅如此,简洁明快、精致的设计风格,也逐渐催生了MIUI设计方面的DNA。

2011.11 MIUI V4

20140821163652424

当MIUI V4的icon出现在大众眼前时,你一定会发现它更好看了、更简洁了、更具现代感了。电话、通讯录、浏览器、短信,这四大常驻Dock栏应用的图标光线变得更加柔和,内容更为简洁、直观、明了;而像文件夹音乐播放器相机这样的系统自带应用图标,则在延续了MIUI设计DNA的基础之上,更具现代构成感,不再那么臃肿,变得清爽干脆。

2013.04 MIUI V5

20140821163640920

在“米粉节”发布的MIUI V5,绝对是对米粉们最好的献礼。风格一致的图标,让人看第一眼就会觉得赏心悦目。精心绘制的系统自带应用图标,辅以不同的配色,在保证图标原本拟物化的基础上,进一步对它抽象化,让图标更为简约耐看。除此之外,V5版本下启动的“完美图标”计划,官方第一批重新绘制了200多个第三方应用的图标,目的就是要让MIUI V5的图标视觉,达到空前的统一。

2014.08.16 MIUI 6

20140821163631370

这一次,图标在MIUI 6上,更好看了。简约的线条、多彩的颜色,你能在这里看到像主题商店、地图一类延续传统却有所创新的图标设计;你也可以发现时钟、指南针、录音机一类完全颠覆传统。MIUI 6的图标,完全可以契合“极简美学”的主旨。图标拍扁了、极简了,反而识别度更高了。当你一看到这个图标,你就会知道你打开的是什么应用。

来源:MIUI 极客秀

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/995/

(0)
iouedioued
上一篇 2014-10-20
下一篇 2014-10-24

相关推荐

  • 无框界面的四大优势,为你演绎一种新的设计风格

    无框界面其实不过是界面风格的一种罢了,并不是包治百病的神药。糟糕的设计师,什么风格都拯救布料;而能自成一派的优秀设计师并不需要收到任何风格的局限。

    2017-05-10
  • 没去过赌场,别谈用户体验

    订 [图片] 阅20———— Jun. ————A大叔说的 第09篇 文章既然最终决策是“人”,就要思考人性什么是好的产品?罗辑思维演讲时提过一个观点:能占用用户时间的产品就是好产品。如果把这个概念加以延伸,应该可以这么说:消耗了用户很多时间,但用户不自知,一段时间未使用就会再次

    微信热点 2018-04-08
  • 用户体验提升才是“蔚来”

    nEqual 是业界领先的赋能“智慧商业”的数据智能技术提供商,是精硕科技集团下专注数据技术的事业部。nEqual以数据和技术为支撑,为企业实现营销自动化、智能新零售、AI人工智能等“智慧商业”模式打造和运营,帮助企业提升营销体验、销售体验及服务体验等全面的超级用户体验,进而助力企业构建可持续发展的商业竞争力。近年来,人工智能迅速占领大家视野,虽然业界已经探索了几十年,但近五年来才开始飞速发展,这得益于数据和技术的进步。近日,朋友圈被蔚...

    2018-01-30
  • AB测试告诉你,你以为的设计不是你以为的设计。

    用户体验设计不是忽悠,也许5分钟口水攻势能让前台小妹觉得你的设计非常高大上,但是要让每一个用户对着屏幕上的UI欲罢不能以身相许还需要数据支撑。

    2016-08-29
  • 交互式网站UI设计指南

      Web开发社区有着大量的交互式设计轻松解决方案。虽然现在大多数网站都能够做到交互性了,但是我们需要不断向前、创新。我们很容易将注意力集中到编码方面,但是有时候不同屏幕尺寸的实际设计考虑却往往被忽视。 …

    2014-12-23
  • 为什么扁平化设计辣么火?它会过时么?

    很多时候,设计本身最核心的东西一直都没变,即更好的解决问题,风格什么的都是为解决问题而服务的

    2017-05-09
  • APP界面设计:如何选符合产品气质的字体

    不管是中文还是英文,文字不仅是传达信息的载体,也是设计中的重要元素,设计过程中尽量保证文字的阅读性,在严谨中寻求突破。经过艺术设计的字体,可以使信息更形象、更美感的铭记于你心中。

    2017-05-14
  • 【新鲜译文】iPhone X人机界面规范

    译者:阿呜(UXRen翻译组成员)   iPhone X的超大尺寸、高分辨率以及它的全面屏给我们带来了以前从未有过的沉浸式体验和丰富的内容展现。   1、屏幕尺寸 iPhoneX竖屏时的屏幕宽度与iPhone6、iPhone7和iPh…

    2017-09-14
  • AxureRP8.1简体中文汉化包V1.6.5版发布!

    Axure RP目前最新版本更新至Axure RP 8.1.0.3372。版本更新后,会发生无法登陆Axure Share的问题,导致无法在线发布原型项目。这个问题是因为新版软件不兼容旧版汉化包所导致。经排查,对旧版汉化包进行更新,修复了这个问题,并对一些新版导致的汉化失效同时做了修复。之前发布的V1.6.4版仍然无法连接Axure Share,已进行修正。带来不便敬请谅解!注意:本次汉化更新后Axure RP 8.1的名称汉化由《团队...

    微信热点 2018-03-22
  • 【交互设计排名】SKD独家 | 美国交互设计排名

    Alias工业设计点击关注 和工业设计做朋友关注数模师  JACKAlias建模学习ALias建模咨询加好友你心目中的交互设计是什么样的 ?也许Google这个产品所创造的场景是你所畅想的交互设计可以被认为是当下最热门的专业,受热捧的程度可以和金融媲美。但是,你真的了解开设这个专业的院校吗?每个院校之间的差异和设置有什么不同?SKD根据院校开设的课程设置、专业排名,特邀我们资深的教研团队根据对自身院校的了解、利用兄弟院校的校友资源、以及...

    2018-04-08