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

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

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

另一類是反饋提醒，通過界面內(nèi)元素的動效，增強(qiáng)用戶的交互感知或引導(dǎo)用戶完成任務(wù)。

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

什么樣的APP設(shè)計動效的才是好的移動交互設(shè)計效果?；蛘哒f動效設(shè)計會成為未來移動APP設(shè)計的趨勢？

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

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

1 、過渡流暢

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

2 、高效反饋

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

3、引導(dǎo)作用

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

4、層級展現(xiàn)

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

5、 增強(qiáng)操縱感

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

6 、創(chuàng)新體驗

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

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

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

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

之前分享的：APP設(shè)計的新領(lǐng)域：3種常見的APP動效設(shè)計方案和16種常見的APP動效設(shè)計技巧和動效案例欣賞

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

25學(xué)堂給大家的3點參考：比如

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

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

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

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

1、由于動畫讓用戶更容易理解界面之間的關(guān)系，所以減輕了很多認(rèn)知負(fù)擔(dān)。

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

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

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