加載動(dòng)效是UI動(dòng)效設(shè)計(jì)中最流行的類型之一。這也難怪，因?yàn)榈却俏覀兠刻炀€上和線下都可能遇到的煩人的事情。任何讓等待變得沒那么無聊的因素都是寶貴的——因?yàn)樵谂c應(yīng)用程序和網(wǎng)站進(jìn)行交互時(shí)，加載總是首當(dāng)其沖。

加載動(dòng)效一般有什么作用呢？最重要的應(yīng)該是通知和娛樂吧，加載動(dòng)畫向用戶展示網(wǎng)站或者應(yīng)用的最新進(jìn)展，讓用戶有愉快的體驗(yàn)。另外優(yōu)雅的設(shè)計(jì)可以引起用戶的注意，以此進(jìn)行品牌推廣。

今天我們收集了一些專注于加載動(dòng)效的創(chuàng)意和鮮明的概念設(shè)計(jì)。一起來欣賞吧！

Queble的閱讀app的拉動(dòng)刷新動(dòng)效模仿書本翻頁，此過程中顏色的變化使圖像更加吸引人。

Metalab設(shè)計(jì)的加載動(dòng)效是用來告知用戶設(shè)置hits帳戶的過程正在進(jìn)行中。加載器的特點(diǎn)是有趣的幾何形狀組合，可以彈跳并在每次彈跳時(shí)更換組合。設(shè)計(jì)師為每一組形狀應(yīng)用了和諧的顏色組合，這種組合的多樣性使得整體呈現(xiàn)既有趣又活潑。

Vitaly Silkin的動(dòng)效概念讓人想起一種永無休止垂直移動(dòng)的構(gòu)造函數(shù)，其元素是黏黏的。這樣，結(jié)構(gòu)看起來總是完整的。

這是Vitaly Silkin的又一個(gè)UI動(dòng)效，這次是用旋轉(zhuǎn)的物體從一個(gè)俄羅斯方塊變成另一個(gè)俄羅斯方塊。這非常吸引眼球并帶來情感上的吸引力，尤其是對那些童年里玩過俄羅斯方塊游戲的人。

這幅由Queble設(shè)計(jì)的動(dòng)效插圖是為咖啡應(yīng)用程序中的加載過程而設(shè)計(jì)的，它看起來既吸引人又有豐富的信息，并且與杯下的進(jìn)度條相結(jié)合。

另一種與飲料相關(guān)的UI概念，是Leavingstone設(shè)計(jì)的加載過程。它看起來像一個(gè)永無止境的輸送線，瓶子被填滿。吸引用戶的注意力，讓他們在無聊的等待中獲得樂趣。

Drew Endly的這個(gè)加載概念動(dòng)效模仿DNA鏈的旋轉(zhuǎn)。

這是Radesign設(shè)計(jì)的加載動(dòng)效的例子，展示了小元素如何保持過渡的一致性:在用戶的屏幕上，白色的點(diǎn)看起來只是裝飾，但是在所有的問題都被回答之后，這些點(diǎn)就會(huì)轉(zhuǎn)換成加載動(dòng)效。

這是UI8的移動(dòng)應(yīng)用程序的加載動(dòng)效。由于這是游艇主題的應(yīng)用程序，它模仿了波浪和飛濺的點(diǎn)在水面上的快樂跳躍的效果。

對于一個(gè)快遞應(yīng)用來說，用一輛引人注目的卡車經(jīng)過作為下拉刷新動(dòng)效會(huì)讓等待過程變得非常有趣。

另一個(gè)動(dòng)效插圖，用于拉動(dòng)刷新。它將傳統(tǒng)的加載圈放在一杯咖啡中，增加了一小撮美味的樂趣。

Focus Lab的HelpScout品牌的復(fù)雜單一無縫循環(huán)加載動(dòng)效看著有催眠作用。

Tubik的拉動(dòng)刷新動(dòng)效概念支持應(yīng)用的品牌化:它看起來就像旋轉(zhuǎn)的圓圈磁化組成應(yīng)用logo的字母。

不管你喜不喜歡，頁面加載是我們每天都在經(jīng)歷的事情。為什么不添加一點(diǎn)浪漫的元素呢?Icons8的這個(gè)動(dòng)效概念將這種感覺比作對奇跡的期待，就像年輕的Assol正等著她的愛人Gray駕著猩紅的船帆駛來。