移动APP的创意进度条设计

原文地址:http://www.mobileui.cn/40-the-latest-creative-progress.html

以前的进度条设计以拟物化为主,现在扁平化风格流行,连进度条也改变咯。这是40款最新收集的进度条设计,很多是Dribble上的作品,应潮流而生,想瞧瞧扁平化风格的进度条是怎样的,就来看看吧。如果你对拟物化的创意进度条更加有兴趣,那么来这里瞧瞧《18个APP进度条的优秀设计案例》

Loading 也是一门学问,如何让用户等待加载时不烦还高兴,你可以看看这篇:《谈谈加载(LOADING)的那点事》,绝对从细节处提升用户体验 ^_^

Progress by yasir wadood

Progress by yasir wadood in 40 Progress Bar Designs for Inspiration

Circular progress bar by Alexandr Ivanov

Circular progress bar by Alexandr Ivanov in 40 Progress Bar Designs for Inspiration

Action buttons by Anton Bodryashkin

Action buttons by Anton Bodryashkin in 40 Progress Bar Designs for Inspiration

Progress Bar by Lder Vilela

Progress Bar by Lder Vilela in 40 Progress Bar Designs for Inspiration

Secret Mail Client – Sending

Secret Mail Client - Sending<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />by Cesar Zeppini in 40 Progress Bar Designs for Inspiration

Sneak Peek by Andy Law

Sneak Peek by Andy Law in 40 Progress Bar Designs for Inspiration

Peel The Circle by Jeriah Lau

Peel The Circle by Jeriah Lau in 40 Progress Bar Designs for Inspiration

Fundraise Pitch by Dean Callaway

Fundraise Pitch by Dean Callaway in 40 Progress Bar Designs for Inspiration

Dashboard Elements

Dashboard Elements by Cesar Zeppini in 40 Progress Bar Designs for Inspiration

70% by Michiel Agterberg

70% by Michiel Agterberg in 40 Progress Bar Designs for Inspiration

Status, Levels an Measurement icon by Frank Rodriguez

Status, Levels an Measurement icon by Frank Rodriguez in 40 Progress Bar Designs for Inspiration

Buffering Button – Rebound by Martin David

Buffering Button - Rebound by Martin David in 40 Progress Bar Designs for Inspiration

Bird Status Bar by Leah Wan

Bird Status Bar by Leah Wan< in 40 Progress Bar Designs for Inspiration

Flat Progess Bar by Erdis Driza

Flat Progess Bar by Erdis Driza in 40 Progress Bar Designs for Inspiration

Percentage Bar by Miguel Mendes

Percentage Bar by Miguel Mendes in 40 Progress Bar Designs for Inspiration

Slider progress bar by Elastika

Slider progress bar by Elastika in 40 Progress Bar Designs for Inspiration

Poll Concept “Pollymeter” by Rikke Gantzel

Poll Concept

Loading Bar by Andra Popovici

Loading Bar by Andra Popovici in 40 Progress Bar Designs for Inspiration

Upgrade progress by Maciek Butscher

Upgrade progress by Maciek Butscher in 40 Progress Bar Designs for Inspiration

Progress Bar Runner by Egor Fedorov

Progress Bar Runner by Egor Fedorov in 40 Progress Bar Designs for Inspiration

Progress Bar by Bela Lajos

Progress Bar by Bela Lajos in 40 Progress Bar Designs for Inspiration

Progress States by COBE

Progress States by COBE in 40 Progress Bar Designs for Inspiration

Anonymous App Top by Cody Sielawa

Anonymous App Top by Cody Sielawa in 40 Progress Bar Designs for Inspiration

Progress Bars by Zarin Ficklin

Progress Bars by Zarin Ficklin in 40 Progress Bar Designs for Inspiration

Progress Bar Rebound 2x by Baglan Dosmagambetov

Progress Bar Rebound 2x by Baglan Dosmagambetov in 40 Progress Bar Designs for Inspiration

Progress bar + retina ready by Jakub Spitzer

Progress bar + retina ready by Jakub Spitzer in 40 Progress Bar Designs for Inspiration

Progress bar by Interfacestudio

Progress bar by Interfacestudio in 40 Progress Bar Designs for Inspiration

Progress bar by Jekaterina

Progress bar by Jekaterina in 40 Progress Bar Designs for Inspiration

Simple progress bars by Maciek Butscher

Simple progress bars by Maciek Butscher in 40 Progress Bar Designs for Inspiration

Stage Progress Bars by Soongyu Gwon

Stage Progress Bars by Soongyu Gwon in 40 Progress Bar Designs for Inspiration

Loader by Bård Solvang

Loader by Bård Solvang in 40 Progress Bar Designs for Inspiration

Progress bar by Denis Perepelenko

Progress bar by Denis Perepelenko in 40 Progress Bar Designs for Inspiration

Progress Bar by Harshil Acharya

Progress Bar by Harshil Acharya in 40 Progress Bar Designs for Inspiration

Recording An Audio by Michael B

Recording An Audio by Michael B in 40 Progress Bar Designs for Inspiration

NOS Bar by Intaglio Graphics & Multimedia

NOS Bar by Intaglio Graphics & Multimedia in 40 Progress Bar Designs for Inspiration

Updated loading progress bar by Dmitry Baranovskiy

Updated loading progress bar by Dmitry Baranovskiy in 40 Progress Bar Designs for Inspiration

Loading by Dominik Laurysiewicz

Loading by Dominik Laurysiewicz in 40 Progress Bar Designs for Inspiration

Progress Bar by Bojan Janjanin

Progress Bar by Bojan Janjanin in 40 Progress Bar Designs for Inspiration

原文地址:splashnology

--------------------------------------------------------------------------------------------

原文地址:http://www.uisdc.com/the-progress-bar

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

 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值