移动端动画设计的12个原则

新知榜官方账号

2023-07-04 20:14:35

移动端动画设计的12个原则

在移动设备用户体验设计领域,微妙精致的动画已成为非常重要的设计元素。为任何对象添加动画并不简单,需要观察研究在真实世界中物体是如何在时空中运动的,需要设计者关注细节,并且具有耐心。适当的动画能够提供清晰的信息和直观有趣的体验,而过多的动画则容易造成糟糕的用户体验。那么移动设备上的动画应该如何来设计呢?Johnston和Thomas在他们1981年出版的《TheIllusionofLife:DisneyAnimation》一书中总结了12个动画设计原则,虽然当初主要是针对电影和电视领域而提出的,但是这些原则同样也适用于小屏移动设备上的动画设计。

  1. 挤压变形
  2. 预备动作
  3. 状态
  4. 连贯与关键帧
  5. 顺势和叠加
  6. 缓慢出现和结束
  7. 运动路径
  8. 次动作
  9. 速度
  10. 夸张
  11. 丰满的形象和个性

以上十二条原则对于移动端的动画设计非常有帮助,那么在实际的设计过程中应该如何来做呢?第一步需要意识到动画元素是一个非常有用的设计元素,第二步是将动画的设计整合进整个设计过程,包括草图阶段、线框图阶段和原型阶段。

在实际的移动体验设计项目中,动画的使用也有一定的原则:克制过多的动画会让人感到烦躁不安,会破坏产品的体验,需要有节制的使用动画元素,并且使用微妙精致的动画效果来营造良好的体验氛围。互补原则动画设计原则的使用很少是鼓励存在的,因此需要巧妙的结合不同的设计原则来设计优秀的动画效果。动画是为了支持角色电影中的动画都是为了支持剧情和角色,同样在移动端动画也属于辅助性的设计元素,不应该喧宾夺主,并且不能让用户因为动画而产生迷惑感。

本页网址:https://www.xinzhibang.net/article_detail-5480.html

寻求报道,请 点击这里 微信扫码咨询

关键词

移动设备 动画设计 用户体验 原则 界面元素 设计

分享至微信: 微信扫码阅读

相关工具

相关文章