
隨著技術和硬件設備性能的提高,效果已經不是視覺設計中的奢侈品了。效果不僅是華麗的動態效果,還幫助設計師和用戶解決很多接口功能上的問題,讓這個用戶更容易理解產品,讓設計師更好的表現。界面更能讓人充滿活力,更能讓人感受到大自然的力量。
1、系統狀態
為了保證每個APP的正常運行,經常進行從服務器下載、初始化數據、加載組件的過程。做這些事情的話,系統總是需要一定的時間,但是用戶即使看了靜止的接口也不知道這些事情,所以利用效果讓用戶更容易理解,后臺還在運行。正在處理數據。需要有效地、視覺地讓用戶知道這些信息,讓用戶有控制感。
裝入指示器
對于很多數碼產品來說,公路是不可避免的。不能有效解決加載問題,但不要讓等待無聊。當我們不能縮短載入時間時,等待應該更有趣。創造性的載入指示符可以減少用戶對時間的感知。效果會影響用戶對產品的看法。界面看起來比實際更好。如果APP在用戶等待的時候給他們看了更有趣的東西,他們自然會忽略等待自己。
2、導航和轉移
動作效果的最基本的功能是呈現轉變狀態。如果頁面布局改變,則效果的存在將使用戶理解該狀態的變化并呈現過渡過程。作為經典例子,漢堡圖標顯示隱藏菜單的轉換效果。可以有效吸引用戶的注意,讓用戶在愉快的氛圍中獲得信息。漢堡的有效性是用戶最期待的,但是強化導航的效果不僅如此。
導航內容之間的轉換
設計師通過在各種各樣的內容之間使用戶順利地遷移、切換,來說明UI的變化是如何發生的。轉變效果是UI處于不同狀態的中間環節,有助于用戶理解。
視覺級別和元素連接
動態效應可以完美地解釋界面元件之間的關系,并且闡明它們如何完美地相互作用。
功能的變化
在很多情況下,設計師會強制設計可以點擊的按鈕。功能會根據特定的情況發生變化。在移動終端的設計中,由于屏幕空間的限制,經常能看到這樣的按鈕。
“再現”和“暫停”是最常見的多狀態切換的例子。
這種效果表明當用戶相互作用時元素如何變化。在下面的情況下,用戶按下按鈕,將加號轉換成鉛筆圖標。在展開后的交互列表中,鉛筆代表的是第一個操作。這樣的小細節指示了下一個可能步驟的相互作用。
3、視覺反饋
視覺反饋對于任何UI接口都是重要的。視覺反饋似乎讓用戶掌握了所有,這意味著用戶能夠理解和理解當前內容和狀態。
確認
按鈕和控件等用戶界面元素實際上在屏幕后面也可以單擊。在我們的現實生活中,我們希望按鈕和各種控制能夠響應我們的相互作用,在接口上得到類似的反饋。
為了解決這個問題,設計師引入了視覺化的效果,提醒用戶,可以實際反饋這些虛擬按鈕。
顯示操作后的結果
動態效果可以增強每個交互的結果并提高用戶交互。在以下Stripe的情況下,如果用戶單擊“支付”,則會有暫時的過渡效果。這個效果可以讓用戶更享受這個過程,支付也更方便更輕松。
