UI界面设计 图标 ·

降低用户的焦虑感—读取进度条18个APP案例

在app上读取进度条对于用户体验来说非常的重要,它可以合理的疏导用户等待的焦虑情绪,通过一种有趣的美学体现程序运行的进度,这样用户就能稍微安心。

充满活力的状态指示器——采用读取进度条的用户界面调查表明,用户需要进度指示器,尤其是当处理不同的应用程序时。因此,完全的理解进度指示条的趋势对我们来说至关重要。读取进度条对于用户体验来说非常的重要,是合理的疏导用户等待的焦虑情绪,通过一种有趣的美学体现程序运行的进度,这样我们就能耐心的去等待。进度条是多媒体播放器的基本组件,能够允许用户控制媒体播放的进度与流程,快进,或者快退。进度条的图形表现力非常重要,目的就是为了提高用户的趣味性,与此同时构造更好的人机交互界面。在本文中,我们收集了一些美妙的手机App进度条案例,具有不同的风格和特性。Smart washer app UI by Hyelim Choi 具有强烈的模糊效果,为的是提炼背景的质感,轻微的透明感,白色的纯洁性,稍微加入了一点粉色,给整个App以热情、女性化的感觉。

1

 

dB-METER by Miguel Pires. 高亮的中心,临摹的仪表,非常好的打破了用户的无聊干。精妙的线条韵律以及完美的细节处理让整个UI看起来很精致。

 

2

 

Charging Animation by Corey Lui看起来既整洁又引人注意,具有可爱的写实风格。 绿色的震动的动效用来阐明程序的进度,吸引了用户的注意力,分散了等待的焦虑。

3

 

iOS7 design practice by Muhammad Farhan  纯净的感觉,采用了Flat风格的设计,使用了平化的图像,精巧的色调,纤细的字体。硕大的圆环轨道条占据了整个界面的中央,让数据看起来非常的卓越不凡。

4

 

Laundry Master App – iOS by Zahir Ramos 采用了非常规的方法去表述程序的进程,是一种具有写实主义和动效风格的指示器,与此同时界面的设计提醒用户这款App是应用于洗衣机的。

5

 

Nextr app public transportation guidance by Martin Oberhäuser 描绘出完美的圆形搜索进度Icon,通过多彩的、渐变的主题动效来完成。

6

 

Gym Genius app UI by Artua h非常雄性主义的界面,采用了很多的光泽性元素和渐变。圆形的进度条本身就非常具有吸引力。

7

 

Sleeply App by Jeff Rauch 扁平化风格呈现可开的状态界面,描绘出加粗的、整洁的弓形,目的是提示用户他的睡眠质量到底如何。

8

 

Weight Loss App Design by Nikita Abramenkov 突出了整洁的印象,平衡了功能与设计。粉色和白色完美的和彼此相融合,而黑色让内容具有阅读性。

9

 

WeloMe Music Player App by BLASTAROCKS 看起来轻巧、干净而有愉悦。淡色背景,淡色的按钮、淡灰色的字母给予界面独一无二的锃亮效果。流畅有光泽的读取条能轻易的抓人注意。

10

 

Study Timer by Suhaila Baheyeldin 采用了时下流行的扁平化风格。占主导地位的灰色,完美协调的珊瑚色,纤细的字体,让App看起来非常的整洁、模块化。

12

 

Recife FM by Lucas Ramos充满了乐观的快乐的心情暗示意味。里那个橙色的背景,淡色而有清晰的网格线,环形的音乐播放进度条给予人一种振奋的感觉,非常乐观主义的用户界面。

13

 

iPhone Music Player App Concept by Kiran采用黑色的、材质化导向的用户界面。黑色的凸出小块,金属的按钮,进度条也是亮点所在。

14

 

Dario – app design by Morning. 黑色的主题,精妙的渐变,美妙的渐变。耀眼的绿色进度条放在屏幕中央,直接向用户表明所需要的信息。

15

 

Another iPhone app by Corey Lui 主要采用了淡灰色和亮绿色,给予用户界面有序、整洁的印象。

16

 

Dash iOS App by Patrick N. Lewis.全屏幕照片背景,典型的白色装饰。环形的读取条和半透明的组件看起来非常的精炼、优雅。

17

 

Statistics Screen by Karol Ortyl采用了有点像后台监控系统的进度条风格,附加之文本,以精确描述。干净亮灰色背景和扁平化风格完美的结合。

18

 

Timer by MVBen.  在这款拟真设计上,设计师的成果非常棒,中心控制面板和真实生活中的按钮非常相似。简便的颜色非常容易在背景之中凸显。

19

AudioRec UI by Miguel Pires 采用了拟真设计,发冷光的指示器在两边均有呈现,鼓起的音量控制条采用斑点式,非常易于操作。

 

 

 

 

参与评论