APP设计的"(605435,dvdes-354)"肢体语言

APP设计 采集侠 浏览

小编:引言:如果把APP比作一位美女,那么icon是她的证件照,界面是她的形体,而动效则是她的肢体语言。

  引言:如果把APP比作一位美女,那么icon是她的证件照,界面是她的形体,而动效则是她的肢体语言。


156-980

156-980

  引言:如果把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动效控件


156-001

156-001

  2.加载动画


156-002

156-002

  3.翻页动画


156-006

156-006

  2.招牌动效加深用户印象

  招牌动作是基于基本动作有选择性的差异化展现。例如针对空间扩展而设计的path加号按钮动画。facebook 推出的paper关闭消息的拉伸曲线动画等。

  巧妙的设计在满足产品功能需求的基础上更能让用户惊艳。这类动效是APP的专属符号,APP的品牌和逼格展现通过此类动效有较大的发挥空间。。这就像Michael Jackson的亮相pose,他本人or模仿者只要一摆出这个POSE我们就立马想到MJ。同样这类动效的设计更具尝试性和前瞻性,它是动效趋势的实践和探索,甚至能引发跟风潮流。

  这类动效设计需要注意的是:

  1.操作前的提示引导

  2.夸张化和个性化的表现

  3.对动态趋势的预测

  举例:

  图片1.手势提示的动画

当前网址:http://www.ptldpwl.com/tutorials/app/2019/0506/10031.html

 
你可能喜欢的: