创意进度条设计-12个优秀作品分享【附实例分析】

2018-07-20 - 进度条设计 界面设计 界面优化

本文分享了 12 个创意进度条设计,多为Dribble上的作品,点击图片即可查看原作品,同时附上了案例分析—蜗牛进度条的设计步骤,希望能对你有帮助。

什么叫进度条?

进度条即计算机在处理任务时,实时的,以图片形式显示处理任务的速度,完成度,剩余未完成任务量的大小,和可能需要处理时间等信息,一般以长方形条状显示,但不局限于“条状”。

进度条的作用:

①帮助用户明确程序正在做什么,是否正常;

②向用户清楚表明当前进度;

③缓解用户等待时的焦虑感。

进度条的分类:从进度条的变化方式来看,可以分为偏静态进度条和偏动态进度条俩类。

偏静态进度条—明确显示当前状态,让用户了解当前状况,并基于此作出后续决策。比如电池电量、电脑磁盘空间的使用情况、游戏中的血量和魔法量等。

偏静态进度条设计

偏动态进度条—在用户等待过程中,动态地显示整个进程的当前状态,并提供相关操作(是否中断等)。只有进程完成后,才能到达用户预期的状态,比如程序初始化的加载过程(游戏的加载过程),资源的下载过程,应用程序的安装过程等。

偏动态进度条设计

进度条的样式

常见的进度条设计样式主要有三种:条形、圆形和不规则形。条形进度条和圆形进度条,形状虽然简单,但如果和企业logo、产品特色、文本、数字或色彩巧妙结合,也可以达到简洁清爽而又不失趣味。

1、条形:

条形进度条设计

此款进度条设计是针对酒水类网站设计的条形加载进度条,设计师结合产品生产流程,并以动画的形式展现出来,让用户不知不觉被动效吸引,忘却等待的时间。而重复的动图,会舒缓我们焦虑的心理,类似于催眠动图。

其他创意类的条形进度条设计:

创意类的条形进度条设计

创意类的条形进度条设计

创意类的条形进度条设计

创意类的条形进度条设计

创意类的条形进度条设计

处处留白,外贸网站转化率反而变高?

外贸网站设计留白时兼顾网页布局均衡,会注意设计元素之间的联系性,并不会一味留白。

APP开发产品策划:消息系统设计有哪些注意之处

APP开发产品而言,消息系统都是一个必不可少的功能模块,其核心目的是让产品直接与用户产生交互

移动端网站设计:图文和按钮的布局方法

今天给大家一起学习移动端网站UI设计过程中的视觉布局方法,只有合适的布局没有对错的布局。...