我们是2009年成立于北京的app开发公司,为客户提供一站式app定制开发服务,从需求调研到应用上架全程无忧。
什么是预加载图?就是在当会员进到APP应用的同时加载出来,在会员跟前所展现的内容信息,这些场景是提升产品体验的1个节点,今天就来聊聊这些场景下其他产品是如何表达的,提早掌握这种场景表述形式,以便我们在今后项目中可以迅速找准合适自己产品内容展现方法。
预加载有哪些表述方法
预期加载历程中表现方式有加载等候(转圈动画或其他GIF动画),加载历史缓存数据,提早加载一半,逐步加载,后台提供默认加载图,当然还有加载失败场景。今天我们这里只讨论预加载中的Content表述方法,我探讨提取了几个常用的视觉表述方法:
预加载LOGO品牌元素
色块
布局
提供默认灰色图
无内容加载
使用高斯模糊
预加载LOGO品牌元素他是什么?在加载历程中,会预先在会员跟前展现出来一些图像元素,通过LOGO或许有关图标来表述,给会员一种早期的心理预计要展现的大体内容
解析:
优势是能提早预计所展现的内容,品牌感知能力强,会员记忆强,一看就知道是什么内容
弊端是适配麻烦,不一样样式图片都需要切图,增多APP包大小,安卓还需要单独切点九图片来适配等等,有些人必定会问,安卓为何就不能切整张图啦?哈哈你能够试试看,假如你想你们包大小超大的话。
色块预览他是什么?在加载历程中,会预先在会员跟前展现出来一些色块元素,这种做法形式是: 直接读取图片的颜色,取什么颜色?大体是图片中的主色调,面积大的者读取图片平均色,当然后台需要有1个强大色库来支撑且需要提供一种或许2种默认颜色,因为以免取色失败,现在这样做的产品有苹果音乐、天猫App、Pinterest、Twitter、花瓣手机端等等,当然苹果音乐加载不出来是直接提供默认的logo色块。
解析:
优势是图片适配非常便利,全端呈现方法提供一套色库即可,画面不单调,更后补充一点,截屏真的好难截啊,说明这些软件优化的真的很牛,Pinterest是个雷人比较好截。
需要色库配得好,颜色需要设计师亲自调,当然我现在还想不到有更好的形式,假如有请各位元老大神告诉我下,感谢。
布局加载它是什么?在加载历程中,会预先在会员跟前展现内容布局大体样式:
解析:使用布局加载实现是比较简单的,全端适配简单。
提供默认灰色图它是什么?在加载历程中,会预先在会员跟前展现出来一些灰色图像元素
解析:特殊说明下Twitter是选用的两种表述方法,一种是提供默认灰色图,一种是图片取色,普遍灰色值选用#F2F2F2,优势画面干净,适配简单,这里说明下,能够开发写,能够我们自己提供,可是推荐我们提供,免得增多累赘代码。
无内容显示它是什么?在加载历程中,不出现任何占位符,直接负型空间展示。
解析:
这二者其实都会有两种表述方法一种是这种空内容,一种是提供灰色默认图,只是所在场景不一致,这种加载效率更高
弊端是假如网速比较慢,半天加载不出来,会员产生焦略心理,以为应用BUG,不推荐使用
使用高斯模糊它是什么?在加载历程中,会预先在会员跟前展现出来一些图像元素通过高斯模糊来表述。
解析:
通过把预加载出来的图片进行高斯模糊处理,Instgram也是选用提供灰色图和高斯模糊两种方法,好玩有意思
弊端是高斯模糊会有肯定的功耗,加载慢,不建议使用
产品设计对策通过以上探讨在做默认加载预览历程中实现方法推荐有以下几个方法,依据自己产品特色使用适合的表述方法:
本文地址:https://appbj.cn/article/3075/