移動應用里的轉場動畫如何操作?
.jpg)
有時用戶需要一系列的步驟來完成操作,而這些步驟需要清晰的標明他們是緊密相連的,動畫能夠幫助你連接不同的步驟創(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://www.tjevip.cn/,專業(yè)網站制作,專業(yè)網站設計,專業(yè)網站建設公司
推薦新聞
更多行業(yè)-
11月編程語言排行榜:Dart能否打敗Objective-C?
11月編程語言排行榜:Dart能否打敗Objective-C?TIOB...
2011-11-10 -
SEO優(yōu)化之教你辯清百度和谷歌的區(qū)別
SEO優(yōu)化之教你辯清百度和谷歌的區(qū)別 無論是小我私家站長照舊公司企...
2011-11-16 -
四個簡單的站內優(yōu)化 提高網站排名
對于站內優(yōu)化細節(jié),還有很多的小細節(jié)都要做好,如404頁面、301重定向...
2012-06-23 -
網站建設怎樣融入SEO優(yōu)化思想
網站建設中巧妙融入SEO元素能使網站在后期的發(fā)展當中獲取更多的優(yōu)勢。不...
2012-06-18 -
搜索引擎支持哪些Robots Meta標簽
搜索引擎支持nofollow和noarchive。 禁止搜索引擎收錄...
2019-10-18 -
北京網站建設—英文網站存在的問題及解決方法是什么?
網站給企業(yè)帶來的優(yōu)勢,已經是不容置疑的了。企業(yè)通過網站不斷的拓展自己的...
2018-08-21
預約專業(yè)咨詢顧問溝通!
免責聲明
非常感謝您訪問我們的網站。在您使用本網站之前,請您仔細閱讀本聲明的所有條款。
1、本站部分內容來源自網絡,涉及到的部分文章和圖片版權屬于原作者,本站轉載僅供大家學習和交流,切勿用于任何商業(yè)活動。
2、本站不承擔用戶因使用這些資源對自己和他人造成任何形式的損失或傷害。
3、本聲明未涉及的問題參見國家有關法律法規(guī),當本聲明與國家法律法規(guī)沖突時,以國家法律法規(guī)為準。
4、如果侵害了您的合法權益,請您及時與我們,我們會在第一時間刪除相關內容!
聯系方式:010-60259772
電子郵件:394588593@qq.com