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

相关推荐

  • 做交互方案时,请注意检查这4个点

    作为一名交互设计师,到底什么程度才能算得上是“专业”?成为一名专业的设计师是否有方法与捷径呢?答案是肯定的,但是今天我分享的内容还不敢称之为体系,只能说是几个小小的经验吧,希望能给正在奔向专业路上的你有所启发。

    2017-05-11
  • 交互设计 | 一部自嗨的头号玩家为什么吸引你?

    Create Your Difference. by CYD头号玩家头号玩家到底什么吸引你?情怀吸引了你?动漫迷的高达情怀电影迷的金刚情怀恐怖情怀或者跳舞机情怀?或许美国大片吸引了你?▲有坏美女▼坏boss▲坏人老出BUG▼好人老有神助▲英雄要崇拜▼大部队会赶来不管什么吸引了你把你所有的感触和情绪放大一万倍的东西是艺术和科技当然,我相信你们都知道不就是VR和AR吗整个电影都建立在VR和AR的基础上没有这牛逼地眼镜,这个故事还没开始就可以...

    2018-05-05
  • 输入#号交互,还能变出什么花儿来?

    输入#号后,在键盘之上即刻出现一个半浮层。你可以在当前界面继续打字,或者选择半浮层中的搜索结果。当你想查看更多向上滚动时,才会推入一个新页面。

    2017-05-23
  • 交互设计就业前景怎么样?

    交互设计师/用户体验师 5年内22倍增长需求。在我几年前选择交互设计这个专业的时候还没有什么人知道是什么。还是蛮有趣的,就是想尽一切办法让用户满意。国内以前只有浙江大学才有这个专业,现在应该很多大学都有了…

    交互专题 2016-10-25
  • 【用户体验】Smartisan OS 联系人列表多音字

    大家都在讨论用户体验(因为不说显得自己很土),但是这些人是不关心用户体验的,关系是人就会做出下面这种机制的不能理解的举动,例如为了帮助大家解决L代表的罗或刘的姓氏联系人的区分,Smartisan OS的工程师做了…

    交互设计 2015-08-26
  • 一组能切实提高转化率的网站着陆页设计

    网页设计 师目前在设计界是一个最为尴尬的存在,一方面他们被视为和GEEK党混在代码堆里不懂审美的怪咖,另一方面他们又苦于网页中被局限的自由而无法在创意上得到最大延伸,设计师本人无法给自己准确定位。

    2017-06-02
  • 设计思考模式(一):删除、组织、隐藏、附加

    “删除每个页面上一半的文字,然后把剩下的文字再去掉一半。”(《Don’t make me think》中Krug可用性第三定律)“先假定所有内容都是视觉噪音,除非你证明它们不是。”(《Don’t make me think》)“点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。”(《Don’t make me think》中Krug可用性第二定律》)

    2017-06-03
  • 解读互动行业,鲜为人知的我们这样做网站

    大浪淘沙,就像2.0时代最火的人人、开心网没有把握移动互联网的机遇纷纷衰败,转型脚步落后的互动公司也逆流而逝,很多互动设计师都被迫找寻新的方向。本文作者将给大家介绍什么是互动设计,为什么要那样做网站以及互动行业的兴衰史。Infecting your screen for your enjoyment
    为你的愉悦而感染你的屏幕被遗忘的是
    那些放开手的人
    被遗忘的是
    放开手的人梦里南柯,且无痕,浮生若是;
    生非苦短,知天命,则无所怠。

    2017-05-13
  • 交互设计基本原则(第二部分:默认和可见性)【UXRen译#157】

    作者:Bruce Tognazzini  |  翻译:邱金,校审:Chen Jing   一、默认Defaults 1.1 原则:输入框的默认值应该很容易“吹走” 当用户激活一个输入框,当前条目应该自动被选择,以便按退格/删除键或开始键入来清空条目…

    交互专题 2017-08-07
  • 从用户体验设计的角度,学习服务设计的思考方式和闪光点

    初学服务设计,读了一本好书——《This is Service Design Thinking: Basics, Tools, Cases》(by Marc Stickdorn,Jakob Schneider),推荐并笔记。而本文基本描述了我对服务设计的初步理解,以及服务设计给我带来的在用户体验设计领域的灵感触发。“服务设计是有效的计划和组织一项服务中所涉及的人、基础设施、通信交流以及物料等相关因素,从而提高用户体验和服务质量的设计活动。…… 服务设计将人与其他诸如沟通、环境、行为、物料等相互融合,并将以人为本的理念贯穿于始终。…… 简单来说,服务设计是一种设计思维方式 ,为人与人一起创造与改善服务体验。…… 服务设计强调合作以使得共同创造成为可能,让服务变得更加有用,可用,高效,有效和被需要 ,是全新的、整体性强、多学科交融的综合领域。…… 服务设计的关键是“用户为先 + 追踪体验流程 + 涉及所有接触点 + 致力于打造完美的用户体验”。”——百度百科“When you have two coffee shops right next to each other, and each sells the exact same coffee at the exact same price, service design is what makes you walk into one and not the other.” – 31 volts service design, 2008“However, creativity is not so much a gift as a process of listening to the ideas “flowing” through one’s head and being prepared to articulate them.”

    2017-05-07