新闻电话
您的位置:应山新闻 > 科技 > 动效设置基础:缓动

动效设置基础:缓动

来源:应山新闻  阅读:4829  时间:2019-12-01 12:52:26

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

甘肃快三开奖结果 北京十一选五投注 台湾宾果投注 浙江11选5

© Copyright 2018-2019 gbengasile.com应山新闻 Inc. All Rights Reserved.