加載動效是UI動效設(shè)計中最流行的類型之一。這也難怪,因為等待是我們每天線上和線下都可能遇到的煩人的事情。任何讓等待變得沒那么無聊的因素都是寶貴的——因為在與應(yīng)用程序和網(wǎng)站進(jìn)行交互時,加載總是首當(dāng)其沖。
加載動效一般有什么作用呢?最重要的應(yīng)該是通知和娛樂吧,加載動畫向用戶展示網(wǎng)站或者應(yīng)用的最新進(jìn)展,讓用戶有愉快的體驗。另外優(yōu)雅的設(shè)計可以引起用戶的注意,以此進(jìn)行品牌推廣。
今天我們收集了一些專注于加載動效的創(chuàng)意和鮮明的概念設(shè)計。一起來欣賞吧!
Queble的閱讀app的拉動刷新動效模仿書本翻頁,此過程中顏色的變化使圖像更加吸引人。
Metalab設(shè)計的加載動效是用來告知用戶設(shè)置hits帳戶的過程正在進(jìn)行中。加載器的特點是有趣的幾何形狀組合,可以彈跳并在每次彈跳時更換組合。設(shè)計師為每一組形狀應(yīng)用了和諧的顏色組合,這種組合的多樣性使得整體呈現(xiàn)既有趣又活潑。
Vitaly Silkin的動效概念讓人想起一種永無休止垂直移動的構(gòu)造函數(shù),其元素是黏黏的。這樣,結(jié)構(gòu)看起來總是完整的。
這是Vitaly Silkin的又一個UI動效,這次是用旋轉(zhuǎn)的物體從一個俄羅斯方塊變成另一個俄羅斯方塊。這非常吸引眼球并帶來情感上的吸引力,尤其是對那些童年里玩過俄羅斯方塊游戲的人。
這幅由Queble設(shè)計的動效插圖是為咖啡應(yīng)用程序中的加載過程而設(shè)計的,它看起來既吸引人又有豐富的信息,并且與杯下的進(jìn)度條相結(jié)合。
另一種與飲料相關(guān)的UI概念,是Leavingstone設(shè)計的加載過程。它看起來像一個永無止境的輸送線,瓶子被填滿。吸引用戶的注意力,讓他們在無聊的等待中獲得樂趣。
Drew Endly的這個加載概念動效模仿DNA鏈的旋轉(zhuǎn)。
這是Radesign設(shè)計的加載動效的例子,展示了小元素如何保持過渡的一致性:在用戶的屏幕上,白色的點看起來只是裝飾,但是在所有的問題都被回答之后,這些點就會轉(zhuǎn)換成加載動效。
這是UI8的移動應(yīng)用程序的加載動效。由于這是游艇主題的應(yīng)用程序,它模仿了波浪和飛濺的點在水面上的快樂跳躍的效果。
對于一個快遞應(yīng)用來說,用一輛引人注目的卡車經(jīng)過作為下拉刷新動效會讓等待過程變得非常有趣。
另一個動效插圖,用于拉動刷新。它將傳統(tǒng)的加載圈放在一杯咖啡中,增加了一小撮美味的樂趣。
Focus Lab的HelpScout品牌的復(fù)雜單一無縫循環(huán)加載動效看著有催眠作用。
Tubik的拉動刷新動效概念支持應(yīng)用的品牌化:它看起來就像旋轉(zhuǎn)的圓圈磁化組成應(yīng)用logo的字母。
不管你喜不喜歡,頁面加載是我們每天都在經(jīng)歷的事情。為什么不添加一點浪漫的元素呢?Icons8的這個動效概念將這種感覺比作對奇跡的期待,就像年輕的Assol正等著她的愛人Gray駕著猩紅的船帆駛來。
全站高品質(zhì)素材免費下載!