隨著體驗(yàn)經(jīng)濟(jì)時代的到來，人們對產(chǎn)品界面的期待值也越來越高，交互動畫在手機(jī)領(lǐng)域的應(yīng)用已經(jīng)非常普遍，例如Iphone充分發(fā)揮了動畫在交互易用性方面的優(yōu)勢。 而交互動畫會給用戶帶來一種舒適、自然和流暢的感覺。 交互動畫逐漸成為了產(chǎn)品與用戶之間的溝通方式，成為產(chǎn)品的肢體語言。尤其是目前高端機(jī)的性能提升迅速，也為交互動畫的執(zhí)行效率提供了有效的硬件保證。

Google地圖的讓工具化與擬物化結(jié)合，不論是翻起頁面的效果，還是圖釘?shù)男Ч?，都是還原真實(shí)場景中的操作，通過動畫的表現(xiàn)，讓其更加逼真。也使界面更加的有層次。
在產(chǎn)品設(shè)計過程中，合理運(yùn)用交互動畫讓產(chǎn)品與用戶更好的互動，讓產(chǎn)品變的更具情感，合理的動畫運(yùn)用可以：

提高用戶操作流暢性
隨著移動終端設(shè)備硬件以及軟件的不斷強(qiáng)大，帶給用戶的選擇也會越來越豐富，用戶在使用產(chǎn)品功能的同時，也追求完美的操作，與產(chǎn)品產(chǎn)生良好的互動。
目前app以及wap站的視覺效果絢麗完美的同時，同時帶有很多的復(fù)雜視覺元素，處理好每個視覺元素的關(guān)系，以及有效的傳達(dá)用戶操作后元素之間的關(guān)系變化，就需要設(shè)計交互動畫，闡述其變化的邏輯與過程，讓操作更合理，更流暢。

提高用戶興趣，降低學(xué)習(xí)成本
通過巧妙的交互動畫讓用戶理解產(chǎn)品功能，進(jìn)而讓用戶產(chǎn)生良好的心理感受。讓用戶更容易了解功能，更好的方便的使用產(chǎn)品。有時詳細(xì)功能的講解，往往不如一個簡單的交互動畫效果更具吸引力。目前在游戲中廣泛應(yīng)用。

強(qiáng)化品牌一致性
彈出層，界面滑動，分屏，返回，前進(jìn)等等，這些交互動畫無不流露出品牌的特性與情感
一個標(biāo)志性的動畫效果，往往也會是一個產(chǎn)品的代言。

交互動畫設(shè)計法則

傳達(dá)有價值的信息
在用戶完成行為之前把結(jié)果展示給他們，使他們能更確定自己的行為，避免出錯。幫助用戶預(yù)見自己的行為將造成的結(jié)果。
在iphone的屏幕上移動應(yīng)用圖標(biāo)時，當(dāng)你把一個圖標(biāo)拖動到一個位置時，旁邊的圖標(biāo)會向后或向兩側(cè)移動告訴你當(dāng)你松開手時這個圖標(biāo)將要停放的位置。
以下是總結(jié)的交互動畫的一些設(shè)計原則：

闡述清晰，精確引導(dǎo)
動畫是可以清晰闡述產(chǎn)品功能間的切換過程的。當(dāng)用戶進(jìn)入一個不同的交互模式時，比如兩個應(yīng)用程序之間的切換，動畫可以提供一個指引，告訴用戶已進(jìn)入另一個場景。
當(dāng)我們最大化窗口的時候，這個窗口不是簡單的直接放大，而是平滑地向四周展開。這樣我們就可以清晰地知道這個窗口被放大了。

動畫時長巧妙掌控
在設(shè)計動畫時，注意動畫執(zhí)行的時間，并且在一些較高頻率操作的功能中的動畫，是要可以通過操作（點(diǎn)擊兩次此操作，或是其他操作，點(diǎn)擊空白處或是目標(biāo)區(qū)域等等）跳過的。

執(zhí)行效率需多考慮
目前交互動畫在高端機(jī)方面應(yīng)用越來越多，但是各個機(jī)型的配置不盡相同，在考慮動畫時，需注意各個機(jī)型的執(zhí)行效率，如果覆蓋面較廣的產(chǎn)品，需要設(shè)定一個合理的可支持最低配置以及搭建測試環(huán)境，以便確保動畫在執(zhí)行時不會給機(jī)器帶來過大的壓力。

尊重現(xiàn)實(shí)規(guī)律，或讓用戶具有“超能力”
就是要符合邏輯規(guī)律與自然規(guī)律。比如動畫中如有位移，應(yīng)與指向目標(biāo)位置方向移動；擬物化的設(shè)計，就需要真實(shí)的動畫去模擬還原真實(shí)的過程。有時也可以在真實(shí)的場景中，讓用戶完成真實(shí)場景中人類不能完成的事情同樣也會跟用戶滿足感。

點(diǎn)到為止，過猶不及
動畫的使用猶如雙刃劍，順其勢可披荊斬棘，塑造更完美的產(chǎn)品，如使用不當(dāng)或是濫用，則往往適得其反。

使用頻率較高的功能，慎用交互動畫
如果是用戶使用率非常高的功能，交互動畫時一定要慎重。動畫執(zhí)行次數(shù)過多也會讓用戶反感，并延長操作時間。

用戶輸入，請勿打擾
用戶在專注于內(nèi)容的創(chuàng)建或是填寫信息時，動畫會分散用戶的注意力，甚至讓用戶產(chǎn)生壞心情。但是信息提交，信息發(fā)送等操作，設(shè)計巧妙的動畫，往往會增加用戶的成就感。

尊重用戶習(xí)慣，“標(biāo)新立異”不可取
我們要避免觸及系統(tǒng)的標(biāo)準(zhǔn)行為，盡量尊重用戶習(xí)慣。在iPhone中，動畫式響應(yīng)方式是標(biāo)準(zhǔn)的界面風(fēng)格，比如窗口內(nèi)容的上下卷滾、元素的出現(xiàn)和消失，以及內(nèi)容的放大、縮小等等。
用戶清楚這些常見的界面元素是如何工作的，他們不愿在每次點(diǎn)擊按鈕的時候，被迫花費(fèi)多余的時間去看一些不必要的動畫。

源地址：http://mux.baidu.com/?p=2185