本文共7533字，43张图，预计阅读时间：20分钟

很多人在购机时往往只关注硬件，麒麟990相比上代提升了多少，骁龙855Plus跑分有多高，而操作系统的体验常常容易被忽略，但这却是决定用户体验的一项重大因素。虽然目前的国产手机基本都是基于谷歌的Android系统深度定制，但是差别并不小。一个系统好不好，最好的标准就是用户用起来舒不舒服。而这个“舒服”又分两个层面，一个是视觉层面，一个是使用体验层面。接下来我将从这两个方面对华为的EMUI 10和小米的MIUI 11进行测评。

测评机型：

华为P30 Pro EMUI 10.0 公测版 Android Q

小米MIX3 MIUI 11 9.10.16内测版 Android Q

一、UI与UX设计

UI的全称是User Interface，即用户界面，UX的全称是User Experience，即用户体验。UI设计与UX设计不是一项艺术创作，不需要很独特，更不需要复杂。它讲究的是简单、易用、统一、安全、人性化、并符合大众审美。

需要说明的是，UI的设计风格并不能作为评价一个系统美丑的客观标准。有人喜欢Smartisan OS的拟物风，有人喜欢Flyme OS的扁平风，拟物和扁平本身并没有好坏之分，只是个人的偏好差异。因此设计风格仅可以作为个人喜好选择的依据，无法作为评价一个系统美丑的客观标准。而如果绝大多数人都觉得这个设计丑，或者是这个系统与第三方的APP不够和谐，那便证明这个设计的确是不够合理的。那接下来，测评开始。

系统元素

EMUI 10整体改变非常明显，主背景色改为了白色（#FFF），强调色为较深一点的蓝色（#007dfe），这种色彩普遍运用在系统界面、系统应用图标、按钮等基本元素上。

其它元素方面，EMUI 10没有什么特别的元素变化。

MIUI 11的主背景色也是白色（#FFF），此外在快捷栏背景色上采用了一种偏灰一点的白（#ececee）。在强调色方面，MIUI 11不止一种，运用最多的是较浅一些的蓝色（#0099ff），主要运用在部分系统应用以及图标、按钮上。此外根据应用的场景又有绿色（#14d777）、橙色（#f6ad3c）等偏明亮的颜色。

在其它元素方面，MIUI 11运用最显著的就是圆角矩形，虽说EMUI 10也有很多圆角矩形存在，但是给人感觉更多的是为了避免直角的生硬而做的圆角。而MIUI 11则是大规模地换上了大圆角矩形设计。默认主题从不规则图标到圆角矩形图标，负一屏、拨号盘、快捷栏等应用全部都采用了圆角矩形的设计。

显而易见，MIUI 11在色彩和元素的运用上更加偏向年轻、活泼、柔和；EMUI 10则更加偏向简约、成熟一些。

桌面

在桌面的设计与交互逻辑上，EMUI和MIUI有些相似，但是也是存在一些细节上的差异。具体表现为EMUI 10的桌面下拉触发的操作是搜索，且不可修改，上滑无操作。MIUI 11的桌面下拉操作默认是通知栏，可替换为搜索或关闭，上滑操作为内容中心，即资讯流，可替换为全局搜索或关闭。

相比EMUI 10，MIUI 11给出了更充足且完善的选择空间，不过默认的设置或许并非大多数用户更喜欢的交互方式，而是利益驱动的结果。

通知栏与状态栏

在通知栏的设计上，EMUI 10相比EMUI 9做了很大的改变，顶部大量留白用于显示时间，下方是四行四列的快捷栏。刚看到这个界面时，总有一种熟悉的感觉，时间与配色设计与ONE UI很相似，又仿佛有点MIUI 10的影子，同时也比较接近Android原生风格，算是集各家之长了。

状态栏是我听到大家吐槽EMUI最多的地方，图标不够好看，排列不够合理。虽然可以使用主题修改，但是我翻遍了十几页的主题商店，都没有找到一个对状态栏有修改的主题。因此，这算得上一个缺憾了。历经了这么多代的更迭了，依然进行优化，只能说明不是EMUI团队没能力，也不是EMUI团队缺乏审美，而是他们认为这不重要。

反观MIUI 11，相比MIUI 10整个通知栏似乎没有做出任何改变。当然这并不代表着这不好。如果这样的设计是最好的，那么保持原样就是最正确的选择。显然，MIUI项目组就是这么认为的。至于大家怎么认为，那就看大家的想法了。

MIUI 11的状态栏的设计相比MIUI 10做了小改，但比EMUI 10要让人满意。这并不是我个人审美给出的结论，而是MIUI 11有很多主题能够对状态栏进行修改，以满足不同人的需求，但是EMUI 10不行。

说到这里或许有人会有这样的观点，“状态栏不重要，又不是天天盯着状态栏看”。这与个人偏好有关，但是有选择空间一定比不可选择要更好。就像近期看到很多吐槽说红外没用，NFC没用，无线充电没用等等，但是在不需要多付出什么成本的情况下，往往有会比没有好。

标题栏与列表项

标题栏和列表项是UI的重要元素，两者体现最显著的也就是在系统设置界面。EMUI 10和MIUI 11的设置界面，元素排列基本是一致的。那就是按大类分块，按小类分组，并在顶部设定搜索直达入口。但在界面的设计上，两者差异非常明显。

EMUI 10的标题栏与通知栏一样有大量的留白，标题栏的“设置”两个大字居左摆放。当向上滚动屏幕，这一块区域就会收缩，“设置”字体也会变小。在短信、联系人等多个系统应用界面，标题栏均为同样的设计。

在EMUI 10的设置列表项中，大类的块与块之间的分割采用了灰色粗分割线的分割方式，每个小类之间采用了灰色细分割线的方式。同样的，这一分割方式也应用在其它系统应用中。分类的左侧的图标为统一的圆形图标。有趣的是，这一设计与微信的好友、聊天列表设计几乎是一模一样的。

MIUI 11的“标题栏除了字重重一些和居中外没有别的设计，不过标题栏居中算有些罕见了，除了上面的EMUI 10外，Flyme 8、Color OS 6、iOS13等都采用的是居左的设计。同样的，这一标题栏设计也应用在短信、联系人等系统应用上。

在列表项的设计上，MIUI 11的设置界面是的大类块与块之间的分割采用的是灰色分割线，小类之间则是采用的留白设计。分类左侧的图标为不规则无框图标。相比EMUI 10来说，MIUI 11的留白设计以及不规则图标会更加现代、轻盈一些。

过渡动画

过渡动画是我非常关注的一项，我始终认为国产手机不够流畅，其中很大的一个原因是过渡动画没做好。EMUI 10和MIUI 11在过渡动画上这次都做了较大的优化，在不做任何调整的情况下，EMUI 10在多任务切换的时候给我的感觉要好于MIUI 11，过渡更加舒缓。

有一个非常值得一提的细节就是两者对多任务管理界面的应用截图都做了圆角处理，其中EMUI 10是全程圆角，而MIUI 11在进入多任务和多任务界面是圆角，但是在从多任务进入到应用时圆角就变成直角了，这一点还有待优化。

在列表项的过渡方面，我们以设置列表为例，MIUI 11给我的感觉则要好于EMUI 10。MIUI 11的滑动与回弹更加灵动，EMUI 10稍微有些生硬。