要了解這個(gè)問(wèn)題，我們先要看動(dòng)效設(shè)計(jì)的目的是什么？
1，在用戶體驗(yàn)上為了達(dá)到某種目標(biāo)的引導(dǎo)
早期互聯(lián)網(wǎng)產(chǎn)品動(dòng)畫(huà)較少時(shí)，大部分動(dòng)效都是為了解決某個(gè)具體的交互問(wèn)題而存在的，有很強(qiáng)的目標(biāo)性。比如iOS上book的翻頁(yè)效果，因?yàn)橛脩魧?duì)手勢(shì)翻頁(yè)沒(méi)有很好的認(rèn)知也不會(huì)很快適應(yīng)，所以需要模擬真實(shí)的翻書(shū)效果讓用戶適應(yīng)。

又或者在Safari下載文件后，文件的進(jìn)度和管理會(huì)在Dock的下載文件夾下，用戶不容易發(fā)現(xiàn)和注意到，這時(shí)會(huì)有一個(gè)圖標(biāo)飛入到下載文件夾的動(dòng)畫(huà)，告訴用戶下載的文件已經(jīng)到這里了。

2，讓界面更靈動(dòng)活潑
因?yàn)楝F(xiàn)在越來(lái)越流行扁平化，所以設(shè)計(jì)師都開(kāi)始用更簡(jiǎn)單的元素盡量去突出內(nèi)容。但是如果只是純粹的扁平的話就未免有點(diǎn)太粗糙了，給人一種界面很死板、沒(méi)怎么設(shè)計(jì)的感覺(jué)。所以為了泥補(bǔ)這個(gè)問(wèn)題，動(dòng)效可以讓扁平的界面更活潑起來(lái)。
比如Skype將普通的菜單彈出過(guò)程加上了果凍效果，讓整個(gè)界面可愛(ài)了許多。類似于這樣的動(dòng)效有很多其實(shí)只是為了好看而制作的，他們屬于視覺(jué)設(shè)計(jì)的部分，是為了讓界面視覺(jué)更優(yōu)秀。

所以可以看出動(dòng)效即兼顧了交互的功能性，還具有美觀性的特征，應(yīng)該是交互設(shè)計(jì)師和視覺(jué)設(shè)計(jì)師互相合作的結(jié)果。
想了解更多交互設(shè)計(jì)方面的知識(shí)可以登錄上海海淘科技網(wǎng)查看。