Zi 字媒體

關於設計，關於loading動效申明:這篇經驗為我在看了各個等平台上很多大神的文章總結而出。很多辭彙並非原創，再次向原作者表示感謝。文章主要分為以下幾個部分：What？ 什麼是loading動畫？Why？ 設計loading動畫的意義有什麼?How? 怎樣設計一個富有情感化的loading動畫？大家可著重選擇選擇閱讀哈~一、什麼是loading動畫？"loading"翻譯：n.裝貨;裝載量;（保險金的）附加費;填充物 / v.把…裝上車[船]( load的現在分詞 );裝… ，「loading動畫」里一般翻譯為「載入」即載入動畫，或者翻譯為進度條動畫。大家知道，用戶使用產品上傳數據到伺服器，和伺服器回傳數據時是需要一些時間的。此時，就是使用戶處於一種空狀態，為了減少此時用戶的焦慮狀態，便會引用「loading動畫」的設計，使進度可視化，給用戶一個期待值，當然現在load-ing動畫的作用遠不如此。二、設計loading動畫的意義有什麼？從上段文字，我們知道loading動畫會使數據傳輸進度可視化，減少用戶的焦慮，這是loading動畫存在的最重要的意義，然而，現在賦予loading動畫的意義還有很多，包括：1、把loading設計的可愛，生動有趣，讓用戶不僅沒有焦慮感，還會讓用戶愛上這樣的設計，而使用戶對整體體驗好感提升。2、loading動畫形象設計貼切並符合產品氣質，能提高用戶整體操作的流暢度。3、好設計總是體現在設計中，細小的loading動畫，總會給用戶驚喜，從而達到情感話設計的最大化。總之，最大的意義就是讓用戶使用產品時沒有卡頓感，並給予意想不到的操作體驗。三、怎樣設計一個富有情感化的loading動畫。設計一個富有情感化的loading動畫前，第一件重要的事是要明白loading的使用場景，滿足的目標是什麼。通常情況下loading的使用場景一般有：1、進度條loading;2、標題欄消息載入loading;3、白屏loading;4、浮層loading;5、刷新loading;然後，根據具體的應用情況，設計一種符合產品風格的loading, 設計往往從想法開始，然後找相關素材（可以從生活中往往尋找設計的點，設計師新村則人總結的經驗），然後草稿，然後繪製，調試。設計一個loading的方法有很多，不僅可以用常用的PS，AI,AE等工具，一些3D軟體也是一個不錯的工具，而且能力足夠的話，用代碼寫也是可行的。工具只是用來服務你的想法，所以設計之前一定要先有個不錯的想法，然後嘗試的施行。劉霞平