為什么要有l(wèi)oading呢? ??Loading動畫從某種角度也可以說是進(jìn)度條,一般用于較長時間的加載,通常配合百分比指數(shù),讓用戶對當(dāng)前加載進(jìn)度和剩余等待時間有個明確的心理預(yù)期。
25學(xué)堂之前介紹過APP啟動頁設(shè)計當(dāng)中的頭七秒定律
在移動端APP應(yīng)用中,從用戶點擊圖標(biāo)那一瞬間到用戶進(jìn)入主界面這段過程,同樣也決定用戶對該APP應(yīng)用的第一印象,如何讓用戶產(chǎn)生好感并快速熟悉應(yīng)用是這一階段重點考慮的問題。這一過程是否給用戶留下好的第一飲食至關(guān)重要。它決定了用戶是否快速認(rèn)可該應(yīng)用的價值、掌握該應(yīng)用的使用方法等。
今天25學(xué)堂再來跟大家一起欣賞一些常見的APP啟動界面的Loading進(jìn)度條動效和分類。
第一種:直線型的Loading進(jìn)度條動效
第二種:APP圓形旋轉(zhuǎn)的Loading進(jìn)度條動效
第三種:按照某種軌跡從無到有的Loading進(jìn)度條動效,常見就是按照logo軌跡。
所以,旋轉(zhuǎn)Loading動畫一般用在較短的加載中,要是一直轉(zhuǎn)卻始終加載不出來,用戶又該煩躁了。所以,出現(xiàn)必要的數(shù)字搭配加載也是很有必要的。
第四種:旋轉(zhuǎn)的Loading進(jìn)度條動效
APP啟動界面的順時針自轉(zhuǎn)暗示著時間的流逝。
APP啟動界面的巧妙地用兩架飛機形成公轉(zhuǎn)。
第五種:不規(guī)則多向轉(zhuǎn)動的Loading進(jìn)度條動效
? 這樣設(shè)計有規(guī)律的loading的用意在于讓用戶把等待的時間用在研究運動規(guī)律上。也不失為一種良好的解決方案。
第六種:卡通動漫形象化的Loading進(jìn)度條動效
? ? ??
用可愛的奔跑擬人形象來告訴用戶:我在很努力加載請耐心等待。
第七種:數(shù)字鐘表變化的Loading進(jìn)度條動效
給人一種在看表的感覺,馬上到底終點的沖刺感覺。
第八種:注水的或者打氣的Loading進(jìn)度條效果
上圖可以是慢慢填充的效果。也可以水紋波浪的注入效果。
APPloading圖標(biāo)素材和webAPP loading圖標(biāo)制作
app設(shè)計分為原生態(tài)的APP界面設(shè)計和HTML5開發(fā)設(shè)計的webAPP界面設(shè)計loading素材分享。
全站高品質(zhì)素材免費下載!