MIUI设计主管:MIUI 6是如何诞生的?
作者:网络转载 发布时间:[ 2014/8/26 16:23:00 ] 推荐标签:小米 手机 MIUI
在MIUI V5里,我们去掉了之前绝大多数的装饰化设计,只保留了基本形状、一些渐变、简单的按钮。我们花了非常多的时间在内容的排版布局,字体的设计上。力求让这些内容更简单直接的传达到用户的眼中。我们抽象出了4种页面结构,加入了大量的动画来衔接内容之间的转换和流动,我们抛弃了拟物化的桌面图标,采用了更有识别性的简洁写意的桌面图标。我们大胆运用了更鲜明的色彩来烘托内容的环境感,以求在整个系统中求同存异。

记得那会儿设计师们说得多的是,“再干净点”,“没对齐”,“看起来太挤了,留白不够”……现在来看MIUI V5的全局控件和基础架构仍然是非常地合理,精致,干净,其中不少特性被MIUI 6继承并强化。
是那时候,我们在手机业内率先加入了界面中的毛玻璃模糊效果。我们的设计师们非常喜欢摄影,大家也经常拍一些微距照片,这个模糊效果的灵感来源是这些平实的生活记录——因为镜头有景深,自然带来了近处清楚、远处模糊的效果。我们很自然的将这个效果用在了MIUI V5的桌面文件夹打开的效果中。

MIUI V5仍然是一个带有装饰性的系统,而且这种装饰性在工具类应用中表现的尤为突出。现在回过头来看,V5是一个在拟物化和平面化之间兼顾平衡的版本,它的价值更多体现在高完成度地实现了系统设计风格统一性的尝试。不过在那个时候,这样的设计已经非常超前了,发布后用户反馈得好评热度也是持续走高。
让内容更纯粹
2013年4月,MIUI V5正式发布,开始进入绝大多数小米手机。当月,我们启动了MIUI 6项目。这一回,我们决定把MIUI V5中的内容萃取倾向做到,并且在平面化的设计中做出我们自己的特色——空间感。我们追求的是:你的手机是你个人的信息获取和处理的平台,你所观察到的只是信息的流动。
我们的初心已经在MIUI 6发布的一年多前明确了,并且我们已经朝着这个方向迈进了一大步(MIUI V5),现在要做的是再梳理,再做减法!这对所有的设计师都是一个非常大的挑战,因为设计师们所擅长的表现手法在这里需要尽数收起,我们需要的是扎实的内容排版基本功。
围绕着“以内容为中心”这个设计理念,我们决定还是从“老三样”(电话、短信、联系人,简称CSP)下手,一切装饰的设计都彻底为内容让步!我们合并了状态栏和标签栏,让内容列表区域除了必需的分割线外没有任何杂质,甚至底下的操作按钮都尽可能的不打扰。

这样的做法放在”老三样”里面能走通,但我们在设计媒体类应用的时候发现了一个问题——媒体类应用本身需要突出媒体内容的调性,基础工具类应用的风格是套不进去的,而且我们也不希望整个系统全是一片白。这时色彩的运用显得尤其重要。媒体类应用所有的色彩都来自于内容本身,将内容自身色彩进行简单处理后来当做背景来衬托。这样,媒体类应用得到了更强的沉浸感,也不会对用户产生干扰。

在MIUI 6中难做的是桌面图标,因为V5的图标已经足够简化了,我们仍然试着去精简各种渐变、高光等细节。MIUI 6终留下的都是足够有识别性的形状和颜色。此外,备受好评的动效我们在MIUI 6也做了充分的保留。

有一位朋友跟我说,看完MIUI 6之后,他感触深的是强烈的秩序感。安卓系统阵营曾经较为混乱,现在MIUI 6的视觉效果、内容展现变得层次鲜明、轻快有序起来。这算是对我们很高的褒奖。
大家可以猜到,按照惯例,从现在起,我们的设计师团队在继续完善MIUI 6的同时,也将马上开始MIUI下一个大版本的前瞻筹划了。智能设备的视觉、交互体验的进化是没有终点的征途,我和我的同事也想在星辰与大海之间不断迎接并完成更让人兴奋的挑战。
我相信,持续传承、不断进化的MIUI值得大家期待。

sales@spasvo.com