起航学习网

- 让每个人都能学到最前沿新知识、新技能!
起航学习网
当前位置: 起航学习网 > 短期培训 > 设计培训 > Android设计规范Material Design-Components(11进度和动态

Android设计规范Material Design-Components(11进度和动态

时间:2016-05-19 09:40:00来源:UI设计网 作者:起航学习网 已有: 名学员访问该课程

  快捷搜索:经验Android教程APP设计


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

前言: 9月15日,昨天和小伙伴谈论了一下这个谷歌新出的Material Design设计语言,我之前刚看到的时候也以为是一种程序或者

9月15日,昨天和小伙伴谈论了一下这个谷歌新出的Material Design设计语言,我之前刚看到的时候也以为是一种程序或者系统之类的~~但是越到后面才发现这更像是一种设计规范~~就我看来这就是一种设计规范,就目前来看~~主要是基于Android的~~

进度和动态

在用户可以查看并与内容进行交互之前,尽可能地减少视觉上的变化,尽量使应用加载过程令人愉快。每次操作只能由一个活动指示器呈现,例如,对于刷新操作,你不能即用刷新条,又用动态圆圈来指示。

指示器类型

在操作中,对于完成部分可以确定的情况下,使用确定的指示器,他们能让用户对某个操作所需要的时间有个快速的了解。

在操作中,对于完成部分不确定的情况下,用户需要等待一定的时间,无需告知后用户台的情况以及所需时间,这时可以使用不确定的指示器。

指示器的类型有两种:线形进度指示器圆形进度指示器。你可以使用其中任何一项来指示确定性和不确定性的操作。

线形进度指示器

线形进度指示器应始终从0%到100%显示,绝不能从高到低反着来。如果一个队列里有多个正在进行的操作,使用一个进度指示器来指示整体的所需要等待的时间。这样,当指示器达到100%时,它不会返回到0%再重新开始。

线形进度条应该放置在页眉或某块区域的边缘。

圆形进度指示器

集合式的圆形进度指示器

圆形的加载指示器可以和一个有趣的图标或者刷新图标结合在一起使用。

响应

加载阶段

单阶段加载
在现有的,不变的容器里加载内容(副本和图像)。

8双阶段加载
先生成一个容器,然后再加载内容(副本和图像)。

第一次加载内容

一次加载完所有内容并显示出来

分两个阶段加载和显示内容

加载额外的内容

例1:卡片的扩展
当卡片可以在较大的表面上扩展时,比如桌面,这时推荐使用不确定的线形进度指示器。

例2:上拉刷新
当你想从下方刷新列表时,推荐使用不确定的圆形进度指示器来触发内容的加载。

例3:下拉刷新
当你想从上方刷新列表时,推荐使用不确定的圆形进度指示器来触发内容的加载。

非常感谢这些辛苦翻译的小伙伴!!未完待续~~~

原文:Progress and Activity 翻译:SamanthaChou 校对:sisyphus60

 文章转自:http://design.1sters.com/ 

========================关于起航学习网=========================

 qh.itpxw.cn 起航学习网发布高质量ui设计教程和设计分享经验,希望打造一个最好的ui学习教程平台!

 APP截图站:qh.itpxw.cn  海量APP截图,让你灵感爆发!

转载请注明:起航学习网 » Android设计规范Material Design-Components(11进度和动态)

文章出自:http://qh.itpxw.cn/peixun/ui/201613730.html

文章标题:Android设计规范Material Design-Components(11进度和动态



免责声明:本站文章均由入驻起航学习网的会员所发或者网络转载,所述观点仅代表作者本人,不代表起航学习网立场。如有侵权或者其他问题,请联系举报,必删。侵权投诉


机构名称:我爱学习网 联系手机:13783581536 在线客服:起航学习网客服 在 线 QQ:起航学习网客服 网站域名:

(责任编辑:深圳学历教育网)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------