1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 设计管理 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

赞不绝口的MIUI10,背后的设计故事揭秘--九分网络

时间:2020-06-30   分类:设计管理    作者:网络   来源:网络整理   点击:125

赞不绝口的MIUI10,背后的设计故事揭秘 九分网络

本文来自九分网络

@MIUI :在 MIUI 10 的内测反馈中,设计上的耳目一新是众口称赞的部分。近日,MIUI设计总监 Gary 和几位核心设计师一起接受了我们的采访,开诚布公地介绍了 MIUI10 设计背后的故事。 本文来自九分网络

这次的采访我们聊得很细,细到某一个交互的设计思路的变迁,以及为什么最终是以那种方式呈现在 MIUI 10 之上。我相信,无论你是对设计还是对手机系统存在好奇,一定都可以从这次访谈里得到一些有益的启发。因为我们没聊虚的。 copyright 9fen.net

赞不绝口的MIUI10,背后的设计故事揭秘

内容采集来自9fen.net

内容采集来自9fen.net

△ MIUI设计团队 内容采集来自9fen.net

一、彻底干掉虚拟键的全面屏手势是不是太激进了?

赞不绝口的MIUI10,背后的设计故事揭秘 内容采集来自9fen.net

www.9fen.net

△ 虚拟键不该存在 www.9fen.net

是不是太激进我们还是根据用户反馈来判断,这套手势因为没有任何虚拟键的提示,刚开始确实需要一两分钟来学习,但大部分的用户反馈是:用了就回不去了。目前从客观上来讲,安卓手机里的全面屏手势,MIUI 确实是最好用的,不是我们自己说,而是从各种用户反馈,包括微博上很多专业数码博主的反馈得来的结论,很多人在主动地说这件事。

www.9fen.net

但是在手势的设计上,我们是踩过很多坑的。

本文来自九分网络

我们尝试过很多版本的全面屏手势,最初还没有大胆到想干掉所有虚拟键,而是想在虚拟键上做文章。开始我们觉得那个区域很多时候3个 button 可能用不上,比如看书的时候,你可能只需要一个返回键,所以我们考虑的是在某些特定的应用场景里把一些用不到的虚拟键收起来,这是做减法,减法做完之后,原来虚拟键的位置就空出来了,我们觉得这个空间是浪费的,又在想应该怎么利用起来,这是早期一个很复杂的思路。

copyright 9fen.net

赞不绝口的MIUI10,背后的设计故事揭秘

九分网络

www.9fen.net

△ 早期带横杆的产品

九分网络

后来我们又想是不是可以把3个键整合成一个虚拟键,当初做了一个 Demo,把3个键集合成一个横杆,那个时候还没有看到 iPhone 的模型,在 iOS 的全面屏手势出来之前,我们就做了一个横杆子,其实是受 Palm 的启发,这根杆子很早之前 Palm 就有了,苹果可能也是受 Palm 启发。我们设计的是在那个杆子上横滑返回,然后上滑回桌面,很接近苹果目前的处理方式。但最终还是把这个设计给放弃了,去掉的原因是:提示杆一开始是有比较好的引导操作作用,但一段时间后,用户就不需要了,另外就是视觉感官上横杆并不好看,工业设计上好不容易才能把手机下巴缩短几毫米,你一根横杆又全给它加回来了,这其实背离了「全面屏」的初衷,在设计上是一种不得已而为之的妥协。 本文来自九分网络

否定横杆之后,我们才真正全心考虑干掉所有虚拟键的方案。但没有虚拟键,就对我们的交互设计提出了很高的要求,首先,这个手势的出发点一定得非常符合直觉,所以不管是返回上一级菜单也好,回到桌面也好,这必须是两个最基础的操作(横滑、上滑),在这两个基础操作上略做停顿,我们就可以进入应用间的快切和多任务管理,我们用一种非常轻的设计把它附着在两个基础交互上。彻底干掉虚拟键这件事最早我们没有太大的勇气去做,最后做出来反倒更贴近用户操作手机的直觉,有一种柳暗花明的感觉。 内容采集来自9fen.net

赞不绝口的MIUI10,背后的设计故事揭秘 www.9fen.net

www.9fen.net

△ 简洁易用的MIUI全面屏手势 www.9fen.net

二、MIUI 10的整体视觉设计遵循了什么思路?

赞不绝口的MIUI10,背后的设计故事揭秘

本文来自九分网络

内容采集来自9fen.net

△ 为全面屏而重新设计 本文来自九分网络

在天气、日历、安全中心等等 MIUI 10 的各个角落里,其实都把原来分段式的画面结构做了一个全面屏化的设计,让页面不要有很强的割裂感。让内容直接浮在屏幕上,用户第一时间得到信息,去掉干扰元素。 本文来自九分网络

标签: 优设 优设网 优秀 MIUI 10 MIUI 设计 小米设计

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----