Skeleton Screen 发音

Definition 定义

“骨架屏/骨架屏幕”：在内容尚未加载完成时，先显示一个页面结构的灰色占位框架（如标题条、图片块、段落线条等），让用户预先感知布局，减少等待时的焦虑并提升“速度感”。

Pronunciation 发音（IPA）

/ˈskelɪtən skriːn/

Examples 例句

The app shows a skeleton screen while the feed loads.
应用在信息流加载时会显示骨架屏。

Instead of a spinner, we used a skeleton screen that mirrors the final layout, which made the waiting time feel shorter.
我们没有用转圈的加载图标，而是用了与最终布局一致的骨架屏，这让等待时间感觉更短。

Etymology 词源

“Skeleton”原意是“骨架、骨骼”，在设计语境里引申为“结构框架”；“screen”是“屏幕/界面”。合起来指“先呈现界面骨架结构的屏幕”。这一用法主要源自现代 Web 与移动端的交互设计实践，用来优化加载体验（相较于仅显示加载动画）。

Related Words 相关词汇

• Placeholder
• Loading
• Spinner
• Progress Bar
• Shimmer
• Wireframe
• Latency
• Perceived Performance

Notable Works 文学与著名作品用例

• Designing Interfaces（Jenifer Tidwell 等）：在界面模式与加载反馈相关章节中常讨论占位与渐进呈现思路。
• Refactoring UI（Adam Wathan & Steve Schoger）：在实用 UI 建议中涉及“加载状态/占位骨架”这类常见方案。
• Google Material Design Guidelines（材料设计规范，文档体）：在“加载与反馈（Loading/Progress indicators）”等指导中与骨架屏思路相近，常被产品设计引用。