29. 📭 空状态与错误设计 Empty States & Error Design ★★★☆☆
🌏 Web 网页规范
- 整页 404 / 500 视觉与业务重导向
- 表单单项行内即时错误恢复 (Inline)
- 富文本全局错误提示横幅 (Banner)
📱 App 移动端规范
- 离线网络错误自动检测与一键重试
- 零数据列表插画与首发行动大按钮 (CTA)
- 页面卡片局部轻量报错与重绘
Web 端通常使用整页的 404 错误并提供搜索框、热门链接引导用户返回。在表单录入时，遵循行内实时错误提示，而非在提交后弹窗报错，降低流失率。
App 移动端常面临网络中断与空白状态，空状态必须包含插画、说明文本以及一键行动按钮（CTA，如“新建项目”）。在断网时提供显式的“点击重试”机制以防卡死。
LIVE PLAYGROUND: 空状态与行内报错重试模拟
点击切换错误或空状态，查看相应的引导文案与一键修复动作响应机制
https://web.meta-ui.edu/emptystates
点按上方按钮模拟不同反馈状态...
📋 大模型统一 Prompt (LLM Prompt)