广州完美动力教育

优秀师资制作团队、商业案例与课堂衔接

学校课程咨询服务:
400-888-4849
培训世界 >广州完美动力教育 >新闻中心 >动画设计原则

动画设计原则

2022-09-15 15:54:57来源: 广州完美动力教育
动画设计原则
导读:

广州完美动力教育是为学员贴身打造完美学习方案,有专业的培训老师亲自带队,让学员学习到专业的动画设计

文章详情
  广州完美动力教育是为学员贴身打造完美学习方案,有专业的培训老师亲自带队,让学员学习到专业的动画设计
动画设计原则

    1、挤压和拉伸
  在动画当中,挤压和拉伸主要体现在对象在受到重力影响的情况下,物体的表现,这种动画效果能够体现出质量、重量和柔韧感。当弹球在撞击地面的时候,会呈现出这样的挤压和拉伸。在UI界面当中,挤压和拉伸则多呈现在按钮类的元素上。比如当按钮被按下的时候,可以加入挤压拉伸的效果,通过这种动效能够很快让按钮呈现出接近真实的物理感。当然,除了按钮之外,它还可以体现在很多其他的交互元素上。
  2、渐快和渐慢
  现实世界当中,绝大多数的事物的运动规律都遵循缓动的规律。换句话说,没有东西是突然开始运动,又突然停止的,自由落体也是有加速过程的。所以,向UI元素当中添加缓动效果,能够让元素看起来更加自然,符合预期,结合缓动和时间控制,就能够定义整个界面的运动系统了。左侧的为匀速运动,没有缓动,而右侧加了缓动之后,看起来更加自然。
  3、表演与呈现方式
  为角色设置舞台,让角色像登上舞台一样进入场景。换句话说,你需要借用动画效果来进行「叙事」,考虑如何让它进入场景,如何呈现,怎样表演,如何借用镜头语言来引导用户的注意力。在UI界面当中,表演和呈现方式对应的就是元素的放置位置,以及元素如何进入界面,怎么抓住用户注意力,进行合理的动画编排。当你在思考如何呈现一个音乐APP的界面的时候,你可能需要基于用户喜好来推荐类似歌曲,那么喜欢/收藏音乐将会是一个重要的交互,和这首歌相关的歌曲可能需要一个独立的界面来呈现,于是你要凸显喜欢/收藏按钮,要让歌曲从列表中跳出,并且在下方列举出相关的音乐。
  4、弧形运动轨迹
  纯粹的直线运动的事物很少,从高出抛出的球的运动轨迹是弧形的。很多时候弧形轨迹更符合自然规律也符合我们的日常认知。在UI界面当中,重要的元素可以使用弧形运动轨迹来呈现,会显得更加自然舒适,尤其是那种沿着对角线运动的元素。
  5、夸张
  在很多场景当中,角色需要具备有足够的吸引人,那么可以使用某些夸张的动作来吸引更多的关注。在UI界面当中,最重要的交互可以使用夸张的动效来强化,引起用户的注意。Material Design当中的FAB动效就是一个最典型的夸张式的动效,它最终的静态效果是很吸引人的,因为它将一个按钮的色彩扩展到整个界面,并且在所有元素的最上层,强调到了极致。使用FAB动效来进行夸张在支付类APP中使用夸张的效果来强化
  6、跟随动作和重叠动作
  没有任何一种物体会突然停滞,通常运动是一个接着一个的。还有一个更加简洁的表述为「动者恒动」。想象一下一只兔子从高出跳下,当兔子开始运动的时候,它的耳朵会随着运动而自然地偏移和摆动,当兔子落地的时候,身体基本静止之后,它的耳朵可能还在动。前一种情况是「跟随动作」,视差滚动就是典型的跟随动作。而后者则是「重叠动作」,前一个动作停止之后,某些部分仍然处于运动的状态。
  在UI界面当中,可以让元素在静止之前,调用一个其他的交互和动效,从而让整个动效和交互更加流畅连贯,且自然。模态弹出框的跟随动作,在底层动效停止之后依然运动,然后才静止下来。在滚动的时候,卡片和底部的元素以不同的速率运动,类似视差。

广州完美动力教育

完美动力教育是动漫教育知名品牌,全国各校区开设热门专业有影视后期、动漫设计、UI设计、游戏设计、游戏原画等。学校采用作品驱动式案例教学法,为学员提供专业的CG就业培训。

展开更多

咨询热线:400-888-4849

1