ui进度条动画设计要点

虽然有人可能认为加载器只是一个很小的ui细节,但它却有多种类型和变化,能够改善用户体验。今天小编主要给大家分享ui进度条动画设计要点,希望对你们有帮助!

ui进度条动画设计要点

1. 进度条

假如能明确加载时间,可以显示进度条,其基本原理是根据数字或视觉形象来表现的,还可以保证多样性。

数字进度条有时候被称作百分比指示器,可以简单表达,还可以具有艺术创意,选择合适的就可以了。

进度条的功效就是告之用户等候时间,并且向用户展现到目前为止的进度情况。具体按情况,进度条还可以用线形表示,无需要用百分数表示。

2. 无限循环加载动画

当加载时间不明时,可以考虑到无限循环加载动画。可以是默认设置的循环系统动画,还可以加上某些艺术创意,换句话说,告诉用户 app依然在工作中。

具备艺术创意的循环系统动画可以减轻用户心理焦急状态,因为它在向用户表述为何加载需要时间。

艺术创意循环系统动画可以与产品和业务很好的融合,辅助打造出企业形象。

无限加载动画提醒用户在发送或实行一些实际操作时必要的等候,但不一定需要很长时间。一般来说,环形循环系统动画是非常好的选择,可以简化形象,也可以精心策划。

由此可见,现如今的加载动画早就不仅是系统软件的 ui元素,而更像是种造型艺术表述。

3. 骨架图

骨架图可以提供加载页面的渐进过程。能把它想像成页面占位符,随后逐渐加载图片、文字和别的内容。

骨架图这一专业术语最早开始出現在 Luke Wroblewski 的《移动设计细节:避免旋转器》文章中。卢克提议应用骨架图来显示更好的加载体验。这一想法也得到了别的室内设计师的支持,并在 Facebook、LinkedIn、YouTube、Google Drive 等操作界面中应用。

撇开某些设计构思的事例和 Dribbble 的设计概念,在大部分手机应用程序中,你见到的是默认设置或简易的加载动画。到今天,简易的加载动画被普遍应用,并被称作最好的加载方法。

应用默认设置或开源系统加载动画不但轻松简单,室内设计师也无需花时间来制作自定义动画,可以节约开发者的开发设计时间。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章