浅析APP中预加载图设计

预加载有哪些表达方式

预计加载过程中表现形式有加载等待（转圈动画或其他GIF动画），加载历史缓存数据，提前加载一半，逐步加载，后台提供默认加载图，当然还有加载失败场景。今天我们这里只讨论预加载中的Content表达方式，我分析提炼了几个常用的视觉表达方式：

预加载LOGO品牌元素

色块

布局

提供默认灰色图

无内容加载

使用高斯模糊

预加载LOGO品牌元素

他是什么？在加载过程中，会预先在用户面前呈现出来一些图像元素，通过LOGO或者相关图标来表达，给用户一种前期的心理预期要呈现的大致内容

解析：

优点是能提前预期所呈现的内容，品牌感知能力强，用户记忆强，一看就知道是什么内容

缺点是适配麻烦，不同样式图片都需要切图，增加APP包大小，安卓还需要单独切点九图片来适配等等，有些人肯定会问，安卓为何就不能切整张图啦？哈哈你可以试一试，如果你想你们包大小超大的话。

色块预览

他是什么？在加载过程中，会预先在用户面前呈现出来一些色块元素，这种做法方法是： 直接读取图片的颜色，取什么颜色？大致是图片中的主色调，面积大的者读取图片平均色，当然后台需要有一个强大色库来支撑且需要提供一种或者2种默认颜色，因为避免取色失败,目前这样做的产品有苹果音乐、天猫App、Pinterest、Twitter、花瓣移动端等等,当然苹果音乐加载不出来是直接提供默认的logo色块。

解

优点是图片适配非常方便，全端展现方式提供一套色库即可，画面不枯燥，最后补充一点，截图真的好难截啊，说明这些应用优化的真的很牛，Pinterest是个奇葩比较好截。

需要色库配得好，颜色需要设计师亲自调，当然我目前还没想到有更好的方法，如果有请各位元老大神告诉我下，感谢。

布局加载

它是什么？在加载过程中，会预先在用户面前呈现内容布局大致样式：

解析：使用布局加载实现是比较简单的，全端适配简单。

提供默认灰色图