> 返回
2019-07-26   加載畫面的設計元素

之前就分享過豐富的加載畫面不但能舒緩煩躁情緒,更能加深用戶對其品牌的印象。一個優秀的加載動畫有幾種特徵:能顯示具體時間、吸睛的等待畫面、宣傳公司品牌形象和告知用戶為何需要等待。要做到這些方向都有很多不同的方式和變化,因此在這文章就讓我們分享一下吧。

1. 進度條

網頁設計技巧:優秀的Loading動畫需要具備哪些特徵

同時體現顯示具體時間和吸睛的等待畫面的特徵,通過數字或視覺化形式表現,讓用戶明確Loading動畫的時間,亦令到別人明白操作將花費時間去完成和目前所處的狀態。而設計方面都需要根據UI需求而設計出不同的表現形式。

2.循環加載動畫



如果不想顯示具體時間,一個循環的旋轉圖或創意動畫都能分散用戶等待的注意力,顯示應用正在做一些事情。而循環的動畫更可以做成和業務相關並重申品牌形象的內容,做到宣傳公司品牌形象和的吸睛特徵。

3. 簡單Loading動畫

網頁設計技巧:優秀的Loading動畫需要具備哪些特徵

比循環加載動畫更簡單更便宜,用簡潔清晰的圖形動畫作加載畫面,對整體的影響最小,也不需要設計師和開發花心思來設計。

4. 骨架動畫

網頁設計技巧:優秀的Loading動畫需要具備哪些特徵

這種方式常常都會見到但我們卻留意不到其實這種也是一種加載畫面。骨架動畫展示了頁面加載的過程,告知用戶網頁正在操作中,逐步的顯示畫面也能令用戶期待會出現的內容。不同的網站和APP如Facebook、YouTube及LinkedIn等用戶界面都有應用到。

有趣的細節能令用戶明白到其品牌的細心和專業,讓整體的購物流程都良好,建立更好的用戶體驗。