手游动效之美(一)

        游戏中的动感交互效果在游戏中运用的越来越多,它好比繁星点缀夜空,给人以非常舒服的感觉。动感的效果事实上就是添加用户对于流畅和生动有趣效果的感知。

1.空间转换

空间动效是被设计师所普遍重视的一种特效。它的作用也是引导用户。让用户更好地可以理解页面跳转。知道自己在终端的位置。下图所看到的一则动效就是一个美丽的转场动效,为了避免两个页面之间的跳转过于生硬。利用动效填补上了页面跳转的中间过程。使得体验更加流畅和自然。



2.模拟惯性

现实中物体的运动是有惯性的。比方公交车突然刹车时乘客会突然往前一倒。细致观察以下动效,图像在变化的末端都会“超出”一点再马上“反弹”回来,如此的处理方法使得整个动效充满活力,显得真实生动,事实上不论什么的效果都来源于生活,谁说不是呢。



3.匀速变速

一个优秀的动效肯定不会是匀速运动的,那样会显得死板。更会使人产生烦躁不安的情绪。细致观察如今机器人的动作。你就会有同感。要想让一个图像运动的有活力,就须要对其运动的速度进行“设计”。细致观察下图2张图所看到的动效,尽管界面中不同元素的运动速度不尽同样,但其运动均遵循一定的原则,当中之中的一个就是均匀变速,切记急会生乱。就是说界面元素在运动时的初始速度要为0,以匀加速開始运动。而在运动结束阶段往往是可以急停的。



做产品关注细节,希望与一同关注细节的产品同仁共勉。持续更新中!


原文地址:https://www.cnblogs.com/mengfanrong/p/5090994.html