在MIUI12中,圆角属性被进一步放大,从上面的控制中心按钮、滑块、到桌面应用图标、到重要系统设置选项,都采用的是圆角矩形的设计。这一设计能够很好地传达“按钮”的意识,当然更重要的还是与屏幕圆角相吻合,不会产生明显的割裂感。这种圆角设计也正是小米发布会上所谈到的“平滑圆角”。
图标MIUI12依然延用了MIUI11那一套图标,但是加强了动画以及图标分层。其实在MIUI11时,就有通过图标分层做了一些动态图标,而MIUI12还适配了大量的第三方APP。在拖动APP图标时,背景层跟随手指,而icon则会配合系统的非线性动画进行跟随。
在卸载APP时,图标“裂开”的形成的粒子散射碰到其它的图标时,被碰到的图标的icon层也会有一个抖动动画。这也对应了MIUI12的slogan——“感受真实”。
动画动画是这次MIUI12的重点,也是MIUI12非常出色的地方,最典型的场景就是超级壁纸了。从息屏到锁屏,再到桌面以及桌面上的滑动,都有着非常连贯、舒适的非线性动画。这样的系统动画覆盖了整个系统。在一些小细节方面,MIUI12的动效也做得很出色,比如前面谈到应用图标分层的动效,控制中心按钮的动效,存储空间根据方向自动流淌的水纹等等。
MIUI12的动画可以说是目前安卓最强的一个,跟iOS比起来,MIUI12要显得更华丽,iOS更自然。
标题栏
MIUI12的标题栏采用了全新的标题栏设计,采用细体大字居左放置。标题栏没有采用任何分割线与内容分割,但是在绝大多数的系统APP中,标题栏下方都是一个搜索栏。在应用逻辑上,搜索栏和内容相当于一个层级。在滑动内容列表时,搜索栏会随内容一起滑动至隐藏,而标题栏则是变为居中,字体大小和粗细与内容一致。