何枸杞Wolfberry■不输苹果系统？小米MIUI12动画细节详解：国产系统天花板
MIUI12的内测版在最近正式推送了 ， 想必很多小米用户也第一时间刷上这新系统 ， 也拿了MIUI12和iOS13的动画来比较 。 今天阿狗我就仔细对比下两者的动画效果和细节 ， 看看MIUI12的动画效果进步了多少吧 。
先来看解锁动画吧 。 MIUI12的新功能超级壁纸 ， 亮屏、解锁、进入桌面三个动作 ， 动画刚好对应火星从远到近 ， 从完全到部分 ， 从宏观到微观 。 流畅性和创意都是足够的 。 在三个层级的到区分的同时 ， 有做到了一体性 。
文章图片
而iOS13的动画则要简单不少 。 亮屏、解锁、进入桌面三个动作 ， 就像是开灯、推开盖子、进去 。 它更像是在一个理性的物理世界中 ， 没有特别花哨的玩法 ， 但符合我们对世界的认知 。 不少网友吐槽说 ， MIUI12的解锁动画是不是太长了 ， 让人觉得有点拖沓 。 仔细看 ， 实际上MIUI12从解锁到进入桌面的时间 ， 跟iOS13是非常接近的 。 只是进入桌面后 ， 动态壁纸还在继续运动而已 。
文章图片
不过我更想说的是 ， 解锁进入桌面的这个动画 。 它的过程是先缩小 ， 看到火星的大半部分 ， 之后绕火星旋转并加速放大 。 缩小和放大这两个动画效果 ， 其实是有一点破坏解锁动画一体性的 。 火星的超级壁纸动画 ， 我的理解是从太空降落到火星的过程 。 如果改为通过旋转加上持续放大 ， 最后到指定地点 ， 这样可能会更像降落火星 。 不过MIUI的团队可能有自己的想法 ， 这里也欢迎各位机佬一起讨论下 。 接下来是APP的打开动画 。 正常的竖屏APP在打开的时候 ， APP界面的圆角刚好跟屏幕边缘的圆角对应弧度是对应的 ， 没有明显锯齿感 。 这点跟iOS的App打开动画一样优秀 ， 必须好评 。 不过需要注意的是 ， 底部的小横条没有做沉浸式设计 ， 有点破坏整个动画的美感 。
文章图片
而从APP回到桌面的过程 ， 也是遵循从哪里来就回到哪里的原则 。 从界面到图标整个过程也符合小凡在发布会上说的物理曲线感觉 。 打开程序时像是一个东西张开了 ， 而回到桌面就像它被收了回来 。 符合物理世界的直觉 。
过需要吐槽的一点是 ， 由于MIUI图标的不规则性 ， 所以导致图标动画从圆角到不规则图标时有些突兀 。 后续通过图标的调整换成圆角图标可能会更统一一些 。
另一方面 ， 打开APP的过程中 ， 状态栏的时间部分先是做了渐隐的动画效果 ， 然后再到状态栏的全局渐隐 。 这个动画不是特别统一 ， 有点奇怪 。 之后是系统功能的动画 。 MIUI12和iOS13的动画效果相比 ， 各个通知信息在下滑的时候像是一块块海绵的落下 。 而iOS13由于通知栏跟锁屏界面是属于同一个层级 ， 动画效果像关上一个抽屉 ， 呼应了解锁时动画 。 就动画效果而言 ， MIUI12更具动感和灵性 ， 线性动画的感知也更明显 。
文章图片
控制中心界面 ， MIUI12和iOS13的动画也是类似的 。 MIUI12将通知栏的动画风格也应用到了控制中心界面 ， 视觉上也比较统一对称 。
文章图片
在开启后台多任务的部分 ， MIUI12和iOS13是两种不同的风格 。 起始动画上 ， 两个系统都是桌面先下沉 ， 毛玻璃效果覆盖 。 之后后台程序像摆放好的文件一样出现 。 两个系统后台APP窗口的圆角一样是保持了和屏幕圆角一样的弧度 ， 这点给好评 。 MIUI因为是选择了平铺式的后台应用界面 ， 因此还有一个像扑克牌发牌一样的动画效果 ， 这种过渡细节也做得非常不错 。