消息状态设计准则

消息状态赋特征于 ui 文本的声音和格调。根据消息传递原则，ui 文本应该是信息丰富且可操作的 (如果可能)。

空状态

在以下情况下可能会出现空状态：页面上的组件没有要显示的项目；页面没有要显示的项目；这两个方案都以稍有不同的方式显示空消息。以下是有关每个案例使用组件的一些准则。

EMPTY COMPONENT 空状态组件

If… a component on a page has no item to show,Then… show inline text inside the component.

EMPTY PAGE 空状态页面

If… a page has no item to show,Then… load the page with illustration & inline text.

错误状态

---

Messaging States

Messaging state informs the UI text’s voice & tone. In keeping with messaging principles, the UI text should be informative and actionable (when possible).

Empty

Empty state can appear in these scenarios:

A component on a page has no item to show

A page has no item to show

Each of the scenario above shows the empty message a little differently. Below are some guidelines around what components to use for each case.

Error

Informational

Offline

Success

Transient

Warning