APP設計中的交互動畫!
文/周麗麗
交互動畫作為APP界面設計中重要的視覺元素,使得APP頁面的展示方式更加豐富、產品更具活力、吸引力更足。交互動畫在APP界面設計中應用非常普遍,通過歸納總結出以下幾種:
1.歡迎動畫。歡迎動畫出現在APP開啟時,以公司宣傳動畫或者動態標誌演繹為主。歡迎動畫能強調品牌、傳遞情感。流暢、合理的動畫能增加產品的識別性,也可以樹立品牌形象,還能給用戶到來輕鬆愉悅的體驗。
當用戶打開APP時,獨特的APP動畫效果可成為APP的標誌,將品牌形象印在用戶腦海中。歡迎動畫時間不宜過長,長時間的歡迎動畫會讓用戶等待時間過久,從而降低用戶對APP的使用興趣。
2.跳轉動畫。跳轉動畫常出現在頁面之間。為了避免兩個頁面之間的跳轉過於生硬,利用動畫填補上了頁面跳轉的中間過程,讓用戶更好地理解頁面跳轉,知道自己身在何方,從而使得體驗更加流暢和自然。
3.載入動畫。APP產品因為網路不流暢等原因,頁面不能及時顯示,載入動畫能減少用戶在等待過程中的焦慮感。最初的載入動畫為形式單一的沙漏動畫,隨著技術的提升和審美習慣的變化,載入動畫表現形式更加豐富。
4.反饋動畫。動畫作為界面設計的肢體語言,能增強用戶的操作感。界面設計中的動畫一般都具有一定的交互性,能與用戶產生互動。當用戶出現誤操作時,用動畫反饋替代圖形文字的靜態提示更加友好、自然。軟體的反饋對於體驗的提高來講至關重要。通過對用戶交互行為的及時反應,來讓用戶感到安心,使體驗過程更加輕鬆和愉悅。
1.動畫風格統一。移動設備物理形式和界面顯示區域較小,APP界面設計中動畫設計力求簡單清晰、風格統一。風格雜亂,會使界面混亂不堪,讓用戶眼花繚亂,不知所措。要做到動畫風格統一,可以從動畫的構成元素風格上進行控制以及把握好動畫表現形式。切忌不同風格構成元素在混亂的節奏中以動畫形式呈現。
2.謹慎增加動畫。界面設計中動畫效果不是越多越好。增加動畫需謹慎,在對APP整體效果進行把控下,並且以用戶體驗為中心進行設計。太多的動畫會讓用戶眼花繚亂,分散用戶注意力。
界面設計時,應該學會動靜結合。在需要凝聚用戶注意力的地方添加動畫效果。不要為了使界面更加絢麗,而刻意增添動畫。像轉場這種界面之間轉換的效果,不要太花哨。
3.簡化界面信息。目前不少APP通過絢麗視覺效果來吸引用戶,這類APP界面設計中帶有很多複雜的視覺元素,如何處理好每個視覺元素之間的關係,有效傳達信息。這就需要進行動畫設計。動畫能簡化界面信息和交互層級,從而降低軟體操作難度,讓操作更合理,提升用戶體驗。
4.把握動畫節奏。單調生硬的動畫已經無法滿足人們的需求,動畫必須具有表現力。APP動畫設計需要以用戶為中心,讓動畫符合人的視覺經驗,把握動畫的節奏,以運動規律為指導進行設計。
動畫設計多以自然界中物象運動為參照,接近真實的模仿自然界中物體的運動規律,結合物理力學,強調慣性、彈性、曲線運動,將動作進行適度誇張,做出視覺感受順暢的動畫設計。