码迷,mamicode.com
首页 > 其他好文 > 详细

手游动效之美(一)

时间:2015-12-31 12:10:34      阅读:139      评论:0      收藏:0      [点我收藏+]

标签:

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

1.空间转换

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

技术分享


2.模拟惯性

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

技术分享


3.匀速变速

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

技术分享


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


手游动效之美(一)

标签:

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!