空状态界面是用户在网站、APP中遇到的因无数据展示而中断体验的界面，这个界面设计对于解决用户疑惑有着很大的帮助。那么我们应该如何设计空状态界面呢？
需要空状态插画的场景
错误类：
错误类场景是出现错误如404，断网，加载失败等场景。
此时用户任务受阻中断，会让用户产生厌烦的不适情绪，我们需要通过告知用户问题出在哪里，并提供明确的解决方案辅助用户回到任务正轨，如一个跳转按钮，或者一句解决方案说明，缓解用户不良情绪。
中性类：
搜索结果为空、数据为空、地址未添加、新用户未使用导致的内容为空等场景。
中性类是正常状态，如购物车未添加商品，新用户未发布内容。在此类空状态场景下，产品需要说明当前状态，并提供对应的推荐方案，如推荐一些商品、引导去发布内容等。
积极类：
任务或事项被清空，用户主动促成的空状态界面。
这个场景可以提供一些正向反馈，或者采用鼓励性质的文案来呼应用户此时的心理。
针对异常类场景，解决造成用户体验中断问题是要点，而针对非异常场景，设计一些用户感兴趣的内容填补空白，以或寻找对应商品及信息的曝光。
行业是怎么设计空状态界面的
1、常见形式
Content(信息模块)：陈述结果，解释状态，阐述方案(纯展示)包含插画&文案。
Operate(操作模块)：CTA按钮，明确的，用于解决当前问题的操作。
Guide(引导操作模块)：当前页面存在操作控件，引导模块需要给予位置提示或操作提示。
Box&Card(定制化内容容器)：内容元素与操作组件的自由组合，根据产品特定体验目标或业务目标自定义的信息集合。
多见于飞机稿及一些小众产品，不建议使用。
（2）纯文案
纯文案能够简洁清晰描述问题或状态，帮助用户快速定位问题点。适用于极简产品、对视觉没有极致要求的B端产品，有个性设计语言的小众产品等。但无法创造更多价值。
（3）插画配图+文案
比较主流的空状态内容，通过插画陈述产品状态，辅之对应的文案。从传达信息的角度帮助用户理解当前所处的状态，遇到的问题，以及解决方案。
（4）插画配图+文案+CTA按钮
在插画加文案的信息模块的基础上增加了一个操作按钮，该操作基于用户所处的场景来配置功能，可以用来解决用户面临的紧迫问题。
（5）插画配图+文案+引导线索
当前页面已经存在解决空状态的操作控件，如新建功能，而空状态提示需要完成的任务时吸引用户注意力到对应的功能，帮助用户熟悉产品。
（6）定制化的内容容器
需要展示更复杂的内容，提供更多样功能，可以根据产品要求，调整内容规格，封装后的形式就像是一个BOX或者说我们熟悉的卡片设计，一个box模块包含富文本信息、操作功能等多样的内容。
2、常见样式
按照三维属性划分：线性、面性、2.5D&伪3D、3D。
三维属性选取：
线性插画是比较主流的配图样式，特别适合不张扬，无需强调和分散注意力的场景，只作为辅助元素为产品界面增添细节及搭配文案陈述内容。
面性插画种类繁多，根据添加的细节多寡，从完全扁平的2D形式，到拥有复杂光影光影表现的质感形式，可供选择的方向较多。更加考验设计师的视觉设计能力、配色能力等。
2.5D和3D属于较新潮的风格，尤其是近几年新兴的3D设计，他们的共同点是拥有更强的表现力视觉感染力，符合新的视觉趋势，但不敢用于大体量的成熟产品，需要兼顾多种类型的用户群，需要谨慎选择。
颜色选取：
灰色系是最不容易出错，契合空状态场景的配色方案。彩色拥有更丰富的视觉表现力，但也有着与之对应的复杂性。遇事不决，量子力学。 选择灰色系与彩色点缀的方式未尝不是一个终极解决方案。
空状态界面设计目的
空状态的设计目的即保证用户的体验流畅一致，以及更进一步的满意度乃至信任感。
空状态在不同场景下，可以有很多目标，这要根据实际产品情况来判断，但一个总的指导原则可以确定，即优先解决用户面临的问题(通过阐述当前状态、原因、及提供解决方案)，其次考虑如何接力打力增加用户价值(用户愉悦性、接受度、用户粘性、信任感等)，然后融合业务价值(增加利于商业化的内容模块)，最后注意整体使用情感化的表达方式，从体验文案到配图。
设计案例
下面提供一些实际案例，来讲一下比较典型的空状态设计目标：
1. 解决异常问题
针对异常类空状态，设计目的在于解决问题，恢复任务。以下图中的两个无网络状态举例，文案与配图主要用于陈述当前遇到的网络问题，同时左侧的网易云阐述了解决方案——检查网络设置，右侧的美团则提供了解决当前问题的加载按钮。由于PC端和移动端的差异，因此两者在设计空状态方案时也略有不同。PC端不需要加载按钮，因为网络连接后会自动加载，移动端网络问题主流场景是弱网状态，其次是网络连接中断，用户恢复网络后需要手动去刷新。
新用户初次使用，未执行任何操作，此时空状态页面一方面阐述当前状态，另一方面提供对应的引导，指导用户快速学习产品，上手并填充内容，教育用户的同时解决了空状态的情况。
另一种情况则是涉及到用户权限，例如登录使用的权限。产品内的某些模块、信息与账号体系属于强绑定的关系，需要登录后才可浏览，另外登录使用高级功能也可能是基于业务的考量。由于这类权限空状态会打断用户原有体验流程，因此需要谨慎选择。例如淘宝不会在用户未登录时不予展示商品。
今日事项已清空、任务list已清空，未读邮件已清空，此类用户主动促成“空状态”的场景可以被定义为积极类空状态，此种场景下，清空任务，达成空状态是用户的目的，而不是异常场景。属于用户完成任务后的成功反馈，因此其设计应当偏向正向，积极的主题，适合的鼓励用户，促进用户与产品的互相认可。此类场景是情感化设计最容易发挥作用的地方，从文案的字句斟酌，到插画的情感化融入都有无穷的可操作性。
成熟的产品团队都会结合自家产品特色，历史品牌建设来打造专属品牌形象，如钉钉的钉三多、飞猪的小飞猪等，一个形象打造好可以发挥极大地品牌价值，占领用户心智，从而间接提高市场占有率。打造专属品牌形象，与幽默风趣的主题插画配合，讲故事、谈理想、获取共鸣，强化品牌观一气呵成。而空状态界面正是其优质的载体，制作精良的品牌主题插画更可以缓解用户焦虑、张扬产品个性，与竞品构成差异化。
