秒懂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-04
  • 设计法则 | 实例解析「交互设计七大定律」在设计中的应用(下篇)

    资深交互小菜鸟,交流可加微信:Mandy8888-上篇内容笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~《设计法则 | 实例解析「交互设计七大定律」在设计中的应用(上篇)》六、复杂性守恒定律/泰思勒定律(Tesler’s Law )1、复杂度守恒定律/泰思勒定律(Tesler’s Law )简介复杂度守恒定律(Law of conservation of complexity)由Larry Tes...

    2018-01-30
  • VR中的协作游戏

    在VR中分享经验、与他人协作,这是绝无仅有的一个新维度。玩家们甚至语言都不通,这个事实如此奇妙,证明了我们仅凭极少的手段就能沟通和协作。

    2017-04-28
  • 【笔记】北美大公司里做UX Designer是啥体验?(附视频)

      UXRen北美社区成立至今,旨在聚集华人UX设计师群体,为提供大家一个交流的平台。此外,我们希望大家也能够能线下碰面、聊天、互相认识,分享彼此的UX设计宝贵经验。   本期撰文/Leecy 会议记录/陈若涵 整理/Leecy…

    交互专题 2017-08-07
  • 解压设计?一位交互设计学生对智能化的反思

    Skylar Jessen 是纽约大学的一名学生,主修交互设计。他觉得,如今的交互设计普遍缺乏人性化的东西。它们“压缩”了人们的自我表达方式。最近,在学校的交互设计项目上,他提交了一些特别的设计,并称之为“解压设计”…

    2017-08-01
  • 交互设计的综合性——后APP时代交互设计师的主场

    作者:司马西   1. 后APP时代-用户时间的争夺战 近几年来,移动互联的普及,各大厂商为了抢占市场激烈竞争。然而硝烟散去,我们统计并回视移动互联网的App世界,各大行业(包括:新闻、游戏、餐饮、医疗、教育、金…

    交互专题 2017-08-07
  • 如何使交互稿的体验更好

    上周偶然的机会,看到老大在帮别的团队筛选简历,看到了一个同学的简单交互稿,只有界面信息的排版和页面跳转流程,缺省了很多交互稿应有的内容。后来,想起之前和同事聊起交互稿到底该如何表现的问题,就想着可以…

    2016-09-02
  • 微信黑科技”红包照片“今日仅限一天体验速去!!

    就在刚才,微信偷偷发布了黑科技,说不清是照片红包还是红包照片,反正平日里的发朋友圈的照相机图标已经变成了香槟金,点击后会出现发照片红包的选项,发布之后朋友需要支付红包才可以打开。   快去试试?

    2016-01-26
  • 如何把产品思维应用在APP页面上

    产品思维的终极目标就是  让产品经理和UI设计人员、交互设计师等建立卓有成效的合作关系,携手做出更好的移动端产品。

    2017-05-12
  • 设计一个快速提升用户体验度的网站架构

    点击上方“公众号”可以订阅哦渔哥服务☆ 网站建设:网站结构、网站功能、关键字策划、网站SEO、设计与开发。☆ 整合营销:品牌形象文案策划、产品销售概念策划、产品销售文案策划。☆ SEO优化:SEO排名优化、论坛营销、口碑营销、公关活动等病毒传播。☆ 托管服务:市场分析、受众分析、品牌与产品分析、全网整合营销推广。☆ 微信运营:微信公众号开发、朋友圈广告、微信运营活动、微商城搭建。☆ 定制培训:专业施教团队、完整课程体系、实际项目操作、低...

    2018-04-08