2.加载时就显示加载后的页面样式，最大化保持视觉连贯性

这种手法也就是为了尽可能多的在加载过程中告知用户有效信息，“你稍后即将看到的页面会是什么样”“会有哪些内容”，让用户提前有个预期，也让用户有了等待的欲望。

(flipboard)

3.加载时，预填充内容

这里的内容有2种。可以是提前预设好的，例如next day里的头图，再没加载出来前都用一直可爱的兔子图替代。另一种是，显示上次浏览留下的内容，像最近更新后的path，加载时，用户可以查看上次加载成功的内容，而且很巧妙的把加载中的图片黑白虚化处理。

(三)下载、应用的加载页

另一个常见的加载是下载/应用时的加载页面。下载和应用的过程可以看做是一个连贯的过程。而不要想象成两个独立的模态框。

在cardmon这个应用中，下载和应用的过程就被包装成了一个连续而精致的过程。

设计者找到了card和下载之间的联系，运用云端向信封连续不断发送卡片的动效，再加上下载进度条，让原本枯燥无味的下载等待过程展现出了那么一丝生气。在下载完成之后，进度条顺理成章的过渡成安装过程。动画效果依旧围绕着之前的卡片logo进行。同样的安装进度条依旧可以提示用户剩余的时间。

这一包装手法的要点即是，找到产品与下载之间的某种关联，合理运用动效、进度条、连续的处理下载安装过程。

另一种，是weico主题下载的形式，将下载和安装看做独立的两个过程。下载和安装分离的使用场景通常是，用户也许希望浏览、下载多个主题，再确定使用哪个。因此，下载被处理成取代下载按钮的进度条会比较合适，而非模态框。因为这样的加载方式不影响用户再浏览其他内容，不会让下载模态中断用户原本的浏览行为。

以上就是app加载的几种形式和设计方法。看似不起眼的加载页面其实恰是整个app是否用心和精致的点睛之笔。这一点点的等待时间也许会改变整个用户体验。再次总结，以上倡导的几个原则：

1.合理利用启动页面，赋予等待时间更多的意义

2.避免使用模态打断用户

3.加载页面，为用户提供预期，和更多有意义的信息

4.注意保持视觉的连贯性

推荐阅读：

Android与iOS在交互细节上的区