對於APP來說，什麼時候需要動效設計呢？

這個強調個性的信息年代，一成不變的設計已經很難滿足我們挑剔有品位的用戶了。

那些有炫酷動畫效果和體驗豐富的APP也更受廣大用戶的青睞。

早期的APP因為設備內存受限，網絡流量的製約，要在手機裏搞個動效，那會卡到黃花菜都涼涼了。

如今隨著技術和硬件設備性能的提升，由靜態界麵轉變成動態效果就像巴啦啦小魔仙施展魔法般簡便。

動畫效果如今已經深入到一款APP應用的每個角落。

一款APP內的動效一般用在哪，用來幹嘛呢：

【使用場景1】:  閃屏、LOGO字體動效

在APP開屏界麵和下載宣傳頁就能給用戶初步印象，讓產品品牌更立體。也讓用戶更直觀的了解一款產品的核心特征、用途、使用方法等細節。

【使用場景2】:  Loading加載，數據刷新

一個動態的加載動畫相比機械性的係統文字“正在加載”，更能拉進與觀者的距離。要是再加些趣味性在裏麵，一個有趣的loading多看幾遍都不覺得枯燥呢。

【使用場景3】:  展示交互原型，概念動效

在APP前期的立項階段，做一些功能展示的概念動效是很有必要的。很多時候設計師不能光靠嘴去解釋你的想法給產品經理聽，靜態的設計圖也不見得能讓程序夥伴一目了然。

所以才會有高保真Demo，這樣就節約了很多團隊間的溝通成本。一些優秀的UX設計師會針對界麵內元素主次，做出有節奏有層次的動效詮釋，下麵列舉較常見的一些動效處理：

【3.1】列表滾動】

第一個案例展示了和列表交互的動畫，左邊的列表隻是單純的滾動，而右邊的則明顯的加入了漸進的動效，模擬現實中拉動卡片的微妙動作。

【3.2】列表和詳情頁之間的過渡】

上麵的案例當中，左邊隻是簡單的左右切換過渡，而右邊則帶有放大和轉變的過渡，不僅讓動效的指向性更為明顯，而且更加富有動態。

【3.3】側邊欄菜單】

概念動效往往會力圖讓最常規的交互效果更加生動，比如側邊欄展開這樣常見的操作。

【使用場景4】:UI界麵轉場動效

當一款APP正式立項進入設計階段時，轉場動效在UI界麵中無疑是顯著的。相比於靜態的界麵，動態的轉場動效更符合人類的自然認知體係，彌補兩個界麵直接的差異所帶來的用戶感知落差

【使用場景5】:  點擊反饋，手勢交互

在用戶體驗界麵設計中，將功能需求情感化也是不錯的體驗，這種擬人化的動效讓界麵充滿了真實的質感，信息的反饋也更直覺化。

【5.1 出錯的時候給用戶以反饋】

下麵的案例就相當典型，一個簡單的左右晃動的特效給用戶一種界麵“正在搖頭”的感覺，讓他們明白所輸入的內容並不正確。

【5.2 通過反饋告知用戶目標達成】

當用戶操作完成之後，結果信息不是生硬的二次彈出，而是在原按鈕上做出回應，如案例中信息輸入完整時按鈕變紅按鈕上文字變化，用自然的過渡來呈現。

“展現，而不是單純的告知”。動效賦予了單擊操作一種輕鬆寫意的感覺，是一種讓用戶欣賞甚至沉迷的細節體驗。

【5.3 手勢交互】

手勢交互改變了我們和界麵交互的方式，而隨之而來的語音交互也正在逐步成熟，借助AR技術，我們具備了和虛擬對象交互的可能性。我們在APP中的交互會越來越自然多變。

【5.4 交互焦點】

當用戶執行了某一操作後，動效是一個非常好用的反饋機製。通過動效的適當運用，用戶可以清晰感知到自己操作的反饋，讓用戶知道自己做了什麼。