35個漂亮的進度條設計
2013/1/12 16:38:43來源:前端觀察
網頁中常常會在頁面/內容沒有完整加載前給一個進度提示,通常最簡單的做法是給一個loading的gif動畫圖片,比如最常用的“菊花圖”。進度條是另一種表現方式,比菊花圖提供更多的信息,也有更豐富的表現。
通常,之前進度條會更多的用在桌面程序或網頁中flash加載過程中顯示,而現在,基于HTML5的web app特別是web game有時候也需要使用進度條來表現加載狀態(tài),它的最大作用是給用戶一種心理暗示,告訴他大概需要等待多久。所以,進度條設計是讓用戶耐心等待你的應用/頁面加載完的關鍵。
下面是一些非常漂亮的進度條設計,看著這些漂亮的界面,我想大部分人都不會介意多等待一會兒~~
Chubby Loading Bar
Colourful Progress Bars
Dark Loading Bar
Dark Progress Loaders
Circular Progress Loader
GUi Loading Bar
HUD Progress Bar
Minimalist Loading Bar
Modern Progress Bar
Pretty Progress Bar
Percentage Progress Bar
Simple Bar
Time Progress Bar
Progress Pop-Up
Radial Progress Display
Thin Rugged Loading Bars
Futuristic Progress Bar
Subtle Progress Bar
Progress Bar
Coloured Progress Bars
Circular Progress Bars
Clean & Simple Loading Bar
[教程作者:admin]
免責聲明:本站文章系圖趣網整理發(fā)布,如需轉載,請注明出處,素材資料僅供個人學習與參考,請勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/deBeautiful-Progress-Bars.html
本文地址:http://m.pkvc.cn/tutorial/deBeautiful-Progress-Bars.html
下一篇:網頁設計中紅色系運用案例分析
這些是最新的
最熱門的教程