動效-APP設計的肢體語言

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

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

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

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

　肢體語言大緻可分爲三類動作：基本動作，招牌動作和高難度動作，這(zhè)三種(zhǒng)動作是如何在APP設計中體現呢?

　　1.基本動效讓用戶舒服

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

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

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

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

這(zhè)類動效在設計過(guò)程中需要主意幾點：

　　1.系統兼容和資源占用

　　2.動态速度的節奏

　　3.仿生性or現實重現

舉例：

　　圖片1.3X3動效控件

　　2.加載動畫

　　3.翻頁動畫

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

　　招牌動作是基于基本動作有選擇性的差異化展現。例如針對(duì)空間擴展而設計的path加号按鈕動畫。facebook 推出的paper關閉消息的拉伸曲線動畫等。

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

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

　　1.操作前的提示引導

　　2.誇張化和個性化的表現

　　3.對(duì)動态趨勢的預測

舉例：

　　圖片1.手勢提示的動畫

　　2.特型動畫

　　3.前瞻性動效演示

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

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

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

　　圖片：儀表盤動畫

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

文章标題：動效-APP設計的肢體語言
文章源于：

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有App設計等

廣告

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