移動ui設計中動效的主要用途
隨著技術的發(fā)展,動畫不再是視覺品,更多的是用戶期望的功能需求。 動畫解決了界面中的許多功能問題,使界面感覺到真實,并且真正響應用戶。
今天厚學網(wǎng)小編就和大家來聊聊如何提高移動界面動畫的功能和情感力量。
1. 系統(tǒng)狀態(tài)
在你的應用程序中總是會有許多進程發(fā)生在后臺,例如從服務器下載數(shù)據(jù),計算正在進行中。 這樣的過程總是需要一些時間。 您應該讓用戶知道應用程序未被凍結,并指示正在處理的狀態(tài)。 好的視覺元素會使用戶對應用程序有控制感。
裝載指標
大多數(shù)數(shù)字產(chǎn)品的加載時間是不可避免的。 雖然動畫不能解決問題,但肯定會減少枯燥的等待問題。
“當我們不能縮短生產(chǎn)線時,我們當然可以讓等待更加愉快?!?/p>
創(chuàng)意視覺元素可以減少用戶對時間的看法。 好的動畫會影響用戶對您的產(chǎn)品的看法,使其看起來比實際更好。
下拉
該組中一個的動畫就是“下拉刷新”,它向用戶展示了移動設備上的內(nèi)容更新過程。
提示:拉動刷新動畫應與應用程序的設計大綱相匹配 - 如果應用程序小,動畫應該也是如此。
通知
因為運動自然地引起了人們的注意,動畫通知是一種愉快的方式來通知用戶一些事情,而且不會給用戶造成太大的干擾。
2. 導航和轉換
動畫基本的使用是轉換。 這種類型的動畫背后的邏輯是幫助用戶了解頁面布局剛剛發(fā)生的變化,觸發(fā)更改的內(nèi)容以及稍后再次啟動更改。 一個典型的例子是切換隱藏內(nèi)容的漢堡包按鈕。
雖然漢堡包動畫可能是這里值得期待的選擇,但還有很多其他方式可以補充導航。
導航環(huán)境之間的運輸
設計人員使用動畫來平滑地在導航條件下傳輸用戶,并解釋屏幕上元素排列的變化。
元素之間的視覺層次和連接
動畫非常適合描述界面的對象,并說明它們之間的相互作用。
功能變化
在某些情況下,設計師被迫設計一個在某些條件下其功能發(fā)生變化的動作按鈕。 我們經(jīng)常在整體空間有限的移動設計中看到這一點。
這種類型的動畫顯示用戶與用戶交互時元素如何更改。 在下面的例子中,當用戶按浮動動作按鈕時,加號轉換成鉛筆。 這表明鉛筆是主要的創(chuàng)作方法。 這么小的細節(jié)意味著不得不猜測接下來會發(fā)生什么,并知道這兩個狀態(tài)中的圖標是什么意思。
3. 視覺反饋
視覺反饋對于任何用戶界面至關重要。 它使用戶感覺到控制,對于用戶來說,控制意味著在任何給定的時間在系統(tǒng)中了解和理解他們當前的上下文。
承認
像按鈕和控件這樣的用戶界面元素應該是有形的,即使它們位于一層玻璃后面。
“在物理世界中,按鈕、控件和其他對象響應我們與它們的交互。人們期望用戶界面控件具有類似的響應能力?!?/p>
為了彌補這一差距,視覺和運動提示立即承認輸入和動畫的方式,看起來像感覺直接操縱。
可視化動作的結果
動畫可以增強每個交互點,并加強用戶正在執(zhí)行的動作。
在下面的條形圖示例中,當用戶單擊“支付”時,在應用程序顯示成功狀態(tài)之前,會出現(xiàn)一個微調器。復選標記動畫讓用戶覺得他們?nèi)菀撞⒅Ц?,用戶欣賞這樣的重要細節(jié)。
4. 結論
動畫是強大的。 它增加了任何設計的生命力,使用戶參與到常規(guī)的工作中,當然可以使您從人群中脫穎而出。 精心設計的動畫使用戶能感受到精良制作。
溫馨提示
溫馨提示
相關資訊