10组优质空状态插画大全

更新时间:2023-08-02 16:53:42

空状态插画就是在我们网页打不开或者没有内容时,展示给用户的插画,为了给客户比较好的用户体验,空状态插画一般比较简单有趣,今天就给大家分享10组比较简单有趣的空状态插画

以下资源均支持版权开放。所有开源作品将遵循 CC BY 4.0 等知识共享许可协议,任何人在符合并满足许可的基础上,都能自由地复制、修改并使用每一份开源作品,包括商业用途。

五款单色空状态插图

作者:Aria_Zhang

一组典型的灰色系空状态插图,灰色系最不容易出错,且最契合空状态场景的配色方案,其朦朦胧胧的视觉呈现效果即能够丰富界面细节,又不会作为视觉重心削弱其他核心信息的获取效率。

img

获取方法:

点击五款单色空状态插图,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

空状态页面404错误插画2分享

作者:香草味仙女

一组可爱的空状态页面404错误插画,更有互动性,且更高的舒缓用户的情绪,减少用户的挫败感。

img

获取方法:

点击空状态页面404错误插画2分享**,**进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

空状态插画1

作者:真黑旋风

这是一组线性空状态插画,线性插画更加轻盈,没有过于复杂的细节,具有高度概括性,适用范围较广,且容易制作,拥有独特的简洁美感。接受度较高,是比较主流的配图样式。特别适合不张扬,无需强调和分散注意力的场景,只作为辅助元素为产品界面增添细节及搭配体验文案来陈述内容。

img

获取方法:

点击空状态插画1,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

空状态插画3

作者:真黑旋风

一组扁平化风格的空状态插画,更有趣味性,且更高的舒缓用户的情绪,减少用户的挫败感。

img

获取方法:

点击空状态插画3,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

30+空状态图标插画

作者:Freedom*

一共有30多个空状态插画,整体风格采用灰色+彩色点缀,灰色系是最不容易出错,彩色拥有更丰富的视觉表现力,但容易“抢焦”,选择灰色系与彩色点缀的方式可能是一个终极解决方案。

img

获取方法:

点击30+空状态图标插画,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

12个线性空状态弹窗

作者:Henry919

这是一组线性空状态插画,线性插画更加轻盈,没有过于复杂的细节,具有高度概括性,适用范围较广,且容易制作,拥有独特的简洁美感。接受度较高,是比较主流的配图样式。特别适合不张扬,无需强调和分散注意力的场景,只作为辅助元素为产品界面增添细节及搭配体验文案来陈述内容。

img

获取方法:

点击12个线性空状态弹窗,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

空状态

作者:Match

这是一组图标+文字的空状态插画,这是一种比较主流的空状态内容形式,通过精心设计的插画陈述产品状态,引导体验路径甚至传达品牌价值,辅之对应的精确文案。从传达信息的角度帮助用户理解当前所处的状态,遇到的问题,以及解决方案。

img

获取方法:

点击空状态,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

空状态插画

作者:素琼

这是一组 2.5D 风格的空状态插图, 2.5D 风格拥有更强的表现力视觉感染力,符合新的视觉趋势。

img

获取方法:

点击空状态插画,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

空状态页面404错误插画分享

作者:香草味仙女

一组可爱的空状态页面404错误插画,更有互动性,且更高的舒缓用户的情绪,减少用户的挫败感。

img

获取方法:

点击空状态页面404错误插画分享,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img

空状态插画

作者:Freedom*

这是一组 2.5D 风格的空状态插图, 2.5D 风格拥有更强的表现力视觉感染力,符合新的视觉趋势。

img

获取方法:

点击空状态插画,进入该图标页面,点击「使用」-点击「保存并打开文件」,即可进行使用或者在编辑态页面进行编辑。

如果暂时只需要保存下来备用,则可以点击「仅保存」,文件即被保存到工作台。

img