設(shè)計(jì)知識，說說Loading進(jìn)度條動效形式

在瀏覽網(wǎng)頁、玩游戲、手機(jī)應(yīng)用等場景，因?yàn)榫W(wǎng)速慢或是硬件差的關(guān)系，難免會遇上等待加載的情況，沒人喜歡等待，耐心差的用戶可能因?yàn)椴僮鞯貌坏郊皶r反饋，直接選擇放棄。正所謂細(xì)節(jié)決定成敗，這時添加一個Loading進(jìn)度條動畫，就可以大大緩解等待時候的無聊和焦慮，有效讓用戶明確知道目前Loading的狀態(tài)，并對結(jié)果有一個直觀的預(yù)期，甚至有趣巧妙的設(shè)計(jì)，能讓用戶愛上等待，把等待看成一件很美好的事。

Loading動畫從某種角度也可以說是進(jìn)度條，一般用于較長時間的加載，通常配合百分比指數(shù)，讓用戶對當(dāng)前加載進(jìn)度和剩余等待時間有個明確的心理預(yù)期。

最常見的直線進(jìn)度條。

或者圓形進(jìn)度條。

進(jìn)度條和轉(zhuǎn)場完美融合。

也有給LOGO描線的進(jìn)度條。

旋轉(zhuǎn)代表時間的流逝，暗示著時鐘一樣順時針旋轉(zhuǎn)。不停循環(huán)轉(zhuǎn)動的動畫，能有效吸引注意力，給用戶時間加速的錯覺。旋轉(zhuǎn)Loading動畫一般用在較短的加載中，要是一直轉(zhuǎn)卻始終加載不出來，用戶又該煩躁了。

最常見的自轉(zhuǎn)。

順時針自轉(zhuǎn)暗示著時間的流逝。

巧妙地用兩架飛機(jī)形成公轉(zhuǎn)。

不規(guī)則多向轉(zhuǎn)動，讓用戶把等待的時間用在研究運(yùn)動規(guī)律上。

如果在Loading時配上一個形象的動畫，能大大提高產(chǎn)品的親和力和品牌識別度，用戶大多會接受并喜歡這樣的形式，一般品牌形象明確的產(chǎn)品會這么做。

用可愛的奔跑擬人形象來告訴用戶：我在很努力加載請耐心等待。

這樣萌的章魚，用戶一定舍不得加載界面的結(jié)束。

以上就是常見的三種形式，當(dāng)然創(chuàng)意是無止境的，還有很多Loading動效同時融合了這幾種形式，或者用一種全新的形式，比如作者多年前在PSP上見過將小游戲植入到Loading界面中的情況，以至于感嘆Loading時間太短都不能好好玩耍了。。

如果你有見過什么更好的創(chuàng)意，歡迎交流，作者微博：@MotionGraphic

想讓進(jìn)度條有創(chuàng)意？來這里學(xué)習(xí)！