首页 > 建站资源 > 网站运营 > 实例分析:创意进度条设计分享(LOADING进度条设计)

实例分析:创意进度条设计分享(LOADING进度条设计)

时间:2018-07-20    来源:产品100

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

什么叫进度条?

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

进度条的作用:

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

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

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

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

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

偏静态进度条设计

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

偏动态进度条设计

进度条的样式

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

1、条形:

条形进度条设计

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

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

创意类的条形进度条设计

创意类的条形进度条设计

创意类的条形进度条设计

创意类的条形进度条设计

创意类的条形进度条设计

相关推荐
从微信、钉钉们 看六种常见的loading 加载设计
20大UI设计原则 设计师必备宝典
APP应用设计教程:设计元素的应用条件
设计完美的界面排版10个要点分享
让UI设计显得更简约的小技巧分享
细说用户体验设计背后的“黑暗模式”
遵循用户需求的设计:最美APP的9条闪光定律
微软发布Windows 8.1更新 针对鼠标键盘用户
企鹅进化论 细数那些年我们一起用过的QQ
用户界面设计教程:UI设计六要素分享
谷歌将推新设计语言 统一安卓用户界面设计
今日最佳设计:人像即按钮 社交应用新趋势
细节决定成败!提高用户登录体验的5个细节
百设网:专注于应用界面设计的作品交易网站
好看好用?UI设计师不可不学的易用性原则
如何给Android产品设计一款合适的图标?
分享设计:Froont打造网站设计界的Github
2014年八个最棒UI设计灵感:你最中意哪个?
Web APP与原生APP有哪些交互设计区别?
想让界面优雅易读?聊聊移动端字体7个准则
天天喊着学UI 你知道安卓和iOS的区别吗?
连按钮都设计不好 你还指望用户点击?
分享为SOUNDWAVE设计WATCH应用的五个技巧
这是个看脸的世界 即便你是APP也是如此
再见METRO!WINDOWS 10通用应用设计趋势分析
以微信网易为例:新闻型产品列表设计分析
超实用干货!视觉设计师的五项技能修炼方法
百度官方出品!2015-2016交互体验趋势
界面设计:从减少点击次数到降低使用负荷
简约至上:教你打造用户喜爱的产品设计风格
用户为王!关于征询授权、注册及加载等待的体验优化
APP产品设计:让用户看见 才是王道!
简约之道:极简风格界面设计的起源与发展
nice 启示录: 看移动 App 的产品设计和运营策略
超实用干货!深聊时下最热门应用的11种设计模式
网站策划:如何使简单的想法更简单?

精彩推荐

热门教程