这期主要讲的是UI元素。

UI元素：分为图标，动效，引导页和缺省页。

前面一篇文章讲了图标，所以今天这篇来讲讲动效，引导页和缺省页。

动效

动效存在的意义：当app的服务器在加载数据需要用户等待一段时间，为了缓解用户等待过程中的焦虑情绪，我们一般都会采用加载动效的方式来缓解用户的等待时间。好的动效能给用户一定的惊喜，甚至让用户喜欢上加载动画。

1.动效的分类

 加载动画：下拉刷新；切换页面；页面上拉；页面局部加载；启动页；

 icon动画：切换的tab按钮；功能的切换（例如：播放&暂停）；

引导页

引导页：当用户安装完APP后，第一次打开用，App会呈现3-4张连续的页面，这些页面会提前告知你产品的主要功能与特点，起到类似引导的作用。

1.引导页分类

1.1 功能介绍型

1.2 产品情怀抒发型

1.3 使用说明引导型

缺省页

缺省页：当新用户打开你的APP的时候，最初的几个界面将会直接影响用户对你的网站的预期。为了确保用户不会在第一次打开之后就卸载APP，你应该用好最初的空状态页面，通过引导，帮助用户完成关键性任务，获得成就感，达成目标，并不断回来，成为你的APP的回头客。换句话说，要在第一次交互之后，成功吸引用户，让他们流连忘返。

1.缺省页分类

1.1 用户未进行操作

用户第一次打开APP时有可能会空状态，比如一些UGC的应用产品。针对这类APP我们都会在用户初次进入页面前使其关注一定的内容，然后呈现用户所感兴趣的内容。

1.2 用户操作结果

这是一种用户操作的结果。这种状态常常出现在一个任务列表中的所有任务都处理完成的时候。比如垃圾邮件、广告邮件列表，有些用户会有清空这些邮件的习惯，清空了之后自然而然就会出现一个空状态。其次就是，当用户进行检索或者筛选的时候，没有符合的结果，这样子呈现出来就是空状态。

1.3 出现错误

最后一种空状态出现在异常流的时候。比如说，当网络错误的时候，可能就会出现空白状态。比如404页面。

后话：这篇文章主要是归纳，之后会有相应的设计教程和设计思维，如何从无到有地设计UI元素在之后的文章或教程我会慢慢更新。