快好知 kuaihz

用苹果的方式挑战苹果,看看 MIUI 6 化繁为简的“糖果式”设计

当看到MIUI 6上邀请函的纤细字体时,你或许会不由自主地想起苹果在发布iOS 7时乔纳森所主导的扁平的、色彩明快的设计风格。小米的邀请函标语是一句绕口双关话:“看起来好用起来好看”,加上现场浓郁色彩的海报和发放给媒体的糖果,其实已经暗示了MIUI 6轻快的设计风格——按MIUI负责人洪峰的说法,“MIUI 6让手机至少轻了10克”。

首次为系统升级作专场的发布会,7000万的用户规模,第7个1000万用户只用了48天、全球28种语言、开场视频中来自来自马来西亚、新加坡等数十个国家的祝福,分食蛋糕的场景,小米就像通行的发布会那样,开场就去毫不掩饰地展示自己的成就,与竞争对手比拼调侃。

只不过这一次小米的比拼对象已经不再是Android阵营,它的目标是iPhone。他们不但在发布会上特意暗示苹果iOS8发布会时使用了类似MIUI V5那样对齐唤醒的方案,还直接与iPhone用户比较用户使用时长,指出小米要高于iPhone……尤其在MIUI 6的用户交互界面的设计方面,更是充满了它的比较对象——苹果的味道。

在现场,主讲人、现任MIUI负责人洪峰抛出了一个设问:“设计的本质是什么?”,这让时空似乎错乱到了挑挑拣拣地指出UI设计各种问题的锤子手机发布会上。无论是小米,还是它的新对手锤子、老对手魅族,这些以往比拼硬件配置、跑分的手机硬件厂商都变成了艺术家,都希望用自认为“美”的情怀去感染观众。洪峰设计的观点其实也并不新颖,在他看来,设计最重要的部分是内容,就像看到耳机代表音乐、看到温度计代表温度那样,“MIUI设计便是去除所有妨碍内容呈现的装饰内容,去更好地呈现内容、处理内容本身。”而MIUI 6的界面中也普遍采用了更为扁平的风格和明亮的色彩。

来看看MIUI 6中是如何体现洪峰对“设计”的理解的。比如,以往的指南针设计会强调指南针本身的真实感,但在使用时与真实场景结合时并不实用。MIUI 6中的指南针设计,与真实相机中的场景相结合,在摄像头看到实景的同时,同时指示方向,类似PingWest报道过的“随便走”。同时,指南针应用还有水平仪的功能,来检查东西是否挂得平齐。

在天气应用中,MIUI提取了代表天气的象征物和色彩,直接通过深蓝色的渐变,感知“下雨”这个内容。天气应用进一步模仿了真实的场景,在倾斜手机,雨点会根据重力感应,方向也会随之变化。

类似的思路还体现在在短信部分,MIUI取消了原本手机顶栏黑白相间的明晰界限,而是统一为同一种白色,统一了标签栏;而在音乐应用中,在切换歌手、专辑地时候,背景色会随之相应变化,用洪峰的话说,“这些图标的色彩,渗透到周边的毛玻璃效果中”。

这种强调色彩的变化的设计,也延续到应用删除的细节当中:当一个图标被删除时,会根据图标地色彩组成,图标会像礼花绽放一样,变成彩色的碎屑。

我还注意到:小米也开始标榜UI设计背后的数理原理了,当你按住Home键,底部升起的应用轨迹,是根据统一的椭圆公式路径升起的,类似数理算法也被延续在了计时器之类的应用中。而MIUI的主设计师任恬恰好是学数学的。

如果说上面这些体现的是新版MIUI对“体现内容本身”的设计的理解,那么下面的改动则是“去除所有妨碍内容呈现的装饰内容”。

在MIUI 6中,所有应用通知被分成重要的与不重要的,不重要的通知默认会次优先级显示,在顶部只有一个类似省略号的图标,在锁屏时内容会被收起,只用数字表示重要通知的数量。它们在点击触发时才会显示,而不会影响锁屏本身的美感。所有应用的图标右上角的未读信息数标识直接与通知栏打通,如果你在通知栏一键清除了这些通知,所有应用的角标也会立马消失。

照片功能也被简化了。在拍照的时候,在屏幕上向下划会切换前后摄像头的翻转,向右划会调出滤镜、左侧划出功能切换面板。

在接到电话时,现在的手机的设计通常是出现全屏幕的接听通知,而MIUI 6则精简地只剩下了顶部的悬浮电话通知。关于这个设计洪峰在舞台特意表演了悬浮通知的功能——在发布会现场,洪峰收到了“老婆大人”的电话,手机顶部出现了通知栏,“在这么重大会场,接电话是不太合适的,但不接的话,会是一个严重的政治问题。这时候我通常会这么做(这时他在屏幕上稍微划动,手机调整到了静音状态),这就是生活中的政治智慧,你们年轻人是不懂的”。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:苹果  苹果词条  糖果  糖果词条  挑战  挑战词条  方式  方式词条  看看  看看词条  
设计

 《高性能网站建设指南》笔记

《高性能网站建设指南》,这是一本值得所有网站前端人员、网站开发人员、网站产品经理一读的好书。《高》首先分析了网站的用户响应时间都花在哪里,然后在这个基础上归纳出...(展开)