移動應用里的轉場動畫如何操作？

2018-08-07 7110

分享至：

動畫是用戶體驗的重要組成部分。當涉及到移動應用的轉場時，你可以通過細致的動畫傳遞豐富的信息。發送信息、打開設置、點擊復選框、導航去其他頁面-這些都是變化的時刻，對轉場進行動畫設計是一種強化用戶行為的絕佳方式。

一、在任務流程中連接不同的步驟

有時用戶需要一系列的步驟來完成操作，而這些步驟需要清晰的標明他們是緊密相連的，動畫能夠幫助你連接不同的步驟創造一個完整的體驗。

下面是一個如何利用動畫來創造連續線性事件的優秀案例：

Image: Jakub Antalík

動畫可以幫助設計師創造漸進式展現，漸進式展現通過減少同一時間內信息量的展現，使界面更加簡單易學。

這里有兩個很好的例子，說明使用漸進式展現提供有意義的信息塊。

Image: Anton Skvortsov

在這篇文章中，我們將講述當功能性的動畫補充視覺設計和支持交互時的常見情況。

二、提供系統的狀態

當用戶觸發了某些操作時，他們期望得到一個視覺反饋，系統需要清晰地表明它已經接收到這個操作請求同時正在運行中。

這里有一些有益于用戶體驗的動畫反饋案例：

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. 等待內容加載

加載并不一定很枯燥，幾乎所有的移動應用都可以在頁面加載時，利用微妙的動畫來防止用戶離開。加載動畫可以持續占據用戶的視覺反饋，結果就是用戶感覺等待的時間更短。

Animation can keep the user engaged even before the app fully loads. Image: UI8

信息來源尚品中國:http://www.yixing2000.cn/,專業網站制作,專業網站設計,專業網站建設公司

來源聲明：

本文章系尚品中國編輯原創或采編整理，如需轉載請注明來自尚品中國。以上內容部分(包含圖片、文字)來源于網絡，如有侵權，請及時與本站聯系（010-60259772）。

10年+資深項目經理1V1服務 | 行業定制化方案 | 精準報價體系