动效-APP设计的肢体语言.pdfVIP

动效 -APP 设计的肢体语言 引言：如果把 APP 比作一位美女，那么 icon 是她的证件照，界面是她的形体，而动效则是她 的肢体语言。 引言：如果把 APP 比作一位美女，那么 icon 是她的证件照，界面是她的形体，而动效则是她的肢体 语言。 在如今玲琅满目的 App 中，如何脱颖而出？设计师要考虑的，不光是产品如何更合理的展现结构与 功能，更重要的是思考自己的 App 是否能做到简便易懂的同时，又给用户新颖感？此时，有限的屏 幕空间紧靠文字的提示是不够的， App 需要更多的新鲜血液 ——“动效设计 ”。动效设计可以拓展空间 内容，简化引导流程，降低学习成本，更重要的是给用户带来意想不到 —— 类似于 “Cool的惊喜，” 它就像人类的肢体语言，通过肢体语言传达更多的抽象信息和性格展现。 肢体语言（ body language ）又称身体语言，是指通过头、眼、颈、手、肘、臂、身、胯、足等人体 部位的协调活动来传达人物的思想，形象地借以表情达意的一种沟通方式。一个人要向外界传达完 整的信息，单纯的语言成分只占 7/100 ，声调占 38/100 ，另外的 55/100 信息都需要由非语言的体态来 传达。肢体语言的重要性可见一斑。 肢体语言大致可分为三类动作：基本动作，招牌动作和高难度动作，这三种动作是如何在 APP 设计 中体现呢？ 1.基本动效让用户舒服 基本动作也可称为日常动作，如坐立，行走，握手，拥抱等 .对应 APP 中的基本动作分三类： 1.指向性动效（滑动，弹出等） 2.提示性动效（滑动删除，下拉刷新等） 3.空间扩展（翻动，放大等） 不要小瞧基本动作，试想当你看到一位美女起身向你走来结果驼背，外八字，是啥感觉！ APP 亦是 如此。流畅，自然映射，重力模拟这些看似简单但却能让用户在操作时轻松自在并有强烈的代入感 。这类动效最重要的是让用户感到毫无负担又如沐春风，也就是不要夺人眼球，悄无声息的顺应用 户行为，引导用户需求。 这类动效在设计过程中需要主意几点： 1.系统兼容和资源占用 2.动态速度的节奏 3.仿生性 or 现实重现 举例： 图片 1.3X3 动效控件 2.加载动画 3.翻页动画 2.招牌动效加深用户印象 招牌动作是基于基本动作有选择性的差异化展现。例如针对空间扩展而设计的 path 加号按钮动画。 facebook 推出的 paper 关闭消息的拉伸曲线动画等。 巧妙的设计在满足产品功能需求的基础上更能让用户惊艳。这类动效是 APP 的专属符号， APP 的品 牌和逼格展现通过此类动效有较大的发挥空间。。这就像 Michael Jackson 的亮相 pose ，他本人 or 模仿者只要一摆出这个 POSE 我们就立马想到 MJ 。同样这类动效的设计更具尝试性和前瞻性，它是 动效趋势的实践和探索，甚至能引发跟风潮流。 这类动效设计需要注意的是： 1.操作前的提示引导 2.夸张化和个性化的表现 3.对动态趋势的预测 举例： 图片 1.手势提示的动画 2.特型动画 3.前瞻性动效演示 3.高难度动效让用户『 WOW 』 基本动效让用户舒服，招牌动效让用户印象深刻，只有这些对于一款 高逼格“ ”标签的 App 还不够。在 这个大家都很拼的世界，不来点让人经验的高难度动作很难让别人对你刮目相看。这类动效很酷， 很炫，可让用户作长时间的视线停留享受，让用户『 WOW 』的同时，不得不为设计动效的同学 点赞，大大提升了对 APP 所属品牌及开发团队实力的认可。当然不要忘了 APP 的主要功用，高难度 动作只是锦上添花抑或画龙点睛。所以在 APP 设计中高难度动作