周麗麗

摘 要：隨著移動互聯(lián)網(wǎng)絡的飛速發(fā)展和智能終端設備的普及，移動APP（Application）產(chǎn)品已經(jīng)滲透到人們工作和生活的方方面面，成為人們生活中必不可少的一部分。人們對APP要求越來越高，動畫作為APP界面設計中重要的視覺元素，使得APP頁面的展示方式更加豐富、產(chǎn)品更具活力、吸引力更足。本論文通過對交互動畫在APP界面設計中的應用形式和作用進行歸納、分析、總結，提出APP界面設計中動畫的設計原則。

關鍵詞：動畫；界面設計；移動端；APP

中圖分類號：TP311.52 文獻標識碼：A 文章編號：1005-5312（2016）17-0052-01

一、動畫在APP界面設計中的應用形式

近幾年來，隨著移動智能設備配置的不斷提升以及操作系統(tǒng)的優(yōu)化，使動畫在APP界面設計中應用非常普遍，通過歸納總結出以下幾種：

1.歡迎動畫。歡迎動畫出現(xiàn)在APP開啟時，以公司宣傳動畫或者動態(tài)標志演繹為主。歡迎動畫能強調品牌、傳遞情感。流暢、合理的動畫能增加產(chǎn)品的識別性，也可以樹立品牌形象，還能給用戶到來輕松愉悅的體驗。當用戶打開APP時，獨特的APP動畫效果可成為APP的標志，將品牌形象印在用戶腦海中。歡迎動畫時間不宜過長，長時間的歡迎動畫會讓用戶等待時間過久，從而降低用戶對APP的使用興趣。

2.跳轉動畫。跳轉動畫常出現(xiàn)在頁面之間。為了避免兩個頁面之間的跳轉過于生硬，利用動畫填補上了頁面跳轉的中間過程，讓用戶更好地理解頁面跳轉，知道自己身在何方，從而使得體驗更加流暢和自然。

3.加載動畫。APP產(chǎn)品因為網(wǎng)絡不流暢等原因，頁面不能及時顯示，加載動畫能減少用戶在等待過程中的焦慮感。最初的加載動畫為形式單一的沙漏動畫，隨著技術的提升和審美習慣的變化，加載動畫表現(xiàn)形式更加豐富。

4.反饋動畫。動畫作為界面設計的肢體語言，能增強用戶的操作感。界面設計中的動畫一般都具有一定的交互性，能與用戶產(chǎn)生互動。 當用戶出現(xiàn)誤操作時，用動畫反饋替代圖形文字的靜態(tài)提示更加友好、自然。軟件的反饋對于體驗的提高來講至關重要。通過對用戶交互行為的及時反應，來讓用戶感到安心，使體驗過程更加輕松和愉悅。

二、APP界面設計中交互動畫的作用

動畫是APP界面設計中重要的組成部分，APP界面設計中適當加入動畫，可以給用戶帶來舒適、自然流暢的體驗，加強界面交互性和操作體驗，減少用戶的枯燥感，讓界面更活潑有趣。

1.減少用戶不適體驗。用戶在使用APP時，因為APP軟件開發(fā)的缺陷或者網(wǎng)絡原因，不免會有讓用戶等待頁面加載的時候，造成APP產(chǎn)品用戶體驗下降。為了彌補這些不可避免的缺點，界面設計中適當加入動畫，可以減少用戶等待中的枯燥感、焦慮感。

2.增強APP界面趣味性。靜態(tài)的界面設計相對較單調，為了突出界面中重要的信息，我們可以適當?shù)募尤胄赢?，來增加界面的趣味性，吸引用戶的注意力。一些細?jié)的動畫設計能產(chǎn)品的趣味性加分。

3.引導用戶。移動端APP因為屏幕顯示區(qū)域受限，圖像以及信息要在有限的空間內展示，APP界面設計中層級關系過于復雜，產(chǎn)品信息過多會讓用戶迷茫，不知所措。動畫可以清晰闡述產(chǎn)品功能間的切換過程的，利用交互動畫增強引導性，引導用戶進行軟件操作，給予用戶清晰明確的指示，幫助用戶完成某項任務，降低軟件操作難度，提升用戶體驗。

三、APP界面設計中交互動畫的設計原則

1.動畫風格統(tǒng)一。移動設備物理形式和界面顯示區(qū)域較小，APP界面設計中動畫設計力求簡單清晰、風格統(tǒng)一。風格雜亂，會使界面混亂不堪，讓用戶眼花繚亂，不知所措。要做到動畫風格統(tǒng)一，可以從動畫的構成元素風格上進行控制以及把握好動畫表現(xiàn)形式。切忌不同風格構成元素在混亂的節(jié)奏中以動畫形式呈現(xiàn)。

2.謹慎增加動畫。界面設計中動畫效果不是越多越好。增加動畫需謹慎，在對APP整體效果進行把控下，并且以用戶體驗為中心進行設計。太多的動畫會讓用戶眼花繚亂，分散用戶注意力。界面設計時，應該學會動靜結合。在需要凝聚用戶注意力的地方添加動畫效果。不要為了使界面更加絢麗，而刻意增添動畫。像轉場這種界面之間轉換的效果，不要太花哨。

3.簡化界面信息。目前不少APP通過絢麗視覺效果來吸引用戶，這類APP界面設計中帶有很多復雜的視覺元素，如何處理好每個視覺元素之間的關系，有效傳達信息。這就需要進行動畫設計。動畫能簡化界面信息和交互層級，從而降低軟件操作難度，讓操作更合理，提升用戶體驗。

4.把握動畫節(jié)奏。單調生硬的動畫已經(jīng)無法滿足人們的需求，動畫必須具有表現(xiàn)力。APP動畫設計需要以用戶為中心，讓動畫符合人的視覺經(jīng)驗，把握動畫的節(jié)奏，以運動規(guī)律為指導進行設計。動畫設計多以自然界中物象運動為參照，接近真實的模仿自然界中物體的運動規(guī)律，結合物理力學，強調慣性、彈性、曲線運動，將動作進行適度夸張，做出視覺感受順暢的動畫設計。

四、結語

移動端APP界面設計中，動畫設計對界面視覺表現(xiàn)力的提升起著非常重要的作用。在設計過程中對優(yōu)秀APP動畫設計進行分析、學習，然后以用戶為中心，運動規(guī)律為指導進行設計，設計出符合用戶操作習慣和審美的APP動畫。