何枸杞Wolfberry■不输苹果系统?小米MIUI12动画细节详解:国产系统天花板

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


推荐阅读