隨著技術(shù)的快速發(fā)展，動(dòng)畫(huà)不僅視覺(jué)奢華，更是用戶期望的功能需求。動(dòng)畫(huà)解決了界面中的許多功能問(wèn)題，使交互生動(dòng)起來(lái)，真正地響應(yīng)用戶。
下面讓我們來(lái)探索下提高移動(dòng)界面功能和情感力量的關(guān)鍵動(dòng)畫(huà)策略。
1、系統(tǒng)狀態(tài)
在應(yīng)用后臺(tái)通常都會(huì)有很多進(jìn)程，例如正在從服務(wù)器下載數(shù)據(jù)，正在進(jìn)行計(jì)算等等。這樣的進(jìn)程總是需要一定時(shí)間，所以你要讓你的用戶知道應(yīng)用沒(méi)有卡住，并且顯示出它正在處理的狀態(tài)。這種視覺(jué)信號(hào)能夠給用戶一種正在控制應(yīng)用的感覺(jué)。
加載狀態(tài)
每個(gè)應(yīng)用的加載時(shí)間都不可避免。雖然動(dòng)畫(huà)不能解決這個(gè)問(wèn)題，但是它們能夠可以讓等待變得沒(méi)那么無(wú)聊。
“當(dāng)我們不能縮短距離時(shí)，我們可以讓等待更加愉快?！?/i>
有創(chuàng)意的進(jìn)度顯示能夠減輕用戶對(duì)等待的感覺(jué)。動(dòng)畫(huà)會(huì)影響用戶對(duì)你產(chǎn)品的看法，使它看起來(lái)比實(shí)際上要好。
下拉刷新
大家應(yīng)該都知道“下拉刷新”這個(gè)動(dòng)畫(huà)，它啟動(dòng)了移動(dòng)設(shè)備上的內(nèi)容更新過(guò)程。
提示：下拉刷新動(dòng)畫(huà)應(yīng)該符合應(yīng)用設(shè)計(jì)規(guī)范，如果應(yīng)用程序最小，那動(dòng)畫(huà)也要。
通知
移動(dòng)的物體很容易吸引你的注意，所以在通知上加動(dòng)畫(huà)是一種友好的通知方式
2.導(dǎo)航和過(guò)渡狀態(tài)
動(dòng)畫(huà)最基本的使用時(shí)轉(zhuǎn)換。這種類型的動(dòng)畫(huà)背后的邏輯是幫助用戶了解頁(yè)面布局剛剛發(fā)生的變化，觸發(fā)更改的內(nèi)容以及如何再次啟動(dòng)更改。一個(gè)典型的例子是一個(gè)抽屜導(dǎo)航來(lái)切換隱藏的內(nèi)容。
抽屜導(dǎo)航可能是這種場(chǎng)景下最好的選擇，但其實(shí)還有很多種導(dǎo)航動(dòng)畫(huà)、
傳遞導(dǎo)航的上下文
設(shè)計(jì)師用動(dòng)畫(huà)來(lái)平滑地切換導(dǎo)航，并解釋屏幕上元素的排列的變化
元素之間的視覺(jué)分層和連接
動(dòng)畫(huà)非常適合描述界面的對(duì)象，并說(shuō)明它們之間的相互作用
功能改變
在某些情況下，設(shè)計(jì)師被迫設(shè)計(jì)一個(gè)在特定條件下其功能發(fā)生變化的動(dòng)作按鈕。我們經(jīng)常在整體空間有限的移動(dòng)設(shè)計(jì)中看到這一點(diǎn)。
這種類型的動(dòng)畫(huà)顯示了當(dāng)用戶與其進(jìn)行交互時(shí)元素如何更改。在下面的例子中，當(dāng)用戶按浮動(dòng)動(dòng)作按鈕時(shí)，加號(hào)轉(zhuǎn)換成鉛筆。這表明鉛筆是主要的創(chuàng)作方法。這么小的細(xì)節(jié)意味著不得不猜測(cè)接下來(lái)會(huì)發(fā)生什么，并知道這個(gè)圖標(biāo)在任何一個(gè)狀態(tài)下是什么意思。
3.視覺(jué)反饋
視覺(jué)反饋對(duì)于任何用戶界面至關(guān)重要。它使用戶感覺(jué)到控制，對(duì)于用戶來(lái)說(shuō)，控制意味著在任何給定的時(shí)間知道和理解系統(tǒng)中的當(dāng)前上下文。
識(shí)別性
用戶界面元素（如按鈕和控件）應(yīng)顯示為實(shí)體，即使它們位于一層玻璃幕后面。
“在物理世界中，按鈕，控件和其他對(duì)象根據(jù)我們與他們的交互響應(yīng)。人們期望用戶界面控件具有類似的響應(yīng)能力。”
為了彌合差距，視覺(jué)和運(yùn)動(dòng)應(yīng)該立即反饋，并以直觀的動(dòng)畫(huà)顯示。
可視化操作的結(jié)果
動(dòng)畫(huà)可以增強(qiáng)每個(gè)交互點(diǎn)，并加強(qiáng)用戶執(zhí)行的動(dòng)作。
在Stripe的示例中，當(dāng)用戶點(diǎn)擊“付款”時(shí)，會(huì)在應(yīng)用程序顯示成功狀態(tài)之前短暫顯示一個(gè)微調(diào)。復(fù)選標(biāo)記動(dòng)畫(huà)使用戶感覺(jué)到他們很容易完成付款，用戶也很喜歡這樣重要的細(xì)節(jié)。
結(jié)論
當(dāng)以復(fù)雜的方式使用時(shí)，動(dòng)畫(huà)是強(qiáng)大的。它把設(shè)計(jì)帶進(jìn)生活里，甚至使用戶進(jìn)行最常規(guī)的任務(wù)，當(dāng)然也可以讓您從人群中脫穎而出。精心設(shè)計(jì)的動(dòng)畫(huà)能提升用戶體驗(yàn)。
——————
