八種APP啟動(dòng)界面的Loading進(jìn)度條設(shè)計(jì)動(dòng)效方案

為什么要有l(wèi)oading呢? ??Loading動(dòng)畫(huà)從某種角度也可以說(shuō)是進(jìn)度條,一般用于較長(zhǎng)時(shí)間的加載,通常配合百分比指數(shù),讓用戶對(duì)當(dāng)前加載進(jìn)度和剩余等待時(shí)間有個(gè)明確的心理預(yù)期。

25學(xué)堂之前介紹過(guò)APP啟動(dòng)頁(yè)設(shè)計(jì)當(dāng)中的頭七秒定律

頭七秒定律

在移動(dòng)端APP應(yīng)用中,從用戶點(diǎn)擊圖標(biāo)那一瞬間到用戶進(jìn)入主界面這段過(guò)程,同樣也決定用戶對(duì)該APP應(yīng)用的第一印象,如何讓用戶產(chǎn)生好感并快速熟悉應(yīng)用是這一階段重點(diǎn)考慮的問(wèn)題。這一過(guò)程是否給用戶留下好的第一飲食至關(guān)重要。它決定了用戶是否快速認(rèn)可該應(yīng)用的價(jià)值、掌握該應(yīng)用的使用方法等。

今天25學(xué)堂再來(lái)跟大家一起欣賞一些常見(jiàn)的APP啟動(dòng)界面的Loading進(jìn)度條動(dòng)效和分類。

 

第一種:直線型的Loading進(jìn)度條動(dòng)效

 

第二種:APP圓形旋轉(zhuǎn)的Loading進(jìn)度條動(dòng)效

 

第三種:按照某種軌跡從無(wú)到有的Loading進(jìn)度條動(dòng)效,常見(jiàn)就是按照l(shuí)ogo軌跡。

 

所以,旋轉(zhuǎn)Loading動(dòng)畫(huà)一般用在較短的加載中,要是一直轉(zhuǎn)卻始終加載不出來(lái),用戶又該煩躁了。所以,出現(xiàn)必要的數(shù)字搭配加載也是很有必要的。

 

第四種:旋轉(zhuǎn)的Loading進(jìn)度條動(dòng)效

APP啟動(dòng)界面的順時(shí)針自轉(zhuǎn)暗示著時(shí)間的流逝。

APP啟動(dòng)界面的巧妙地用兩架飛機(jī)形成公轉(zhuǎn)。

第五種:不規(guī)則多向轉(zhuǎn)動(dòng)的Loading進(jìn)度條動(dòng)效

??

? 這樣設(shè)計(jì)有規(guī)律的loading的用意在于讓用戶把等待的時(shí)間用在研究運(yùn)動(dòng)規(guī)律上。也不失為一種良好的解決方案。

第六種:卡通動(dòng)漫形象化的Loading進(jìn)度條動(dòng)效

? ? ??

用可愛(ài)的奔跑擬人形象來(lái)告訴用戶:我在很努力加載請(qǐng)耐心等待。

第七種:數(shù)字鐘表變化的Loading進(jìn)度條動(dòng)效

給人一種在看表的感覺(jué),馬上到底終點(diǎn)的沖刺感覺(jué)。

第八種:注水的或者打氣的Loading進(jìn)度條效果

app啟動(dòng)加載loading

上圖可以是慢慢填充的效果。也可以水紋波浪的注入效果。

APPloading圖標(biāo)素材和webAPP loading圖標(biāo)制作

webAPP loading圖標(biāo)素材

app設(shè)計(jì)分為原生態(tài)的APP界面設(shè)計(jì)和HTML5開(kāi)發(fā)設(shè)計(jì)的webAPP界面設(shè)計(jì)loading素材分享。

5個(gè)漂亮、有創(chuàng)意的APP進(jìn)度條設(shè)計(jì)界面參考

app進(jìn)度條2

成功的APP肯定會(huì)有一個(gè)優(yōu)秀的APP進(jìn)度條。因?yàn)槲覀兌贾栏挥袆?dòng)感、有趣而且精致漂亮的APP進(jìn)度條,絕對(duì)會(huì)讓我們短短數(shù)秒的等待時(shí)間興致盎然。舍不得離開(kāi)APP,一定會(huì)耐心等候。猶如等待新生命的到來(lái)!

每天更新,
全站高品質(zhì)素材免費(fèi)下載!