令人愉快的動態(tài)效果幾乎已經(jīng)成為當今網(wǎng)頁設計的標準配置。動態(tài)效果的交互細節(jié)與以往的設計基本不同。動態(tài)效果不僅可以表達狀態(tài),引導用戶的注意力,幫助預測交互結(jié)果,甚至影響用戶的行為。
網(wǎng)站建設公司" />
在逐步探索和發(fā)展的過程中,在網(wǎng)頁和APP應用方法和技能逐漸成熟,形成了相對系統(tǒng)的模式。在今天的文章中,我們通過一系列的例子來展示動態(tài)效果是如何改善整個用戶體驗的。
加載動效
動態(tài)效動態(tài)效果之一是進度條。加載進度條的加載動態(tài)效果會改變用戶對時間的感知,通過轉(zhuǎn)移注意力來減少用戶的等待感。
簡單的加載效果實際上比復雜的更好。沒有必要存在額外的東西,如聲音效果。用戶對有趣的動態(tài)效果的關注越多,就越容易忽略等待過程。
即使加載時間很短,有趣的動效依然能讓這點時間變得好玩。
進度動效
動態(tài)效率也可用于顯示交互或操作的進度。以下加載進度條是此類動態(tài)效率的代表:
界面框架
界面框架將顯示界面加載后的一般風格,界面框架將讓用戶產(chǎn)生內(nèi)容立即加載的錯覺。這種動態(tài)可以應用于絕大多數(shù)網(wǎng)頁和APP它能明顯增強用戶的參與感。
視覺反饋
視覺上向用戶呈現(xiàn)界面反饋是非常實用的.良好的交互設計需要視覺反饋來支持,傳達交互完成后的結(jié)果,使交互可用、可見、可預測。如果網(wǎng)站界面中的元素是未知的,交互的結(jié)果是不可預測的,混亂是不可避免的。仔細的交互設計可以幫助用戶理解并減少這種混亂。
懸停動效
桌面交互主要是在觸摸板和鼠標的幫助下進行的。光標懸掛特效主要存在于這種情況下,也是常見的動態(tài)效果之一。
當用戶不知道如何使用控制器時,他們會直觀地將光標移動到上面。此時,懸掛特效可以很好地吸引他們的注意力。
由于交互方式的不同,移動終端幾乎無法使用懸停動態(tài)。無論是按鈕還是輸入框,當您點擊屏幕時,您都觸發(fā)了控制器,只能顯示結(jié)果,而不能像懸停動態(tài)效果一樣預覽。
長滾動頁面
不得不說,屏幕設計一直是網(wǎng)頁設計的焦點,設計師把注意力集中在這個有價值的區(qū)域是有道理的。但是頁面的其余部分也很重要。其實有句話叫正常媒體頁面66%的用戶注意力低于屏幕,所以結(jié)合動態(tài)效果的長滾動頁面也很有用。
動態(tài)效果使?jié)L動交互充滿樂趣。
動畫可以使長滾動頁面上的故事更加生動有趣。與酷炫的動態(tài)效果相比,微妙的動態(tài)效果給人一種更到位的感覺。您可以將您的網(wǎng)站設計為可滾動的塊,每個塊呈現(xiàn)不同的內(nèi)容。以下案例如下: