? ? ? 有時用戶需要一系列的步驟來完成操作,而這些步驟需要清晰的標明他們是緊密相連的,動畫能夠幫助你連接不同的步驟創(chuàng)造一個完整的體驗。
? ? ? 下面是一個如何利用動畫來創(chuàng)造連續(xù)線性事件的優(yōu)秀案例:
Image:?Jakub?Antalík
? ? ? 動畫可以幫助設計師創(chuàng)造漸進式展現,漸進式展現通過減少同一時間內信息量的展現,使界面更加簡單易學。
? ? ? 這里有兩個很好的例子,說明使用漸進式展現提供有意義的信息塊。
Image:?Anton Skvortsov
? ? ? 在這篇文章中,我們將講述當功能性的動畫補充視覺設計和支持交互時的常見情況。
? ? ? 二、提供系統的狀態(tài)? ?? ?當用戶觸發(fā)了某些操作時,他們期望得到一個視覺反饋,系統需要清晰地表明它已經接收到這個操作請求同時正在運行中。
? ? ? 這里有一些有益于用戶體驗的動畫反饋案例:
? ? ? ?1. 確認用戶操作? ? ?? 用戶得到系統對于該操作的確認,當用戶可以得到有效的視覺反饋,這就可以防止用戶重新點擊操作元素。
Notify users of the results of their actions. Image:?Colin?Garven
? ? ? ?2. 使用下拉刷新對于頁面的內容進行更新? ? ? ?加載提示的視覺反饋幫助用戶理解系統正在對于用戶的請求做處理。
Subtle animation helps users understand what is going on. Image:?Ramotion
? ? ? 3. 等待內容加載? ? ? ?加載并不一定很枯燥,幾乎所有的移動應用都可以在頁面加載時,利用微妙的動畫來防止用戶離開。加載動畫可以持續(xù)占據用戶的視覺反饋,結果就是用戶感覺等待的時間更短。
Animation can keep the user engaged even before the app fully loads. Image:?UI8
信息來源商企云:http://dasetv4.xyz/,專業(yè)網站制作,專業(yè)網站設計,專業(yè)網站建設公司