Skeleton screen 骨架屏
/SKEL-uh-tun SKREEN/ · noun · 反馈类模式 · #064
加载时替内容占位的灰色影子，在数据到达前先许诺布局。比转圈感觉更快，因为它预告了东西会落在哪。
你可能会这样叫它
- “加载时的灰色占位块”
- “闪烁的加载占位”
- “内容出来前的灰色框”
- “骨架屏加载”
- “加载占位图”
……它的名字是 骨架屏（Skeleton screen）。
常见问题
骨架屏是什么意思？
骨架屏（Skeleton screen）是内容加载时的灰色占位影子：先把布局画出来，数据到了再替换。比转圈感觉更快，因为它预告了内容会落在哪。
骨架屏的英文叫什么？
Skeleton screen，也叫 skeleton loader 或 content placeholder——加载期间替真实内容占位的灰色形状。
代码里叫什么
| SwiftUI | .redacted(reason: .placeholder) |
|---|---|
| UIKit / Android / Flutter | 没有内置骨架屏，通常是按内容形状画的灰色占位块，常加闪光动画 |
| Web (HTML / ARIA) | aria-busy="true" |
复制给 AI 编程工具
在这个列表加载时显示骨架屏：用灰色占位块画出和真实内容一样的形状和位置（头像圆形、两行长短不一的文字、图片框），加一点轻微的闪光动画，并在用户开启“减少动态效果”时关掉。真实内容原地替换，不要让布局跳动；加载期间给区域标 aria-busy="true"，加载失败时改为显示错误提示。