32040浏览
今天我们从动效设计的意义、产品中常见的动效场景，以及设计动效的工具，和最终的交付形式几个方面来进一步了解UI设计中的动效设计。
意义
页面的加载动画、页面翻页的动画效果、品牌的宣传动画等等都是我们比较常见到的动画形式，这三类动画形式恰巧对应我后面所说的三个动效设计的意义。也是为什么UI设计中动效设计需要存在的并且非常重要的原因。
第一点是符合情感化设计，设计中的动效会增加设计的亲和力与趣味性，从而提升用户体验，比如有趣的页面加载动画，会让用户等待加载的时间不会那么乏味；
第二点是展示功能细节，让逻辑更清晰，内容更易懂，例如页面的跳转动画，会让用户更清晰理解页面间的层级关系，这点通常在页面交互逻辑展示方面体现的更加明显；
第三点是有利于品牌建设，塑造品牌形象，比较常见到的就是品牌展示动画。
•情感化设计：增加设计的亲和力和趣味性，提升用户体验
•展示功能细节：让设计逻辑更清晰，内容更易懂
•利于品牌建设，塑造品牌形象
参考文章
•10分钟带你了解动效设计http://www.woshipm.com/pd/4272990.html
•APP改版：怎么做动效设计？http://www.woshipm.com/pd/3552559.html
•动效的高效设计与交付http://www.woshipm.com/pd/2200126.html
•UI界面设计工具都在这里了，Sketch、XD、Figma哪个好？https://zhuanlan.zhihu.com/p/237954760
•APP动效设计解析：从目标到落地http://www.woshipm.com/pd/4164194.html
