浅析APP应用的预加载图设计

发布时间:2020-01-16 10:40 | 浏览人次:浏览次数

什么是预加载图?就是在当会员进到APP应用的同时加载出来,在会员跟前所展现的内容信息,这些场景是提升产品体验的1个节点,今天就来聊聊这些场景下其他产品是如何表达的,提早掌握这种场景表述形式,以便我们在今后项目中可以迅速找准合适自己产品内容展现方法。
浅析APP应用的预加载图设计

预加载有哪些表述方法

预期加载历程中表现方式有加载等候(转圈动画或其他GIF动画),加载历史缓存数据,提早加载一半,逐步加载,后台提供默认加载图,当然还有加载失败场景。今天我们这里只讨论预加载中的Content表述方法,我探讨提取了几个常用的视觉表述方法:

预加载LOGO品牌元素

色块

布局

提供默认灰色图

无内容加载

采取高斯模糊

预加载LOGO品牌元素

他是什么?在加载历程中,会预先在会员跟前展现出来一些图像元素,通过LOGO或许有关图标来表述,给会员一种早期的心理预计要展现的大体内容

解析:

优势是能提早预计所展现的内容,品牌感知能力强,会员记忆强,一看就知道是什么内容

弊端是适配麻烦,不一样样式图片都需求切图,增多APP包大小,安卓还需求单独切点九图片来适配等等,有些人必定会问,安卓为何就不能切整张图啦?哈哈你能够试试看,假如你想你们包大小超大的话。

色块预览

他是什么?在加载历程中,会预先在会员跟前展现出来一些色块元素,这种做法形式是: 直接读取图片的颜色,取什么颜色?大体是图片中的主色调,面积大的者读取图片平均色,当然后台需求有1个强大色库来支撑且需求提供一种或许2种默认颜色,因为以免取色失败,现在这样做的产品有苹果音乐、天猫App、Pinterest、Twitter、花瓣手机端等等,当然苹果音乐加载不出来是直接提供默认的logo色块。

解析:

优势是图片适配非常便利,全端呈现方法提供一套色库即可,画面不单调,更后补充一点,截屏真的好难截啊,说明这些软件优化的真的很牛,Pinterest是个雷人比较好截。

需求色库配得好,颜色需求设计师亲自调,当然我现在还想不到有更好的形式,假如有请各位元老大神告诉我下,感谢。

布局加载

它是什么?在加载历程中,会预先在会员跟前展现内容布局大体样式:

解析:采取布局加载实现是比较简单的,全端适配简单。

提供默认灰色图

它是什么?在加载历程中,会预先在会员跟前展现出来一些灰色图像元素

解析:特殊说明下Twitter是选用的两种表述方法,一种是提供默认灰色图,一种是图片取色,普遍灰色值选用#F2F2F2,优势画面干净,适配简单,这里说明下,能够开发写,能够我们自己提供,可是推荐我们提供,免得增多累赘代码。

无内容显示

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

解析:

这二者其实都会有两种表述方法一种是这种空内容,一种是提供灰色默认图,只是所在场景不一致,这种加载效率更高

弊端是假如网速比较慢,半天加载不出来,会员产生焦略心理,以为应用BUG,不推荐采取

采取高斯模糊

它是什么?在加载历程中,会预先在会员跟前展现出来一些图像元素通过高斯模糊来表述。

解析:

通过把预加载出来的图片进行高斯模糊处理,Instgram也是选用提供灰色图和高斯模糊两种方法,好玩有意思

弊端是高斯模糊会有肯定的功耗,加载慢,不建议采取

产品设计对策

通过以上探讨在做默认加载预览历程中实现方法推荐有以下几个方法,依据自己产品特色使用适合的表述方法:

上述内容就是小编今天为您带来的关于《浅析APP应用的预加载图设计》的全部内容,希望能对您有所帮助,我们是一家成立于北京的IT外包公司,如果您有app软件或者微信小程序需要定制开发,不妨联系我们。
免责声明:本站部分文章转载自网络,不代表本站的观点和立场,不以盈利为目的。如有侵犯公司或个人权益,本站会第一时间删除文章。我们是一家北京app开发公司,欢迎咨询免费获取思维导图!

本文地址:https://appbj.cn/article/3075/

网友热评

暂无更多评论
思捷智联

思捷智联是一家2009年成立于北京的IT外包公司,我们致力于为企业提供app软件开发和微信小程序开发服务。公司成立10年来,我们为民政部、方正电子、神州数码、联想控股、壹基金、首钢集团、北京大学、北京师范大学、今麦郎、丰汇租赁、万通控股等上百家企业提供了IT外包服务。我们努力实现每一位客户的托付,为客户创造实在的效益,让您与梦想走得更近。

微信咨询

扫描微信二维码
同市场经理沟通需求

我们积累了丰富的移动互联网开发和运营经验,在开发中为客户提供更多帮助!
咨询热线:18612209195