动效-APP设计的肢體(tǐ)语言

引言：如果把APP比作一位美女，那么icon是她的证件照，界面是她的形體(tǐ)，而动效则是她的肢體(tǐ)语言。

　　引言：如果把APP比作一位美女，那么icon是她的证件照，界面是她的形體(tǐ)，而动效则是她的肢體(tǐ)语言。

　　在如今玲琅满目的App中，如何脱颖而出?设计师要考虑的，不光是产品如何更合理(lǐ)的展现结构与功能(néng)，更重要的是思考自己的App是否能(néng)做到简便易懂的同时，又(yòu)给用(yòng)户新(xīn)颖感?此时，有(yǒu)限的屏幕空间紧靠文(wén)字的提示是不够的，App需要更多(duō)的新(xīn)鲜血液——“动效设计”。动效设计可(kě)以拓展空间内容，简化引导流程，降低學(xué)习成本，更重要的是给用(yòng)户带来意想不到——类似于“Cool”的惊喜，它就像人类的肢體(tǐ)语言，通过肢體(tǐ)语言传达更多(duō)的抽象信息和性格展现。

　　肢體(tǐ)语言(body language)又(yòu)称身體(tǐ)语言，是指通过头、眼、颈、手、肘、臂、身、胯、足等人體(tǐ)部位的协调活动来传达人物(wù)的思想，形象地借以表情达意的一种沟通方式。一个人要向外界传达完整的信息，单纯的语言成分(fēn)只占7/100，声调占38/100，另外的55/100信息都需要由非语言的體(tǐ)态来传达。肢體(tǐ)语言的重要性可(kě)见一斑。

　肢體(tǐ)语言大致可(kě)分(fēn)為(wèi)三类动作：基本动作，招牌动作和高难度动作，这三种动作是如何在APP设计中體(tǐ)现呢(ne)?

　　1.基本动效让用(yòng)户舒服

　　基本动作也可(kě)称為(wèi)日常动作，如坐(zuò)立，行走，握手，拥抱等.对应APP中的基本动作分(fēn)三类：1.指向性动效(滑动，弹出等)

　　2.提示性动效(滑动删除，下拉刷新(xīn)等)

　　3.空间扩展(翻动，放大等)

　　不要小(xiǎo)瞧基本动作，试想当你看到一位美女起身向你走来结果驼背，外八字，是啥感觉!APP亦是如此。流畅，自然映射，重力模拟这些看似简单但却能(néng)让用(yòng)户在操作时轻松自在并有(yǒu)强烈的代入感。这类动效最重要的是让用(yòng)户感到毫无负担又(yòu)如沐春风，也就是不要夺人眼球，悄无声息的顺应用(yòng)户行為(wèi)，引导用(yòng)户需求。

这类动效在设计过程中需要主意几点：

　　1.系统兼容和资源占用(yòng)

　　2.动态速度的节奏

　　3.仿生性or现实重现

举例：

　　图片1.3X3动效控件

　　2.加载动画

　　3.翻页动画

　2.招牌动效加深用(yòng)户印象

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

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

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

　　1.操作前的提示引导

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

　　3.对动态趋势的预测

举例：

　　图片1.手势提示的动画

　　2.特型动画

　　3.前瞻性动效演示

　　3.高难度动效让用(yòng)户『WOW』

　　基本动效让用(yòng)户舒服，招牌动效让用(yòng)户印象深刻，只有(yǒu)这些对于一款“高逼格”标签的App还不够。在这个大家都很(hěn)拼的世界，不来点让人经验的高难度动作很(hěn)难让别人对你刮目相看。这类动效很(hěn)酷，很(hěn)炫，可(kě)让用(yòng)户作長(cháng)时间的视線(xiàn)停留享受，让用(yòng)户『WOW』的同时，不得不為(wèi)设计动效的同學(xué)点赞，大大提升了对APP所属品牌及开发团队实力的认可(kě)。当然不要忘了APP的主要功用(yòng)，高难度动作只是锦上添花(huā)抑或画龙点睛。所以在APP设计中高难度动作并不一定都会使用(yòng)，要根据APP的切实需要进行设计。在不干扰主功能(néng)的前提下，进行探索展示。所以这类动效多(duō)出现在引导页或者特殊功能(néng)展示上例如手机清理(lǐ)APP展示清理(lǐ)进度的仪表动效等。

　　这类动效的需要注意的是：在满足系统资源占用(yòng)的前提下尽可(kě)能(néng)发挥吧!Just do it!

　　图片：仪表盘动画

　　基本动效，招牌动效和高难度动效的合理(lǐ)运用(yòng)，可(kě)以让App变得更出众，更性感，更有(yǒu)趣。在App设计过程中，这三类动效要遵循以基本动效為(wèi)主，招牌动效為(wèi)辅，高难度动效精选使用(yòng)，切勿过度炫技的准则。在全民(mín)扁平化的设计趋势中，相信动效会為(wèi)设计带来更多(duō)的可(kě)能(néng)和惊喜。设计师们又(yòu)多(duō)了一片可(kě)发挥的领域，各位加油吧!

文(wén)章标题：动效-APP设计的肢體(tǐ)语言
文(wén)章源于：

网站建设、网络推广公司-创新(xīn)互联，是专注品牌与效果的网站制作，网络营销seo公司；服務(wù)项目有(yǒu)App设计等

广告

声明：本网站发布的内容（图片、视频和文(wén)字）以用(yòng)户投稿、用(yòng)户转载内容為(wèi)主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文(wén)章观点不代表本网站立场，如需处理(lǐ)请联系客服。電(diàn)话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新(xīn)互联