浅析APP中预加载图设计思维导图

心不动则不痛

2023-03-02

浏览量: 2

浅析APP中预加载图设计

app设计,

加载图

预加载有哪些表达方式预计加载过程中表现形式有加载等待（转圈动画或其他GIF动画），加载历史缓存数据，提前加载一半，逐步加载，后台提供默认加载图，当然还有加载失败场景。

树图思维导图提供《浅析APP中预加载图设计》在线思维导图免费制作，点击“编辑”按钮，可对《浅析APP中预加载图设计》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：90b24f280bbb8f1ae3b753f82882ca7a

思维导图大纲

相关思维导图模版

浅析APP中预加载图设计思维导图模板大纲

预加载有哪些表达方式

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

预加载LOGO品牌元素

色块

布局

提供默认灰色图

无内容加载

使用高斯模糊

预加载LOGO品牌元素

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

解析：

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

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

色块预览

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

解

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

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

布局加载

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

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

提供默认灰色图

它是什么？在加载过程中，会预先在用户面前呈现出来一些灰色图像元素

解析：特别说明下Twitter是采用的两种表达方式，一种是提供默认灰色图，一种是图片取色，一般灰色值采用#F2F2F2，优点画面干净，适配简单，这里说明下，可以开发写，可以我们自己提供，但是推荐我们提供，免得增加累赘代码。

无内容显示

它是什么？在加载过程中，不出现任何占位符，直接负型空间展示。

解析：

这两者其实都有两种表达方式一种是这种空内容，一种是提供灰色默认图，只是所在场景不一样，这种加载效率最高

缺点是如果网速比较慢，半天加载不出来，用户产生焦略心理，以为软件BUG，不推荐使用

使用高斯模糊

它是什么？在加载过程中，会预先在用户面前呈现出来一些图像元素通过高斯模糊来表达。

解析：

通过把预加载出来的图片进行高斯模糊处理，Instgram也是采用提供灰色图和高斯模糊两种方式，好玩有趣

缺点是高斯模糊会有一定的功耗，加载慢，不建议使用

产品设计策略

通过以上分析在做默认加载预览过程中实现方式推荐有以下几个方式，根据自己产品特色选用合适的表达方式：

查看更多

第一课：中华文明的起源与早期国家思维导图

树图思维导图提供《第一课：中华文明的起源与早期国家》在线思维导图免费制作，点击“编辑”按钮，可对《第一课：中华文明的起源与早期国家》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：efdfe5558ecedb1fc5d9c14488c5187f

第一课：中华文明的起源与早期国家

部队文职——中弘教育思维导图

树图思维导图提供《部队文职——中弘教育》在线思维导图免费制作，点击“编辑”按钮，可对《部队文职——中弘教育》进行在线思维导图编辑，本思维导图属于思维导图模板主题，文件编号是：8c707c5571b09088ba2da769e6eb2a87

部队文职——中弘教育

思维导图模板

互联网干货

正文

相似思维导图模版

企业官网运营营销推广思维导图

2024-05-17 18:24:14

企业官网运营营销推广思维导图

如何用产品思维做好运营思维导图

2022-12-09 21:15:50

如何用产品思维做好运营

项目复盘四步法思维导图

2022-08-04 19:24:26

项目复盘四步法思维导图

分销系统思维导图

2023-06-07 19:44:14

分销系统

App运营各阶段关注指标思维导图

2022-11-07 10:55:18

App运营各阶段关注指标

私域运营思维导图

2022-08-07 15:33:59

私域运营思维导图

思维导图模版推荐

聊聊产品工作流程拆分思维导图

2023-03-02 11:46:56

聊聊产品工作流程拆分

给你说个神话：我是做新媒体的思维导图

2023-03-02 11:47:01

给你说个神话：我是做新媒体的

如何玩转线下活动签到？这里有15种方法思维导图

2023-03-02 11:47:15

如何玩转线下活动签到？这里有15种方法

公众号文章配图哪里找？这些账号快收藏思维导图

2023-03-02 11:46:45

公众号文章配图哪里找？这些账号快收藏

如何做出“有创意”的运营活动？看这7张PPT就够了思维导图

2023-03-02 11:46:39

如何做出“有创意”的运营活动？看这7张PPT就够了

To B 产品的消息推送设计思维导图

2023-03-02 11:46:34

To B 产品的消息推送设计

首页

我的文件

我的团队

个人中心