2022-12-03 10:35:43|已瀏覽:101次
ui動效界面交互設計技巧
ui動效界面交互設計技巧:動效廣泛運用于網頁內容和背景當中,用來強化功能,提升美感,它會直接影響用戶的行為,引導用戶注意到特定的內容,今天小編主要給大家分享ui動效界面交互設計技巧,希望對你們有幫助!
加載過程不應讓用戶感到單調乏味
如果不能縮短加載和等待過程,那么應該盡量讓用戶在等待過程中感到愉快,此時的動態效果基是提醒用戶后臺正在加載。幾乎所有的網站和應用都會遇到這種情況,好的設計通常會用微妙有趣的動態效果來轉移用戶對動態效果本身的注意力,而不是受無聊情緒的影響。所以設計師可以讓界面從基本框架結構加載,明顯縮短了等待的主觀體驗。
不要讓狀態改變太僵硬
動效最重要的功能之一是加強過渡效應,因此需要清楚地呈現這一過程的開始和結束。一個設計良好的動效應合理的把用戶的注意力引導到需要注意的地方。
Adrian Zumbrunnen有一個非常好的案例,展示了滾動效果如何讓用戶在點擊鏈接后理解變化過程,大家可以去看一下。
闡明元素之間的關系
動效還可以增強用戶對界面的控制感。
菜單按鈕以平滑的動效展開為播放控制界面,然后單擊返回,又收縮為一個按鈕。這種特效不僅讓界面看起來很棒,還告訴用戶按鈕的實際功能。有趣的是,這種動效也強調了播放和暫停之間的差異,這種差異可以在不共存的情況下相互改變。
在這種情況下,動效將用戶的注意力引導到了屏幕的正中央,播放和暫停兩種狀態的改變是用戶注意力的焦點。
另一種情況是更常見的浮動按鈕,單擊“+”按鈕可展開其其它隱藏功能按鈕,而按鈕中的“+”則變化為編輯的鉛筆圖標。該圖標變化的細節向用戶指示接下來會發生什么,并闡明按鈕不同狀態的差異。
出錯時向用戶提供反饋
當用戶執行操作時,動效可以增強交互產生的效果,報錯是最常見的反饋機制之一。
一個簡單的左右晃動的特效給用戶一種界面在“搖頭”的感覺,讓他們明白所輸入的內容是不正確的。這種擬人化的動態效果使界面充滿真實的質感,信息反饋更加直觀。
注:尊重原創文章,轉載請注明出處和鏈接 http://m.dedgn.cn/news-id-72783.html 違者必究!部分文章來源于網絡由培訓無憂網編輯部人員整理發布,內容真實性請自行核實或聯系我們,了解更多相關資訊請關注UI設計頻道查看更多,了解相關專業課程信息您可在線咨詢也可免費申請試課。關注官方微信了解更多:150 3333 6050