动效引擎_精心打磨!官方揭秘华为是如何打造流畅动效的

集微网1月6日消息,华为EMUI官方微博近日发文揭秘华为是如何打造流畅动效的。

35ed2d9f17c96376bf355172e0036ab4.png

图片来源:华为官网

在文章中,华为EMUI工程师总结了12字箴言:快起来、慢下来、做加法、做减法,并以此为原则来打造流畅动效。

快起来:手势动效是一个手眼心协同的过程,不能让用户感受到延迟是最基本的内功。如何做到让用户触摸即响应,EMUI 11从底层架构深度优化了动效的首帧响应效率,时延降低50%,确保手指触摸与动效的执行,以及眼睛看到效果间只有毫秒级的时延,真正做到手眼心合一。

慢下来:对于返回桌面的曲线,工程师不再过于强调跟手,而是强调视觉过程的体验,部分抑制了图形的快速变化,使得相邻帧的衔接更紧密。你能看到每一帧动画间的变化更小了、界面到图标的衔接更平缓了……时长没有变化,但整个动效过程变得更加的稳、厚,层次连贯且丰富,仿佛慢了下来。

做加法:工程师将图标分层设计,分为前景层和背景层,在应用回桌面的曲线中,图标会根据手滑的速度和方向,对前景和背景层做空间错层效果,如果用户手速够快,前景层甚至有溢出的感觉,从此图标不再是一成不变的固定样式,在运动过程中是动态交错的,带来更活灵活现的动效体验。

做减法:EMUI 11还做了很多“梳理归纳”的工作,统一了一些相似场景的动效体验,如横屏下打开、退出应用的动效曲线优化为与竖屏类似的效果,从此五花八门的动效少了,整体设计的一致性更强了。

此外,EMUI 11还全新升级了动效物理引擎2.0,不仅让手势导航动效更加Q弹,也让多任务卡片拥有链式联动效果等。

(校对/零叁)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值