微交互、過渡和應(yīng)用內(nèi)動畫應(yīng)該要做得很好，因?yàn)檫@就能直接向用戶解釋應(yīng)用程序的邏輯，并提高應(yīng)用程序的整體可用性。你可能聽過很多次：好的設(shè)計是顯而易見的，但是好的設(shè)計是透明的。這句話無疑是用戶體驗(yàn)設(shè)計的最大真理之一，尤其是在應(yīng)用內(nèi)動畫方面。
由于所有內(nèi)容都集成到您的移動應(yīng)用程序的UI設(shè)計中，動畫必須是一個功能元素，而不是裝飾。我們想在這篇文章中分享我們的專家知識，關(guān)于如何創(chuàng)建一個真正偉大的應(yīng)用程序內(nèi)動畫，吸引用戶的注意，但不分散您的移動應(yīng)用程序本身。
好的動畫vs.壞的動畫
動畫的第一個優(yōu)點(diǎn)是它的持續(xù)時間，建議動畫時間范圍為250ms - 900ms。好的動畫應(yīng)該是流暢的，幫助可視化系統(tǒng)狀態(tài)的變化，它為用戶提供敲擊和手勢的反饋，給他們一種直接互動的感覺。
糟糕的運(yùn)動圖像通常是緩慢和過度的，這樣的動畫非但不能幫助用戶理解移動應(yīng)用程序的邏輯并提高可用性，反而會分散和激怒用戶，糟糕的應(yīng)用程序內(nèi)動畫與其他用戶體驗(yàn)不一致。糟糕的動畫會讓用戶感到困惑。
應(yīng)用內(nèi)動畫的類型和設(shè)計原則
作為當(dāng)今最熱門的UI設(shè)計趨勢之一，app animation可能會成為你手機(jī)用戶體驗(yàn)中的一顆櫻桃。您需要了解應(yīng)用程序內(nèi)最流行的動畫類型、它們在應(yīng)用程序中的位置和功能。
視覺反饋的動畫
視覺動畫的主要任務(wù)是通知用戶某個操作是否成功或失敗，這對于任何用戶界面都是至關(guān)重要的。在現(xiàn)實(shí)世界中，我們很自然地感覺到物體會對我們與它們的互動做出反應(yīng)。
我們的世界并不像你想象的那么冷，每樣?xùn)|西都有一個特定的反應(yīng)，即使這個反應(yīng)幾乎是看不見的。優(yōu)秀的動畫設(shè)計師應(yīng)該能夠在移動應(yīng)用程序中模擬與真實(shí)對象的交互。
想象一下，你按下一個真正的按鈕，你有什么感覺？你能感覺到這個動作的力量和按鈕的阻力。你可以使用應(yīng)用內(nèi)動畫創(chuàng)建幾乎相同的效果，這會讓用戶體驗(yàn)更加有趣。與傳感器屏幕交互，我們處理振動和視覺信號，以獲得來自移動應(yīng)用程序的響應(yīng)。動畫按鈕、開關(guān)、顏色變化或滴答幫助用戶感覺并理解操作已經(jīng)完成。
進(jìn)度和加載動畫
進(jìn)度條、時間線和其他動態(tài)元素的動畫對于整個應(yīng)用程序用戶體驗(yàn)的成功所起的作用比您想象的要大得多，進(jìn)度動畫幫助通知用戶他正在進(jìn)程中前進(jìn)。此外，它有助于為用戶在等待時提供心理安慰。
當(dāng)您讓用戶了解進(jìn)展的級別和當(dāng)前正在發(fā)生的事情時，這將有助于消除負(fù)面的用戶體驗(yàn)。除此之外，進(jìn)步動畫本身就是一種娛樂元素，使得等待的過程更加愉快。
良好的進(jìn)度動畫不僅有助于設(shè)置正確的用戶情緒，還可以成為一個美麗的設(shè)計特色，將您的移動應(yīng)用程序區(qū)別于其他。
關(guān)于加載動畫，這類似乎是最流行的應(yīng)用程序，通常它被認(rèn)為是一種進(jìn)度動畫的子類型。它具有類似于進(jìn)度動畫的功能，通知用戶在某些進(jìn)程中向前移動，并在等待時娛樂。有不同類型的加載動畫，如加載器、預(yù)加載器和拖拽到新動畫。
函數(shù)變化
最好的想法是向用戶顯示應(yīng)用程序內(nèi)的元素在與它交互時發(fā)生了變化，當(dāng)您需要演示元素的功能如何更改時，這種類型的動畫可以完美地工作。
函數(shù)更改動畫通常伴隨著按鈕和圖標(biāo)，如下例所示。在這里，您可以看到動畫顯示圖標(biāo)隨著內(nèi)容的變化而變化，以指示按鈕的功能已經(jīng)更改。
導(dǎo)航動畫
主設(shè)計師的任務(wù)是盡可能簡化用戶與產(chǎn)品的交互，這意味著，一個應(yīng)用程序的結(jié)構(gòu)越復(fù)雜，設(shè)計師就應(yīng)該花更多的時間讓導(dǎo)航更容易、更直觀地理解。在這種情況下，導(dǎo)航動畫是用來保存游戲的。
如果使用動畫顯示，移動應(yīng)用程序用戶可以很容易地找到隱藏在應(yīng)用程序中的元素。在下面的動畫示例中，您可以看到從屏幕底部出現(xiàn)了其他選項(xiàng)，用于改進(jìn)選擇過程。
營銷的動畫
動畫營銷或營銷動畫，兩者都是與目標(biāo)受眾進(jìn)行交流的一種非常吸引人的方式。標(biāo)識、吉祥物和類似元素的動畫可以極大地提高品牌知名度。
營銷動畫通常是為了吸引用戶對品牌元素的注意，它有助于在品牌和用戶之間建立更多的情感關(guān)系，尤其是當(dāng)應(yīng)用內(nèi)動畫非常有趣和令人難忘的時候。
營銷動畫是最常用的歡迎應(yīng)用程序屏幕，留下第一印象的機(jī)會只有一次，這肯定在歡迎屏幕上。那么，為什么不從一個漂亮的營銷動畫開始用戶互動呢？
營銷動畫的一個很好的例子是為Horsy應(yīng)用程序創(chuàng)建的動畫徽標(biāo)。
引人注目和難忘，這個動畫徽標(biāo)不會離開無動于衷的這個移動應(yīng)用程序。一個有效的標(biāo)志動畫可以成為刺激，喜悅和陰謀的觸發(fā)器。
有趣的動畫和故事
我們的愛情故事，你可能會說你小時候不喜歡童話嗎？講故事可以讓你的移動應(yīng)用程序真正吸引人，或者更好的說法是講故事動畫和游戲化。
動畫貼紙、徽章、獎勵、吉祥物，所有這些元素都能給你的手機(jī)應(yīng)用注入活力，讓應(yīng)用界面更加有趣。這是一個講故事動畫的好例子，我們確信，這個“拉做湯”的特性不會讓您無動于衷。
當(dāng)設(shè)計一個有趣的應(yīng)用程序動畫時，要確保它不會給人帶來陰影，也不會浪費(fèi)時間。
動畫的通知
這是一個非常簡單的問題，它將幫助我們進(jìn)一步討論。什么是應(yīng)用程序通知？這是一個吸引用戶注意移動應(yīng)用程序更新的標(biāo)志。通知的最初想法是讓用戶了解最重要的信息。所以，如果信息真的很重要，最好不要錯過。
不引人注目的應(yīng)用程序內(nèi)動畫使通知引人注目，有趣，并有助于不錯過重要的更新。
下面是一個由Tubik設(shè)計的動畫通知的好例子
結(jié)論
不唐突和引人入勝的動畫肯定會幫助你讓用戶更容易和自然地與應(yīng)用程序溝通，我們希望這篇文章將有助于使您的動畫看起來像應(yīng)用程序內(nèi)的魔法呼吸到一個移動應(yīng)用程序的生命。
創(chuàng)造生命是造物主的選擇，所以，為什么不成為令人驚嘆的手機(jī)體驗(yàn)的創(chuàng)造者，我們可以很容易地與之互動。
