秒懂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

相关推荐

  • Axure RP 案例教程-入门篇

    本教程通过案例引导交互设计新手进行入门级学习,图文结合,简单易懂,全部免费下载,需要的亲们赶紧下载并动手练习吧,废话不多说,上干货:下载链接看过来~~~:AXURE_RP案例教程-入门篇下载下期教程,敬请期待...…

    交互设计 2014-11-06
  • 搞定APP着陆页优化的超实用原则

      你应该知道着陆页的分析方式,一个比较客观的方法是使用GoodUI(http://goodui.org)清单来提升和衡量着陆页。最优化着陆页几乎是不可能的。将着陆页最优化几乎是不可能的,但如果你正在为移动app设计一个着陆页,…

    2015-07-28
  • 『交互指南』即便你已经是一个交互设计师,这篇文章也值得一读,交互设计入门完全指南。

    准备好涉足交互设计了吗?在这篇文章中,作者对交互设计的各个方面做了简单介绍:包括历史、原则、知名设计师,以及他们的设计方法等等。即便你已经是一个交互设计师,这篇文章也值得一读。 相较于网页设计波澜不惊…

    2015-01-27
  • Axure RP 8 入门手册 – 第7章

    第7章母版管理第1节母版简介第2节添加/编辑/删除第3节添加母版到页面中第4节从页面中移除母版第5节拖放行为第6节自定义触发事件第7章母版管理第1节母版简介圆儿:小楼欧巴!小楼:圆圆好!圆儿:老师,我就一个圆!小楼:可是我喜欢两个圆啊!圆儿:老师…你正经一点儿好不好嘛!小楼:呃……你想问什么?圆儿:我想问,在做很多个页面的时候,如果每个页面中都有相同的内容,有没有办法不用每个页面都做一次?当然,我知道能够复制粘贴,但是,如果将来再发生改...

    2018-04-25
  • 为什么你越来越爱用那些看起来丑而贱的表情?

    好奇心研究所的微博(@好奇心研究所)和微信公众号(ID:QLab42)全面上线啦,微信直接搜索「好奇心研究所」就可以订阅,关注与所长亲密接触,赶紧的。

    2017-06-02
  • 【用户体验.春节特辑】理清儿时的记忆 找回逝去的情感(总第270期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第270期生活在这样一个时代,人们追求物质、追求理想、追求个性……而不去回望来路,不去寻求亲情和血缘所带来的归属感。“游子的情怀”和“漂泊的现境”总是让我们不由自主的追问自己:是否我们必须要失去我们最宝贵的东西才能实现自己的人生目标,我们实现自己的人生目标到底又是为了什么?我出生在安徽的一个小城里,由于父母工作繁忙,我...

    2018-02-21
  • 交互设计与用户体验分析实例——外卖产品

    题外话:作为一名交互设计师,平时闲下来特别喜欢分析市场上的一些具有代表性产品的交互设计。同样,作为一名资深的吃货,毋庸置疑,当然先给大家分析几款“外卖”的交互设计。

    2016-10-26
  • 在设计过程中,设计师如何输出一个更落地的动效呢?

    优秀的动效设计更能让用户从中感到惊喜,让用户感受到产品的温度和调性。

    2017-05-05
  • 微信公众号哪些细节会影响用户体验?

    公众开发运营官网公众运营平台微信公众号哪些细节会影响用户体验?在微信公众号里面,哪些细节会影响大家对公众号的体验呢?下面小编就来为大家讲解一下这些细节,快来看看吧。1.无意义的自定义菜单内容第一个就是毫无意义的自定义菜单内容,很多企业公众号费心费力通过了企业认证,好像不用这个自定义菜单挺可惜的,然后就非得放些东西进去,但是并没有考虑目标用户是否需要。如果把公众号视作一个小应用的话,自定义菜单的功能可以类比App里的Tabbar,主要是实...

    2018-02-12
  • 【案例】菜鸟裹裹如何打造双11极致物流体验

    作者:CNUX设计实验室(菜鸟无线UED团队)   如往年一样,2016年的双十一如期而至。当大多数人都在关注、鼓励你买买买的时候,有多少人关心你盼望包裹的那种期待?有多少人能体会你等待包裹时的焦虑?有多少人理解…

    交互专题 2017-08-07