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

进度和动态

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

指示器类型

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

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

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

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

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

加载阶段

单阶段加载
在现有的，不变的容器里加载内容（副本和图像）。

8双阶段加载
先生成一个容器，然后再加载内容（副本和图像）。

第一次加载内容

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

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

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

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

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

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

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

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

========================关于学ui网=========================

xueui.cn 学ui网发布高质量ui设计教程和设计分享，希望打造一个最好的ui学习教程平台！

APP截图站：app.xueui.cn海量APP截图，让你灵感爆发！