课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
大家在使用一些app软件的时候,对于软件的一些过场动画和动效设计样式应该见到过不少了,而今天我们就一起来了解一下,这些动效设计都有哪些优势。
保持简单
考虑到导航转换的高频率和易用性的特点,导航的切换更倾向于引导功能而不是炫酷的效果。这也并不是说动画的形式永远都不要个性化,只是要确保动画是符合品牌风格的。能吸引用户眼球的动画通常都在一些像小图标,logo,加载状态或者空状态等元素中。下面左边的简单动画可能不会在Dribbble上得到太多的点赞,但是它会使应用变得更好用。
选择合适的持续时间和缓动形式
导航的切换是需要优先考虑功能实用性,所以需要优化持续时间,速度上要快一些,但是也不要快到让用户完全注意不到。持续时间是根据动画在屏幕中所占的位置来决定的。由于导航切换通常会占据屏幕的大部分面积,所以根据经验建议300ms会是一个不错的时间选择。相比之下,像开关这样的小控件使用的时间就会很短,只需要100ms。如果一个过渡动画你感觉太快或者太慢,建议以25ms的增量来调整它的持续时间,直到终达到一个比较舒服的状态。
Easing(缓动)描述了动画的加速和减速速率,大多数导航的切换使用Material动画的标准缓动,这是一种非对称类型的缓动形式。这意味着元素在开始阶段以很大的加速度进行加速运动,然后再以很小的加速度去减速,目的是将用户注意力集中在过渡结束的位置。这种类型的缓动使得动画看起来非常自然,因为现实世界中的物体是不会立即开始或者停止运动的。如果过渡看起来很僵硬、不自然,很可能是因为错误的选择了对称性或者线性速率。
【免责声明】:本内容转载于网络,转载目的在于传递信息。文章内容为作者个人意见,本平台对文中陈述、观点保持中立,不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。