zoukankan      html  css  js  c++  java
  • 手游动效之美(一)

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

    1.空间转换

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



    2.模拟惯性

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



    3.匀速变速

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



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


  • 相关阅读:
    rsyslog服务日志收集配置
    Python urllib2 发送HTTP Request
    Jenkins版本回滚
    C++算法的40个高频面试问题集锦
    Linux添加自启动daemon service
    python爬虫随机设备信息生成模板
    selenium配置有账号密码验证的代理
    app脱壳后多个dex合并成一个
    webpack优化系列-多进程打包thread-loader
    AtCoder abc158_f
  • 原文地址:https://www.cnblogs.com/mengfanrong/p/5090994.html
Copyright © 2011-2022 走看看