引言：如果把APP比作一位美女，那么icon是她的證件照，界面是她的形體，而動效則是她的肢體語言。

　　引言：如果把APP比作一位美女，那么icon是她的證件照，界面是她的形體，而動效則是她的肢體語言。

　　在如今玲瑯滿目的App中，如何脫穎而出?設(shè)計師要考慮的，不光是產(chǎn)品如何更合理的展現(xiàn)結(jié)構(gòu)與功能，更重要的是思考自己的App是否能做到簡便易懂的同時，又給用戶新穎感?此時，有限的屏幕空間緊靠文字的提示是不夠的，App需要更多的新鮮血液——“動效設(shè)計”。動效設(shè)計可以拓展空間內(nèi)容，簡化引導(dǎo)流程，降低學(xué)習(xí)成本，更重要的是給用戶帶來意想不到——類似于“Cool”的驚喜，它就像人類的肢體語言，通過肢體語言傳達(dá)更多的抽象信息和性格展現(xiàn)。

　　肢體語言(body language)又稱身體語言，是指通過頭、眼、頸、手、肘、臂、身、胯、足等人體部位的協(xié)調(diào)活動來傳達(dá)人物的思想，形象地借以表情達(dá)意的一種溝通方式。一個人要向外界傳達(dá)完整的信息，單純的語言成分只占7/100，聲調(diào)占38/100，另外的55/100信息都需要由非語言的體態(tài)來傳達(dá)。肢體語言的重要性可見一斑。

　肢體語言大致可分為三類動作：基本動作，招牌動作和高難度動作，這三種動作是如何在APP設(shè)計中體現(xiàn)呢?

　　1.基本動效讓用戶舒服

　　基本動作也可稱為日常動作，如坐立，行走，握手，擁抱等.對應(yīng)APP中的基本動作分三類：1.指向性動效(滑動，彈出等)

　　2.提示性動效(滑動刪除，下拉刷新等)

　　3.空間擴(kuò)展(翻動，放大等)

　　不要小瞧基本動作，試想當(dāng)你看到一位美女起身向你走來結(jié)果駝背，外八字，是啥感覺!APP亦是如此。流暢，自然映射，重力模擬這些看似簡單但卻能讓用戶在操作時輕松自在并有強(qiáng)烈的代入感。這類動效最重要的是讓用戶感到毫無負(fù)擔(dān)又如沐春風(fēng)，也就是不要奪人眼球，悄無聲息的順應(yīng)用戶行為，引導(dǎo)用戶需求。

這類動效在設(shè)計過程中需要主意幾點(diǎn)：

　　1.系統(tǒng)兼容和資源占用

　　2.動態(tài)速度的節(jié)奏

　　3.仿生性or現(xiàn)實(shí)重現(xiàn)

舉例：

　　圖片1.3X3動效控件

　　2.加載動畫

　　3.翻頁動畫

　2.招牌動效加深用戶印象

　　招牌動作是基于基本動作有選擇性的差異化展現(xiàn)。例如針對空間擴(kuò)展而設(shè)計的path加號按鈕動畫。facebook 推出的paper關(guān)閉消息的拉伸曲線動畫等。

　　巧妙的設(shè)計在滿足產(chǎn)品功能需求的基礎(chǔ)上更能讓用戶驚艷。這類動效是APP的專屬符號，APP的品牌和逼格展現(xiàn)通過此類動效有較大的發(fā)揮空間。。這就像Michael Jackson的亮相pose，他本人or模仿者只要一擺出這個POSE我們就立馬想到MJ。同樣這類動效的設(shè)計更具嘗試性和前瞻性，它是動效趨勢的實(shí)踐和探索，甚至能引發(fā)跟風(fēng)潮流。

這類動效設(shè)計需要注意的是：

　　1.操作前的提示引導(dǎo)

　　2.夸張化和個性化的表現(xiàn)

　　3.對動態(tài)趨勢的預(yù)測

舉例：

　　圖片1.手勢提示的動畫

　　2.特型動畫

　　3.前瞻性動效演示

　　3.高難度動效讓用戶『WOW』

　　基本動效讓用戶舒服，招牌動效讓用戶印象深刻，只有這些對于一款“高逼格”標(biāo)簽的App還不夠。在這個大家都很拼的世界，不來點(diǎn)讓人經(jīng)驗(yàn)的高難度動作很難讓別人對你刮目相看。這類動效很酷，很炫，可讓用戶作長時間的視線停留享受，讓用戶『WOW』的同時，不得不為設(shè)計動效的同學(xué)點(diǎn)贊，大大提升了對APP所屬品牌及開發(fā)團(tuán)隊(duì)實(shí)力的認(rèn)可。當(dāng)然不要忘了APP的主要功用，高難度動作只是錦上添花抑或畫龍點(diǎn)睛。所以在APP設(shè)計中高難度動作并不一定都會使用，要根據(jù)APP的切實(shí)需要進(jìn)行設(shè)計。在不干擾主功能的前提下，進(jìn)行探索展示。所以這類動效多出現(xiàn)在引導(dǎo)頁或者特殊功能展示上例如手機(jī)清理APP展示清理進(jìn)度的儀表動效等。

　　這類動效的需要注意的是：在滿足系統(tǒng)資源占用的前提下盡可能發(fā)揮吧!Just do it!

　　圖片：儀表盤動畫

　　基本動效，招牌動效和高難度動效的合理運(yùn)用，可以讓App變得更出眾，更性感，更有趣。在App設(shè)計過程中，這三類動效要遵循以基本動效為主，招牌動效為輔，高難度動效精選使用，切勿過度炫技的準(zhǔn)則。在全民扁平化的設(shè)計趨勢中，相信動效會為設(shè)計帶來更多的可能和驚喜。設(shè)計師們又多了一片可發(fā)揮的領(lǐng)域，各位加油吧!

新聞名稱：動效-APP設(shè)計的肢體語言
網(wǎng)站鏈接：http://m.rwnh.cn/news/173225.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項(xiàng)目有App設(shè)計等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)