本文分享了 12 個(gè)創(chuàng)意進(jìn)度條設(shè)計(jì)，多為Dribble上的作品，點(diǎn)擊圖片即可查看原作品，同時(shí)附上了案例分析—蝸牛進(jìn)度條的設(shè)計(jì)步驟，希望能對你有幫助。

什么叫進(jìn)度條？

進(jìn)度條即計(jì)算機(jī)在處理任務(wù)時(shí)，實(shí)時(shí)的，以圖片形式顯示處理任務(wù)的速度，完成度，剩余未完成任務(wù)量的大小，和可能需要處理時(shí)間等信息，一般以長方形條狀顯示，但不局限于“條狀”。

進(jìn)度條的作用：

①幫助用戶明確程序正在做什么，是否正常；

②向用戶清楚表明當(dāng)前進(jìn)度；

③緩解用戶等待時(shí)的焦慮感。

進(jìn)度條的分類：從進(jìn)度條的變化方式來看，可以分為偏靜態(tài)進(jìn)度條和偏動(dòng)態(tài)進(jìn)度條倆類。

偏靜態(tài)進(jìn)度條—明確顯示當(dāng)前狀態(tài)，讓用戶了解當(dāng)前狀況，并基于此作出后續(xù)決策。比如電池電量、電腦磁盤空間的使用情況、游戲中的血量和魔法量等。

偏動(dòng)態(tài)進(jìn)度條—在用戶等待過程中，動(dòng)態(tài)地顯示整個(gè)進(jìn)程的當(dāng)前狀態(tài)，并提供相關(guān)操作（是否中斷等）。只有進(jìn)程完成后，才能到達(dá)用戶預(yù)期的狀態(tài)，比如程序初始化的加載過程（游戲的加載過程），資源的下載過程，應(yīng)用程序的安裝過程等。

進(jìn)度條的樣式

常見的進(jìn)度條設(shè)計(jì)樣式主要有三種：條形、圓形和不規(guī)則形。條形進(jìn)度條和圓形進(jìn)度條，形狀雖然簡單，但如果和企業(yè)logo、產(chǎn)品特色、文本、數(shù)字或色彩巧妙結(jié)合，也可以達(dá)到簡潔清爽而又不失趣味。

1、條形:

此款進(jìn)度條設(shè)計(jì)是針對酒水類網(wǎng)站設(shè)計(jì)的條形加載進(jìn)度條，設(shè)計(jì)師結(jié)合產(chǎn)品生產(chǎn)流程，并以動(dòng)畫的形式展現(xiàn)出來，讓用戶不知不覺被動(dòng)效吸引，忘卻等待的時(shí)間。而重復(fù)的動(dòng)圖，會(huì)舒緩我們焦慮的心理，類似于催眠動(dòng)圖。

其他創(chuàng)意類的條形進(jìn)度條設(shè)計(jì)：