用途:该技能聚焦骨架屏(Skeleton Screen)设计,用于在内容加载期间预览页面结构,改善感知性能。
主要能力与原则:骨架屏应匹配实际内容布局,预览正在加载内容的结构;动画需克制,采用1至2秒间隔的脉冲或微光效果;内容若在300毫秒内加载完成则完全跳过骨架屏;采用渐进式加载,内容到达即展示,不必等待全部加载完毕。
常见模式:文本内容用宽度不一的条块表示标题、副标题与多行正文;卡片用圆角矩形表示图片区域,配2至3行不同宽度的文本,尺寸与加载后的卡片一致;表格用与列宽匹配的单元格行,通常5至8行骨架行。
反模式:内容密集型页面使用通用加载转圈;骨架屏与加载后布局不一致导致内容位移;骨架屏显示不足200毫秒造成闪烁;同时加载骨架屏与内容,使骨架屏失去意义。
限制:资料未提供具体代码实现、安装命令、平台支持或收费信息。