讀取進(jìn)度條設(shè)計(jì)的好壞直接影響著App的用戶(hù)體驗(yàn)，因?yàn)樗梢院侠淼氖鑼?dǎo)用戶(hù)等待的焦慮情緒，通過(guò)一種有趣的美學(xué)體現(xiàn)程序運(yùn)行的進(jìn)度，這樣用戶(hù)就能稍微安心。

調(diào)查表明，用戶(hù)需要進(jìn)度指示器，尤其是當(dāng)處理不同的應(yīng)用程序時(shí)。因此，完全的理解進(jìn)度指示條的趨勢(shì)對(duì)我們來(lái)說(shuō)至關(guān)重要。

進(jìn)度條是多媒體播放器的基本組件，能夠允許用戶(hù)控制媒體播放的進(jìn)度與流程，快進(jìn)，或者快退。進(jìn)度條的圖形表現(xiàn)力非常重要，目的就是為了提高用戶(hù)的趣味性，與此同時(shí)構(gòu)造更好的人機(jī)交互界面。

在本文中，我們收集了一些美妙的手機(jī)App進(jìn)度條案例，具有不同的風(fēng)格和特性。下面我們來(lái)一起欣賞吧：）

經(jīng)典推薦：
用PS設(shè)計(jì)APP過(guò)程中改進(jìn)IOS設(shè)計(jì)流程的30個(gè)密訣

Smart washer app UI by Hyelim Choi 具有強(qiáng)烈的模糊效果，為的是提煉背景的質(zhì)感，輕微的透明感，白色的純潔性，稍微加入了一點(diǎn)粉色，給整個(gè)App以熱情、女性化的感覺(jué)。

dB-METER by Miguel Pires. 高亮的中心，臨摹的儀表，非常好的打破了用戶(hù)的無(wú)聊等待時(shí)間。精妙的線條韻律以及完美的細(xì)節(jié)處理讓整個(gè)UI看起來(lái)很精致。

Charging Animation by Corey Lui看起來(lái)既整潔又引人注意，具有可愛(ài)的寫(xiě)實(shí)風(fēng)格。 綠色的震動(dòng)的動(dòng)效用來(lái)闡明程序的進(jìn)度，吸引了用戶(hù)的注意力，分散了等待的焦慮。

iOS7 design practice by Muhammad Farhan 純凈的感覺(jué)，采用了Flat風(fēng)格的設(shè)計(jì)，使用了平化的圖像，精巧的色調(diào)，纖細(xì)的字體。碩大的圓環(huán)軌道條占據(jù)了整個(gè)界面的中央，讓數(shù)據(jù)看起來(lái)非常的卓越不凡。

Laundry Master App – iOS by Zahir Ramos 采用了非常規(guī)的方法去表述程序的進(jìn)程，是一種具有寫(xiě)實(shí)主義和動(dòng)效風(fēng)格的指示器，與此同時(shí)界面的設(shè)計(jì)提醒用戶(hù)這款A(yù)pp是應(yīng)用于洗衣機(jī)的。

Nextr app public transportation guidance by Martin Oberh?user 描繪出完美的圓形搜索進(jìn)度Icon，通過(guò)多彩的、漸變的主題動(dòng)效來(lái)完成。

Gym Genius app UI by Artua h非常雄性主義的界面，采用了很多的光澤性元素和漸變。圓形的進(jìn)度條本身就非常具有吸引力。

Sleeply App by Jeff Rauch 扁平化風(fēng)格呈現(xiàn)可開(kāi)的狀態(tài)界面，描繪出加粗的、整潔的弓形，目的是提示用戶(hù)他的睡眠質(zhì)量到底如何。

Weight Loss App Design by Nikita Abramenkov 突出了整潔的印象，平衡了功能與設(shè)計(jì)。粉色和白色完美的和彼此相融合，而黑色讓內(nèi)容具有閱讀性。

WeloMe Music Player App by BLASTAROCKS 看起來(lái)輕巧、干凈而有愉悅。淡色背景，淡色的按鈕、淡灰色的字母給予界面獨(dú)一無(wú)二的锃亮效果。流暢有光澤的讀取條能輕易的抓人注意。

Study Timer by Suhaila Baheyeldin 采用了時(shí)下流行的扁平化風(fēng)格。占主導(dǎo)地位的灰色，完美協(xié)調(diào)的珊瑚色，纖細(xì)的字體，讓App看起來(lái)非常的整潔、模塊化。

Recife FM by Lucas Ramos充滿了樂(lè)觀的快樂(lè)的心情暗示意味。里那個(gè)橙色的背景，淡色而有清晰的網(wǎng)格線，環(huán)形的音樂(lè)播放進(jìn)度條給予人一種振奮的感覺(jué)，非常樂(lè)觀主義的用戶(hù)界面。

iPhone Music Player App Concept by Kiran采用黑色的、材質(zhì)化導(dǎo)向的用戶(hù)界面。黑色的凸出小塊，金屬的按鈕，進(jìn)度條也是亮點(diǎn)所在。

Dario – app design by Morning. 黑色的主題，精妙的漸變，美妙的漸變。耀眼的綠色進(jìn)度條放在屏幕中央，直接向用戶(hù)表明所需要的信息。

Another iPhone app by Corey Lui 主要采用了淡灰色和亮綠色，給予用戶(hù)界面有序、整潔的印象。

Dash iOS App by Patrick N. Lewis.全屏幕照片背景，典型的白色裝飾。環(huán)形的讀取條和半透明的組件看起來(lái)非常的精煉、優(yōu)雅。

Statistics Screen by Karol Ortyl采用了有點(diǎn)像后臺(tái)監(jiān)控系統(tǒng)的進(jìn)度條風(fēng)格，附加之文本，以精確描述。干凈亮灰色背景和扁平化風(fēng)格完美的結(jié)合。

Timer by MVBen. 在這款擬真設(shè)計(jì)上，設(shè)計(jì)師的成果非常棒，中心控制面板和真實(shí)生活中的按鈕非常相似。簡(jiǎn)便的顏色非常容易在背景之中凸顯。

AudioRec UI by Miguel Pires 采用了擬真設(shè)計(jì)，發(fā)冷光的指示器在兩邊均有呈現(xiàn)，鼓起的音量控制條采用斑點(diǎn)式，非常易于操作。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請(qǐng)國(guó)內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語(yǔ)音（YY頻道：156982）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量55萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：