你的位置:清香川洞门户网站 >科技> 动效设置基础:缓动

动效设置基础:缓动

发布于: 2019-11-24 15:40:36

作者分享了一些关于慢动作设计的知识,让我们来看看。

首先得出结论:放松);用于进入屏幕;容易进入);离开屏幕;屏幕的内部移动先增加后减少(容易进入)!

慢动作的最大用途是将其应用于设计的动作性能。它可以将物理和数学的原理结合起来,真实地模拟和展示生活中的运动现象,更符合自然规律和人类认知,使物体按照用户期望的行为进行互动,提供持续的体验。

在适当慢动作的情况下,用户可以忽略练习本身,专注于页面内容,在一定程度上确保用户不会因为练习而分散注意力或调动大脑中的认知资源。

主要看以下四个:匀速运动(线性,主要用于比较)、慢动作-减速运动(放松)、慢动作-加速运动(放松)、慢动作-减速前加速(放松-放松)。

在更少的情况下,它会以恒定的速度移动,并且会显得僵硬。它不符合物理世界的法则。在真实运动中,物体的速度随着运动状态而变化。下图显示了匀速(线性)运动时,运动距离随时间的变化曲线:

与匀速相比,它开始得很快,结束得很慢。下图显示了放松过程中运动距离随时间的变化曲线:

与匀速相比,它开始得慢,结束得快。下图显示了放松过程中运动距离随时间的变化曲线:

在界面设计中,减速和加速效果经常成对使用。通常,元素轻松进入页面,轻松推出页面。

当一个新元素进入屏幕时,用户希望它快速进入,所以初始速度很快。当新元素即将到达时,用户的焦点是新元素的形式。此时,有必要减慢到达速度,以便用户能够感觉到形式的变化。因此,进入页面很容易。

当用户点击一个元素退出当前页面时,用户会更加关注当前页面给出的反馈,所以元素的初始速度不应该太快,否则用户就感觉不到这种变化是由他的操作引起的,还是页面自己跳转的。所以离开页面很容易。

例如,iphone应用商店在进入页面时速度变慢:

界面内有起点和终点的许多运动都使用减速前的这种慢速加速运动。

下图显示了慢动作时运动距离随时间的变化曲线——先加速后减速(放松):

减速进入屏幕;离开屏幕的加速度;屏幕内的移动先增加后减少。

这篇文章最初是由@张达夏发表的。每个人都是产品经理。未经作者许可,禁止重印。

主题地图来自unsplash,基于cc0协议。

幸运快三手机APP 北京快三 pk10聊天室

上一篇:外国的奇葩处罚,违章要被剃光头、甚至鞭刑,手段极其"残忍" 下一篇:聪明人懂得深交四种人,绝交三种人
洗手台这样设计,让卫生间更出彩,让家更惊艳
上海纺织服饰博物馆举办三大展览庆新中国成立70周年
男子驾车遇查竟加速驶离,一查还是二次酒驾
70载家国情——老一辈澳门人的国庆记忆
粉条这样做才好吃!喷香入味又下饭,一上桌就遭疯抢
加大逆周期调节力度 为稳增长减压护航
深圳资本市场坐拥大湾区地利 专家建议适当扩大互联互通额度
OPPO K5 跑分亮相Geekbench数据库,确认搭载骁