← 返回全部术语
加载与系统反馈 / TERM 232

骨架屏Skeleton Loading

数据来之前,先看见内容轮廓。

232
LIVE PREVIEW
内容加载中…
✦   MOTIONLEX

01 这个效果是什么

用与最终内容接近的占位结构降低等待的不确定感,不能无限停留在占位状态。

02 可以这样告诉 AI

为文章卡片列表添加骨架屏:加载中保留封面、标题和两行摘要的固定占位,真实数据到达后平滑替换。加载失败时显示错误和重试入口;减少动态效果模式下不播放闪光动画。

03 做好后看什么

  • 占位尺寸接近真实内容
  • 加载失败能退出骨架状态
  • 切换到内容时页面不明显跳动