APP动效设计解析：从目标到落地( 二 )

本文插图
（此图片来源于网络）
二、动效设计的原则
动效设计作为设计手段之一，有静态页面无法做到的优势，存在的意义必然是为了提升体验；而过多过于复杂的动效设计就显得不合时宜，非但达不到预期目标，还会降低用户体验，拉低产品品牌印象。
所以在动效的使用时要克制，避免让页面的重心产生偏差，把用户引到不必要的地方，或者产生过度设计，徒增用户使用负担。
基于过往的项目经验总结了动效设计的四个基本原则：必要性、简洁性、物理性、趣味性。
1. 必要性
在考虑动效时往往会不自觉地想加入尽可能多的动效设计，有时甚至单个页面塞进去多处动效，这也不是不可以但需要注意的是单个页面肯定会有自己的权重重心，动效不应让页面的功能重心产生偏差。
单位时间内产生的固定流量在页面内分配的时候，流向一部分的多了，流向其他部分就会减少。
给大家分享之前的项目做过的一次动效，当时考虑给通知做一个动效，引导用户关注从而提升通知的打开率。其实通知的内容权重在当前页面中并不大，没有必要给他做很强的内容引导，让用户点进去通知里面之后并没有很强的业务属性。
这就是没有站在全局的角度思考，没有遵守必要性原则。

本文插图
2. 简洁性
不只是动效设计，一切设计的准则都包含简洁性，好的动效方案一定不是复杂难懂需要用户花心思去思考的。而动效的简洁还需要考虑更多层面，时间的长度、动作的复杂性、视觉的重心、开发的成本。
3. 符合物理运动规律
人对事物的观察和理解都是基于物理世界的规律，当虚拟界面元素的运动特性越能够模拟物理世界的运动规律。
比如惯性、重力加速等，就会越符合人在真实物理世界形成的心智模型，让虚拟的屏幕与真实世界交汇，往往会更好的帮助用户预判和理解页面的逻辑。
4. 趣味性
趣味性动效的意义在于培养用户的正向情感，比如愉悦、放松、认可，避免用户产生反向情感，比如愤怒、否定、失望，越强烈的正向情感越有利于帮助产品培养用户的忠诚度，对一些使用过程的负面情绪更加包容。
比如下面这个服务评价页面，当乘客体验不友好给出差评时，用憨厚可爱的动效形象给予乘客情绪上的缓冲。

本文插图
司机头条项目中的双击点赞情感化动效。

本文插图
三、动效设计的目标

本文插图
在做动效之前先要搞清楚目标，为什么要做动效设计？从动效角度来说的产品目标是什么？
动效设计的目标可分为业务目标和体验目标两个方向，如上图所列。比如对产品来说，很多场景做动效设计是为了引导用户操作。同样是服务评价的动效，我们从其他角度去聊一下设计出发点及目标。
首汽约车在对司机服务态度收集评价时，会有评价动效，以提升用户的评价意愿。当用户点击好评时，下方的“去星级评价”会出现动效，引导用户操作，以提升星级评价的点击率；而好评的评价率对于司机的接单而言，又是很重要的推动因素。
看似微小的细节，也会正向影响到整个服务流程。