調(diào)查顯示，人們總是希望看到進(jìn)度條的，尤其是在各種數(shù)據(jù)化APP中。充分理解當(dāng)前狀態(tài)或進(jìn)度，對用戶來說至關(guān)重要。另外，在需要耐心等待的時候，進(jìn)度條是極為強(qiáng)大的工具?；盍λ纳?、有趣且漂亮令人愉快的進(jìn)度條，絕對會讓我們短短數(shù)秒的等待時間興致盎然。

而且，進(jìn)度條是各種多媒體播放器的基本組成，提供了退后和前進(jìn)的功能。讓用戶不只是跟隨播放，更能控制它。進(jìn)度狀態(tài)的圖形表達(dá)對于增加用戶好感起著至關(guān)重要的作用，同時也建立了優(yōu)秀的人機(jī)交互界面。

帶有載入動畫與進(jìn)度條的移動界面

妙的背景。輕微半透明的部件、白色風(fēng)格和淡粉色的注入，為APP增添幾分暖意和女性化意味

Miguel Pires 的dB-METER在中央繪制了一個明亮的儀表盤，巧妙地打破了深色硬朗背景的單調(diào)。微妙的凹槽和精準(zhǔn)的繪制使得界面看起來非常精致

Corey Lui 的充電動畫設(shè)計看上去優(yōu)雅醒目，有著令人喜愛的現(xiàn)實主義感染力。用綠意盎然的動畫表達(dá)充電過程，吸引了所有的注意力

Muhammad Farhan 的iOS7設(shè)計練習(xí)利用扁平的圖形、柔和的色彩和纖細(xì)字體，清晰無疑表達(dá)了扁平風(fēng)格的哲學(xué)。巨大的環(huán)形進(jìn)度條占據(jù)整個界面的主要部分，使得數(shù)據(jù)看起來躍然紙上。

Breezy 的TICKER通過明快樂觀的色系創(chuàng)造出溫暖親切的感覺。純白色背景和扁平元素相互協(xié)調(diào)，為APP打造干凈輕快的形象。

Andrew Fuller 的音樂APP使用帶噪點的灰色背景、明亮的控制按鈕，橙色作為主色起強(qiáng)調(diào)作用，都使之區(qū)別于通常音樂播放器。精細(xì)的陰影和漸變使按鈕微微凸起。

Leigh Taylor 的Lift概念圖基于深色系設(shè)計，配上炫目耀眼的亮色點綴。環(huán)形進(jìn)度條很優(yōu)雅，使用了間斷和點狀的線條來表達(dá)狀態(tài)。

Miguel Pires 的AudioRec界面設(shè)計是擬物派的一款清新之作。兩側(cè)設(shè)計有冷光指示器，漂亮的光點給音量旋鈕增添了幾分趣味。

Maximilian 的音樂播放APP概念圖有著相當(dāng)扁平的風(fēng)格。中央的巨大的環(huán)狀進(jìn)度條，同時也是唱片封面圖的邊框。

MVBen 的計時器。作者設(shè)計了一款非常棒的現(xiàn)實主義風(fēng)格作品，中間的控制按鈕與現(xiàn)實中的幾乎無差。精致的漸變藍(lán)進(jìn)度條，在深色背景上非常醒目。

Karol Ortyl 的Statistics Screen用了仿儀表盤的進(jìn)度條設(shè)計，還有附加文字來表示狀態(tài)。干凈的淺灰色背景與扁平圖形巧妙地融合。

Patrick N. Lewis 的Dash iOS App。全屏背景圖、非正式字體和普通的白色裝飾，作者很好地處理了它們之間的平衡。半透明部件構(gòu)成的環(huán)形加載動畫，看起來優(yōu)雅簡練。

Corey Lui 的另一款iPhone APP主要采用雙色設(shè)計（淺灰色與鮮艷的綠色），令界面外觀干凈且井然有序。

Dario, Morning設(shè)計。作者很巧妙地處理了黑色調(diào)、微妙的漸變和精細(xì)紋理之間的平衡。有光澤、極大的綠色環(huán)形進(jìn)度條被放置在屏幕中心，用戶一眼就能看見所需信息。

Ryan Littrell 設(shè)計的CLOCKWORK Timer App有很不錯的metro格調(diào)。干凈純白的巨大矩形、淺藍(lán)色的運用、細(xì)字體和整齊排布的數(shù)據(jù)，都給它創(chuàng)造一種井井有條的形象。

Kiran 的iPhone音樂播放器APP概念圖的界面風(fēng)格以深色、重紋理為主。深色的音量滑塊、金屬質(zhì)感按鈕和控制按鈕的霓虹燈背景光，給界面增添一點粗獷的感覺。

這張播放器界面概念圖有著讓人驚嘆的音樂氛圍。紫色與藍(lán)色，和深至純黑的圖形與背景完美結(jié)合。柔滑高光和微妙漸變使得按鈕看起來非常漂亮。

Lucas Ramos 的Recife FM是個充滿正能量的設(shè)計。明亮的橙色帆布質(zhì)地、清晰明確的網(wǎng)格和圓形音樂控制中心，給界面創(chuàng)造了歡樂愉快的氛圍。

App Vital Watcher作為一款整潔美觀的監(jiān)控軟件，它采用了高識別度的圖標(biāo)與形象符號，所用的綠色明亮鮮活。

Suhaila Baheyeldin 的Study Timer設(shè)計表現(xiàn)了時尚和精致的扁平風(fēng)格。主體采用灰色調(diào)，搭配珊瑚色和大號窄字體，使APP界面工整樸素。

BLASTAROCKS 創(chuàng)作的 MeloMe音樂播放軟件看起來輕快、干凈、非常令人愉悅。淺色背景、淺色按鈕、淺灰色字體為界面創(chuàng)造了一種獨特的優(yōu)美。平順光滑的進(jìn)度條很容易抓住眼球。

Nikita Abramenkov 的減肥APP設(shè)計強(qiáng)調(diào)功能與設(shè)計上干凈協(xié)調(diào)地結(jié)合。粉色與白色優(yōu)美地互補(bǔ)，深色字體使得內(nèi)容容易辨認(rèn)且易于閱讀。

Jeff Rauch 的睡眠APP的扁平風(fēng)格統(tǒng)計數(shù)據(jù)十分討喜，還有優(yōu)雅的粗圓弧，向用戶展示他的睡眠質(zhì)量信息。

Artua 設(shè)計的Gym Genius APP界面有著很重的風(fēng)格，大量使用光澤與漸變。圓形進(jìn)度條能瞬間吸引注意力。

Oktafian Angga Nugraha 的短跑計時 App有著精妙的傳統(tǒng)金屬質(zhì)感界面，運用了大量有光澤的控制按鈕和深藍(lán)色元素。電子樣式的字體，很好辨認(rèn)，也使界面元素渾然一體

Martin Oberh?user 的公交指引APP Nextr中設(shè)計了一個封閉的環(huán)形搜索圖標(biāo)，采用鮮活的漸變樣式和動畫效果

Zahir Ramos 的Laundry Master iOS版采用非常規(guī)設(shè)計來表現(xiàn)進(jìn)度條。結(jié)合了現(xiàn)實主義和動畫效果，使它看起來像洗衣機(jī)的一部分

反思

作為一種完美的方式來表達(dá)正在發(fā)生的事情，進(jìn)度條與載入動畫是大量APP中最重要且不可或缺的部件。在界面看起來沒什么變化時，它可以鼓勵用戶繼續(xù)等待，也能展現(xiàn)更多額外功能。

via：譯言網(wǎng)