骷髅 设计体系

检查进度

重置

01

结构及意义

在使用环境中比较信息和演示。

坚持实际的内容形状保持位置和尺寸接近将替换骨架的部分。了解内容结构后使用骨架；并不意味着数据可用。示例 加载结果卡有一个图像区域、标题和两个描述行。保持适度的突出程度使用中性颜色，以免与加载的内容竞争。尝试在任何明暗背景上使用骨架;假图像需要可识别,但不能比加载的内容更突出。运动是温和的并且可能会减少避免闪烁，尊重减少运动的选择。打开系统的运动减少选项,以测试效果是否减少或消除,同时仍然了解负载。

02

交互性和可用性

尝试操作，更改状态并继续工作。

一次性加载通知不要让支持工具读取每张假图像；描述了整个地区的状况。支持工具只需要知道正在加载的区域,而不需要读取每个模拟的条形或矩形。有明确的结局线用数据、空状态或错误替换骨架；不要无限期地等待。当内容出现时,保持稳定的位置;还可以尝试空结果情况和错误加载,这样骨架就不会永远存在。

进度会自动保存在此浏览器中。

指南

检查方法

01

坚持实际的内容形状

了解内容结构后使用骨架；并不意味着数据可用。

示例

应用示例

坚持实际的内容形状

加载结果卡有一个图像区域、标题和两个描述行。