「设计师看小米11」—设计符合米粉期待，但还可以更好一点

作为一名设计师，日常喜欢研究各种数码产品的UI设计和交互，看到小米11新机发布着实有点心痒，于是报名脉脉众测活动，以下是评测体验全文，欢迎同行私信交流~

评测机型：小米11 8GB+128GB 白色

价格：4299

体验时长：2天

色彩系统 ——明亮风格，很规范，无违和感

MIUI12的色彩系统与MIUI11基本一致，主色调依然是蓝色（#3d85fe），开关、图标、按钮、字体等强调色都统一采用了这一种蓝色（#3d85fe）。部分系统APP有着各自的强调色。如短信是黄色（#f6ad3c），电话是绿色（#09bd5a），录音是红色（#fe4a49）。虽然颜色不统一，但是这些颜色都有着统一的风格——明亮。这即表明了MIUI要传达的是一种年轻、多彩的风格。总体而言，MIUI12的整个系统色彩是很规范的，没有发现什么违和的地方。

状态通知栏 ——全新改版，与ios趋同

MIUI12对状态栏进行了全新的改版，把控制中心和通知栏独立开，这一设计与iOS极其相似。在按钮的设计上，MIUI12的控制中心也采用了圆形、圆角矩形的混合排列。上方四个圆角矩形用于WiFi、蓝牙、数据连接以及一项用户信息的展示，下方则是一些快捷开关。底部则是亮度条，开关的配色设计与iOS也极为接近。不过MIUI对这一全新交互的引导不够明显，我在习惯了MIUI11的交互方式后，升级到MIUI12后觉得没的有点突然。

iOS13调出控制中心是从屏幕右上角下拉，而MIUI12则是直接分为左右两块。在实际操作中，比较大概率的出现调出错误的情况。要是能够增加一个通过左右滑动在通知栏与控制中心切换的操作或许会好一些。值得一提的是，MIUI12仍然保留了MIUI10/11那样的通知栏，在设置中关闭控制中心可恢复到原来的状态。另外，MIUI12对通知信息根据分类进行了整合，有效地避免被各种推送霸占通知栏，找不到有用的通知消息。在合并的内容中，能够对APP独立降低排序权重。

平滑圆角 ——主流的圆角设计趋势被放大

在MIUI12中，圆角属性被进一步放大，从上面的控制中心按钮、滑块、到桌面应用图标、到重要系统设置选项，都采用的是圆角矩形的设计。这一设计能够很好地传达“按钮”的意识，当然更重要的还是与屏幕圆角相吻合，不会产生明显的割裂感。这种圆角设计也正是小米发布会上所谈到的“平滑圆角”。相比直角，圆角自自诞生以来便被产品广泛运用，成为了经久不衰的设计趋势。

设为头图

图标 ——图标分层适配大量第三方APP

MIUI12依然延用了MIUI11那一套图标，但是加强了动画以及图标分层。其实在MIUI11时，就有通过图标分层做了一些动态图标，而MIUI12还适配了大量的第三方APP。在拖动APP图标时，背景层跟随手指，而icon则会配合系统的非线性动画进行跟随。在卸载APP时，图标“裂开”的形成的粒子散射碰到其它的图标时，被碰到的图标的icon层也会有一个抖动动画。这也对应了MIUI12的slogan——“感受真实”。

动画 —— 是MIUI12相对出色的升级

动画是这次MIUI12的重点，最典型的场景就是超级壁纸了。从息屏到锁屏，再到桌面以及桌面上的滑动，都有着非常连贯、舒适的非线性动画，这样的系统动画覆盖了整个系统。在一些小细节方面，MIUI12的动效也做得很出色，比如前面谈到应用图标分层的动效，控制中心按钮的动效，存储空间根据方向自动流淌的水纹等等。

MIUI12取消了安卓原生的“涟漪”动画，直接通过颜色替换的方式给予用户反馈，但是从关闭的半透明白色，到打开后的蓝色，并没有一个舒缓的过渡。另外，部分开关的图标有做一些动态效果，比如手电筒、静音、方向锁定、飞行模式、深色模式等，但也有些图标则没有，如NFC、振动、热点、小米互传等。除此之外，控制中心的圆形按钮都有一个按下缩放回弹的动效，而圆角矩形则没有。所以单单在控制中心的交互中，就有四种不同的交互反馈方式，这个就看用户个人的真实体感了，不做评价。

标题栏 —— 有些奇怪的分差

MIUI12的标题栏采用了全新的标题栏设计，采用细体大字居左放置。标题栏没有采用任何分割线与内容分割，但是在绝大多数的系统APP中，标题栏下方都是一个搜索栏。在应用逻辑上，搜索栏和内容相当于一个层级。在滑动内容列表时，搜索栏会随内容一起滑动至隐藏，而标题栏则是变为居中，字体大小和粗细与内容一致。在我看到这个标题栏时，是有一些奇怪的。因为在一般的设计逻辑上，往往是通过加粗、加大字体等方式去突出标题栏的更高层级，而MIUI12却是减细字体。同时，这与内容的默认加粗也形成了较大的反差。

字体 —— 总有一种刻意为之的割裂感

MIUI12延续了MIUI11的小米兰亭Pro字体以及无极调节字重的功能，在MIUI11的的部分界面字重不统一的情况也完善了许多，如微信APP和聊天界面的字重都能够跟随系统无极调节。不过由于APP内采用的是H5页面，字体不受系统控制，在字重与网页默认字体差别比较大的情况下，会产生一定的割裂感。除了这个之外，还有一个问题，那就是MIUI12的字重在不同界面是不统一的，如在设置、联系人、天气、日历等绝大多数的系统APP中，字体是默认加重的，但是主题壁纸、应用商店、音乐等系统APP以及第三方APP并没有同步这样的加重字体，这同样也造成了一种割裂感。这样的设计似乎是MIUI故意为之。

深色模式 —— 所有系统内置的APP都适配

MIUI12的深色模式相比MIUI11似乎做出了一些升级，不过适配的也算不上出色。MIUI12的深色模式适配主要是两个方式，一个是第三方APP自己适配Android深色模式，另一个是通过安卓的反色功能让第三方APP强制反色，但是这种情况常常出现看不清、界面丑的问题。做不到Flyme那样的深色模式，那要实现深色模式更多的还是靠第三方APP自己去适配，不过目前已经有很多重视用户体验的APP做了自适应的深色模式。而厂商要做的，则是应该把自己的系统APP适配好，在这方面，MIUI12做的很不错，所有系统内置的APP都适配了深色模式。