编辑导语：我们在等待一个软件页面加载的时候，总是可以看到一个动效画面，一般都与软件的调性相关；这类设计要非常注重用户的体验，设计的不好可能还会降低用户的耐心；本文作者详细介绍了Loader设计最重要且必要的准则，我们一起来看一下。

很多页面在设计时，常常会忽略加载器的设计，也就是loader，或者是Loading animations。

Loader是在使用网站的过程中，页面内容数据加载时，减少用户等待厌倦感的动效；它不但可以很好的提高页面的用户体验感，还可以减少用户的流失。

在这里，我将分享给大家loader设计最重要且必要设计准则，帮助你设计更好页面产品！请认真阅读哦~

干货分享内容：

• loader最重要的设计原则是什么？
• 如何做？
• 做到什么程度？

一、WHAT & loader最重要的设计原则是什么？

提高用户的期待心理。

提高用户的期待心理，就是可以让用户不停的期待：后面是什么？

为什么要提高用户期待心理呢？

提高了用户期待，意味着减少了用户在等待过程中的厌倦感、可以提高了产品使用的愉悦感，最为重要的是：可以为网站留住更多的客户。

对于这个竞争流量的时代，多一个用户就是多一份底气；Loader的样式非常丰富，我们在Pinterest、dribble上，可以看到很多优秀的Loader。

常见的形式有：

1）圆形

Loading animation by Oleg Frolov

2）线性

Loading animation byAllen ZhangforAlpha Team

3）Loading 文字

Loading animation by Oleg Frolov

4）图形

Loading animationby Gur Margalit

5）骨架屏

骨架屏（Skeleton screens）的加载形式，是我的偶像Luke Wroblewski提出的：

在页面加载出来之前，预先展示网页的低保真，让用户看到页面渐渐加载的过程；这种加载方式如今在YouTube、Facebook、Linkedln和微博等等的页面上都有运用。

二、HOW & 如何提高用户的期待心理？