网页UI设计篇:秒懂MIUI,怎样6大步走向扁平化
晓晓 2018-03-07 来源 :网络 阅读 1064 评论 0

摘要:四年,209周,MIUI系统进行过无数次小更新,六次大更新,从2010年8月的MIUI 1到2014年8月的MIUI 6 ,MIUI正逐步走向扁平化。小米的一些“盗版”行为确实被人诟病,但作为一款基于Android进行深度优化、定制、开发的第三方成功手机Android系统ROM,MIUI的设计有许多可借鉴之处。

四年,209周,MIUI系统进行过无数次小更新,六次大更新,从2010年8月的MIUI 1到2014年8月的MIUI 6 ,MIUI正逐步走向扁平化。小米的一些“盗版”行为确实被人诟病,但作为一款基于Android进行深度优化、定制、开发的第三方成功手机Android系统ROM,MIUI的设计有许多可借鉴之处。


2010.08 MIUI V1

设计理念:视觉探索尝试,贴近生活、自然、原生。

网页UI设计篇:秒懂MIUI,怎样6大步走向扁平化

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


2011 MIUI V2 

设计理念:轻巧、通透、普通大众用户的审美注重细节。

网页UI设计篇:秒懂MIUI,怎样6大步走向扁平化

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


2011.03 MIUI V3

设计理念:简洁明快、精致的视觉风格、逐步形成MIUI设计的DNA,极致注重细节、全新成套的Widget设计。

网页UI设计篇:秒懂MIUI,怎样6大步走向扁平化

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


2011.11 MIUI V4 

设计理念:形成MIUI自己的设计DNA,更简洁、更平面、更有现代构成感。

网页UI设计篇:秒懂MIUI,怎样6大步走向扁平化

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


2013.04 MIUI V5 

设计理念:全新的UI设计,更安全的操作系统。

网页UI设计篇:秒懂MIUI,怎样6大步走向扁平化

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


2014.08.16 MIUI 6 

设计理念:极简美学

网页UI设计篇:秒懂MIUI,怎样6大步走向扁平化

图标在MIUI 6上,进一步美化。简约的线条、多彩的颜色,可以看到像主题商店、地图一类延续传统却有所创新的图标设计;时钟、指南针、录音机一类则在传统的设计上进行了颠覆。MIUI 6的图标,契合“极简美学”的主旨。图标拍扁了、极简了,反而识别度更高。应用图标更有辨识性,用户直接通过图标就能判断应用。


小编说:MIUI所提倡的简约、安全、美观、扁平化也是现在UI设计的根本追求,而在UI交互上,打字、手势操作、语音、眼球、脑电波等等多种交互方式的融合可能是未来的趋势。作为应用的窗口,界面对一个应用的成功与否影响巨大,抛开对小米的“成见”,“剽窃”一下MIUI的精华之处也是明智之举,当然此剽窃非彼剽窃,要知道“学我者生,像我者死”


本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标设计创作之平面设计频道!


本文由 @晓晓 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程