上一節(jié)課，我們跟大家談了APP產(chǎn)品情感化設(shè)計(jì)《通過Timehop APP教大家做APP產(chǎn)品情感化設(shè)計(jì)》。

而真正的情感化設(shè)計(jì)是需要APP設(shè)計(jì)師設(shè)計(jì)出精美UI界面、整理出清晰的交互邏輯、通過動效引導(dǎo)用戶、把漂亮的界面設(shè)計(jì)銜接起來。

所以，真正的情感化設(shè)計(jì)是需要三大載體：界面、交互、動效。

今天，學(xué)堂君先來跟大家了解情感化設(shè)計(jì)三大載體之一的：動效設(shè)計(jì)。

也就是移動APP動效設(shè)計(jì)的6大作用是什么？ ? 先來看看tamic的整理的六大作用。

分別跟大家詳細(xì)闡述移動APP動效設(shè)計(jì)的6大作用的內(nèi)容：

1、過渡流暢

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

在AppFlow中，頁面的滑動、元素的出現(xiàn)整個操作如水般流暢。

2、高效反饋

高效反饋可以說是移動應(yīng)用最原始的需求，其通過動效讓用戶了解程序當(dāng)前狀態(tài)，同時對用戶操作（平移、放大、縮小、刪除）做出及時反饋。譬如說在用戶點(diǎn)擊下載按鈕后，我們需要給用戶展示程序當(dāng)前的狀態(tài)（未下載-下載中-下載完成），如果我們不把反饋給用戶，用戶可能就覺得“手機(jī)卡死了嗎？”，同樣的對平移、放大等操作，及時友好的反饋也是必要的。

3、引導(dǎo)作用

移動應(yīng)用不比PC應(yīng)用，移動應(yīng)用可用的空間就屏幕那么大點(diǎn)兒，很多功能的入口可能都是隱藏的，此時動效的作用就來了。其通過動效對功能的方向、位置、喚出操作、路徑等進(jìn)行暗示和指導(dǎo)，以便用戶在有限的移動屏幕內(nèi)發(fā)現(xiàn)更多功能。譬如說，iOS7鎖屏界面的動效提示用戶向右滑動；百度手機(jī)輸入法的熊頭菜單滾動提示用戶翻頁；微信的朋友圈引導(dǎo)用戶一步一步操作。

? ? ? ? ??

4、層級展現(xiàn)

隨著移動應(yīng)用越來越復(fù)雜，承載的功能越來越多，原來的三層結(jié)構(gòu)原則已經(jīng)不能完全適用，合理清晰的結(jié)構(gòu)層級對用戶理解應(yīng)用和使用應(yīng)用有著至關(guān)重要的作用。

具體的方式為：通過焦點(diǎn)縮放、覆蓋、滑出等動效幫助用戶構(gòu)建空間感受。就像iOS7一樣，通過動效上來構(gòu)建了整個系統(tǒng)的空間結(jié)構(gòu)，Appflow的頁面跳轉(zhuǎn)也是同樣的道理。

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

一些動效通過動效對現(xiàn)實(shí)世界的模擬并且不需要任何提示，迎合用戶的意識認(rèn)知。使產(chǎn)品的交互方式更接近真實(shí)世界。用戶通過對現(xiàn)實(shí)世界的認(rèn)知來理解動效，增強(qiáng)了用戶對應(yīng)用的操縱感和帶入感。像Paper的設(shè)計(jì)，可以讓用戶感覺到紙面的翻動，再如iOS中刪除的動效，一陣霧霾散去。

6、創(chuàng)新體驗(yàn)動效設(shè)計(jì)

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

今天就聊到這里，希望各位好好的吸收和理解透徹APP動效設(shè)計(jì)的6大作用。合理運(yùn)用到我們的移動APP項(xiàng)目設(shè)計(jì)當(dāng)中去。

內(nèi)容來源：http://tamic.cc/wk/1404/2014/0417/20.html