18個APP進度條的優秀設計案例
18個APP進度條的優秀設計案例-移動閱讀二維碼

讀取進度條設計的好壞直接影響著App的用戶體驗,因為它可以合理的疏導用戶等待的焦慮情緒,通過一種有趣的美學體現程序運行的進度,這樣用戶就能稍微安心。

調查表明,用戶需要進度指示器,尤其是當處理不同的應用程序時。因此,完全的理解進度指示條的趨勢對我們來說至關重要。

進度條是多媒體播放器的基本組件,能夠允許用戶控制媒體播放的進度與流程,快進,或者快退。進度條的圖形表現力非常重要,目的就是為了提高用戶的趣味性,與此同時構造更好的人機交互界面。

在本文中,我們收集了一些美妙的手機App進度條案例,具有不同的風格和特性。下面我們來一起欣賞吧:)

經典推薦:
用PS設計APP過程中改進IOS設計流程的30個密訣

Smart washer app UI by Hyelim Choi 具有強烈的模糊效果,為的是提煉背景的質感,輕微的透明感,白色的純潔性,稍微加入了一點粉色,給整個App以熱情、女性化的感覺。

Smart-washer-app-UI-by-Hyelim-Choi1

dB-METER by Miguel Pires. 高亮的中心,臨摹的儀表,非常好的打破了用戶的無聊等待時間。精妙的線條韻律以及完美的細節處理讓整個UI看起來很精致。

dB-METER-by-Miguel-Pires

Charging Animation by Corey Lui看起來既整潔又引人注意,具有可愛的寫實風格。 綠色的震動的動效用來闡明程序的進度,吸引了用戶的注意力,分散了等待的焦慮。

Charging-Animation-by-Corey-Lui

iOS7 design practice by Muhammad Farhan 純凈的感覺,采用了Flat風格的設計,使用了平化的圖像,精巧的色調,纖細的字體。碩大的圓環軌道條占據了整個界面的中央,讓數據看起來非常的卓越不凡。

ios7-design-practice-by-Muhammad-Farhan

Laundry Master App – iOS by Zahir Ramos 采用了非常規的方法去表述程序的進程,是一種具有寫實主義和動效風格的指示器,與此同時界面的設計提醒用戶這款App是應用于洗衣機的。

Laundry-Master-App-iOS-by-Zahir-Ramos

Nextr app public transportation guidance by Martin Oberh?user 描繪出完美的圓形搜索進度Icon,通過多彩的、漸變的主題動效來完成。

public-transportation-guidance-by-Martin-Oberhauser

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

Gym-Genius-app-UI-by-Artua

Sleeply App by Jeff Rauch 扁平化風格呈現可開的狀態界面,描繪出加粗的、整潔的弓形,目的是提示用戶他的睡眠質量到底如何。

Nightly-Stat-Page-by-Jeff-Rauch

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

Weight-Loss-App-Design-by-Nikita-Abramenkov

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

MeloMe-Music-Player-App-by-BLASTAROCKS

Study Timer by Suhaila Baheyeldin 采用了時下流行的扁平化風格。占主導地位的灰色,完美協調的珊瑚色,纖細的字體,讓App看起來非常的整潔、模塊化。

Study-Timer-by-Suhaila-Baheyeldin

Recife FM by Lucas Ramos充滿了樂觀的快樂的心情暗示意味。里那個橙色的背景,淡色而有清晰的網格線,環形的音樂播放進度條給予人一種振奮的感覺,非常樂觀主義的用戶界面。

Recife-FM-by-Lucas-Ramos

iPhone Music Player App Concept by Kiran采用黑色的、材質化導向的用戶界面。黑色的凸出小塊,金屬的按鈕,進度條也是亮點所在。

iPhone-Music-Player-App-Concept-by-Kiran

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

Dario-app-design-by-Morning

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

Another-iphone-app-by-Corey-Lui

Dash iOS App by Patrick N. Lewis.全屏幕照片背景,典型的白色裝飾。環形的讀取條和半透明的組件看起來非常的精煉、優雅。

Dash-iOS-App-by-Patrick-N.-Lewis

Statistics Screen by Karol Ortyl采用了有點像后臺監控系統的進度條風格,附加之文本,以精確描述。干凈亮灰色背景和扁平化風格完美的結合。

Statistics-Screen-by-Karol-Ortyl

Timer by MVBen. 在這款擬真設計上,設計師的成果非常棒,中心控制面板和真實生活中的按鈕非常相似。簡便的顏色非常容易在背景之中凸顯。

Timer-by-MVBen

AudioRec UI by Miguel Pires 采用了擬真設計,發冷光的指示器在兩邊均有呈現,鼓起的音量控制條采用斑點式,非常易于操作。

AudioRec-UI-by-Miguel-Pires

本文鏈接:http://www.1rtl.com/18-app-progress-bar-design-case.html
本文標簽: ,