之前25學堂也跟大家聊過了很多APP動效設計的文章和案例欣賞啦。今天跟大家分享的APP動效設計將來會是手機APP設計的一大趨勢。也算是APP交互設計的原型圖。

APP中的動效可以劃分為兩類：

一類是轉場動效，應用在頁面的切換、加載等，這類動效可以柔和頁面的過度效果，增加切換、加載、等待過程的趣味性。

另一類是反饋提醒，通過界面內元素的動效，增強用戶的交互感知或引導用戶完成任務。

因為動效可以把這些我們設計出來的漂亮的界面銜接起來。非常直觀的理解。

什么樣的APP設計動效的才是好的移動交互設計效果。或者說動效設計會成為未來移動APP設計的趨勢？

或者我們說，制作好APP動效設計也是對APP原型圖的延伸，也是APP原型圖的充分體現(xiàn)。

為什么說APP動效設計是最完美的APP交互設計的原型圖，可以從以下六個方面來解析：

1 、過渡流暢

過渡流暢是我們對于動效的認識里對容易想到也最被認可的一點，通過界面及其元素的出現(xiàn)和消失，以及大小、位置和透明度的變化，使用戶和產(chǎn)品的交互過程更流暢。 在AppFlow中，頁面的滑動、元素的出現(xiàn)整個操作如水般流暢。

2 、高效反饋

高效反饋可以說是移動應用最原始的需求，其通過動效讓用戶了解程序當前狀態(tài)，同時對用戶操作(平移、放大、縮小、刪除)做出及時反饋。

3、引導作用

移動APP不比PC端的應用，移動APP可用的空間就屏幕那么大點兒，很多功能的入口可能都是隱藏的，此時動效的作用就來了。其通過動效對功能的方向、位置、喚出操作、路徑等進行暗示和指導，以便用戶在有限的移動屏幕內發(fā)現(xiàn)更多功能。

4、層級展現(xiàn)

隨著移動應用越來越復雜，承載的功能越來越多，原來的三層結構原則 已經(jīng)不能完全適用，合理清晰的結構層級對用戶理解應用和使用應用有著至關重要的作用。具體的方式為：通過焦點縮放、覆蓋、滑出等動效幫助用戶構建空間感受。

5、 增強操縱感

一些動效通過動效對現(xiàn)實世界的模擬并且不需要任何提示，迎合用戶的意識認知。使產(chǎn)品的交互方式更接近真實世界。 用戶通過對現(xiàn)實世界的認知來理解動效，增強了用戶對應用的操縱感和帶入感。

6 、創(chuàng)新體驗

隨著大家對設計越來越重視，大家的體驗越來越趨于統(tǒng)一水平范圍內的時候，體驗的差異化就越來越小。那在可用性良好的前提下，通過細節(jié)設計和交互方式創(chuàng)新為產(chǎn)品增加亮點，可以帶來更驚喜的體驗和表達產(chǎn)品的氣質與態(tài)度(X格)。

最后，好的動效設計關鍵是保證物體運動的物理感，同時不犧牲物體運動的優(yōu)雅感、簡約感、美感，讓物體的運動充滿魔力，打造無縫式的用戶體驗。

動效的迅捷反饋，可以讓用戶充滿信任感和愉悅感。當用戶與應用交互時，所反饋的動效不但極具美感，符合物理邏輯，而且能夠愉悅用戶。反饋動效的設計必須深思熟慮且具有目的性，而不能隨性設計，反饋動效應溫和 ，不讓用戶分心。

所以，25學堂今天跟大家分享的動效設計知識，從另外一個角度來闡述了APP動效設計是最完美的APP交互設計的原型圖。

之前分享的：APP設計的新領域：3種常見的APP動效設計方案和16種常見的APP動效設計技巧和動效案例欣賞

其次：作為優(yōu)秀的APP設計師，懂得怎么去給APPUI界面添加動效效果。

25學堂給大家的3點參考：比如

1、等待都需要一個有意義的動效。面對等待，我們總是缺少耐心。充滿個性，有趣的動效可以讓用戶對你的設計更添一份喜愛：至少這個設計還不錯。

2、如果你希望用戶點擊某個地方，請給它一個動效。

3、如果你希望你的點擊效果不一樣，請給它一個動效。

再來回顧下 ，移動APP設計師使用動效的優(yōu)點和好處：

1、由于動畫讓用戶更容易理解界面之間的關系，所以減輕了很多認知負擔。

2、通過消除屏幕上的跳變，讓界面不讓用戶吃驚并費解，從而讓體驗更加愉快。

3、將物理世界的運動用在動畫中，縮短了用戶和界面之間的鴻溝，讓用戶更專注于任務而不是理解界面。

4、動畫展示效果遠遠超過了靜態(tài)展示，甚至比靜態(tài)展示更直接的闡釋了界面。動畫并不一定是緩慢的，或者會分散用戶注意力的東西。通過悉心調整，動畫可以讓界面可理解，有魅力的。同時使用起來的體驗是愉快的。