10组优质空状态插画大全
更新时间:2023-08-02 16:53:42
空状态插画就是在我们网页打不开或者没有内容时,展示给用户的插画,为了给客户比较好的用户体验,空状态插画一般比较简单有趣,今天就给大家分享10组比较简单有趣的空状态插画
- 错误异常类: 出现错误如404,断网,加载失败等场景
- 中性类:搜索结果为空、数据为空、地址未添加、新用户未使用导致的内容为空等状况
- 积极正向类:任务或事项被清空,用户主动促成的空状态界面
以下资源均支持版权开放。所有开源作品将遵循 CC BY 4.0 等知识共享许可协议,任何人在符合并满足许可的基础上,都能自由地复制、修改并使用每一份开源作品,包括商业用途。
五款单色空状态插图
作者:Aria_Zhang
一组典型的灰色系空状态插图,灰色系最不容易出错,且最契合空状态场景的配色方案,其朦朦胧胧的视觉呈现效果即能够丰富界面细节,又不会作为视觉重心削弱其他核心信息的获取效率。
获取方法:
点击五款单色空状态插图,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
空状态页面404错误插画2分享
作者:香草味仙女
一组可爱的空状态页面404错误插画,更有互动性,且更高的舒缓用户的情绪,减少用户的挫败感。
获取方法:
点击空状态页面404错误插画2分享**,**进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
空状态插画1
作者:真黑旋风
这是一组线性空状态插画,线性插画更加轻盈,没有过于复杂的细节,具有高度概括性,适用范围较广,且容易制作,拥有独特的简洁美感。接受度较高,是比较主流的配图样式。特别适合不张扬,无需强调和分散注意力的场景,只作为辅助元素为产品界面增添细节及搭配体验文案来陈述内容。
获取方法:
点击空状态插画1,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
空状态插画3
作者:真黑旋风
一组扁平化风格的空状态插画,更有趣味性,且更高的舒缓用户的情绪,减少用户的挫败感。
获取方法:
点击空状态插画3,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
30+空状态图标插画
作者:Freedom*
一共有30多个空状态插画,整体风格采用灰色+彩色点缀,灰色系是最不容易出错,彩色拥有更丰富的视觉表现力,但容易“抢焦”,选择灰色系与彩色点缀的方式可能是一个终极解决方案。
获取方法:
点击30+空状态图标插画,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
12个线性空状态弹窗
作者:Henry919
这是一组线性空状态插画,线性插画更加轻盈,没有过于复杂的细节,具有高度概括性,适用范围较广,且容易制作,拥有独特的简洁美感。接受度较高,是比较主流的配图样式。特别适合不张扬,无需强调和分散注意力的场景,只作为辅助元素为产品界面增添细节及搭配体验文案来陈述内容。
获取方法:
点击12个线性空状态弹窗,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
空状态
作者:Match
这是一组图标+文字的空状态插画,这是一种比较主流的空状态内容形式,通过精心设计的插画陈述产品状态,引导体验路径甚至传达品牌价值,辅之对应的精确文案。从传达信息的角度帮助用户理解当前所处的状态,遇到的问题,以及解决方案。
获取方法:
点击空状态,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
空状态插画
作者:素琼
这是一组 2.5D 风格的空状态插图, 2.5D 风格拥有更强的表现力视觉感染力,符合新的视觉趋势。
获取方法:
点击空状态插画,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
空状态页面404错误插画分享
作者:香草味仙女
一组可爱的空状态页面404错误插画,更有互动性,且更高的舒缓用户的情绪,减少用户的挫败感。
获取方法:
点击空状态页面404错误插画分享,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。
空状态插画
作者:Freedom*
这是一组 2.5D 风格的空状态插图, 2.5D 风格拥有更强的表现力视觉感染力,符合新的视觉趋势。
获取方法:
点击空状态插画,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。
如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。