给系统状态定一套视觉语言
收录 2026-11-05
成功、警告、错误、离线，要能一眼分开。
我的产品需要展示这些系统状态：[状态列表与出现场景]。请帮我设计视觉语言：1）为成功、警告、错误、离线、加载各定一个「颜色 + 图标 + 文案」的结构，并说明颜色之外的冗余编码（图标形状、位置）；2）指出哪些状态容易被混淆，怎么区分；3）给出错误状态下「用户能做什么」的位置与写法；4）检查色盲与深色模式下的可辨识度；5）给一个状态组件的最小规格（尺寸、间距、是否可关闭）；6）说明哪些状态不该用颜色强调。
本站原创
中文原文
复制前替换这些占位符 1
把方括号里的内容换成你的具体信息，替换后再粘贴给 AI。
[状态列表与出现场景]
使用建议
只靠颜色区分状态，等于对一部分用户没做。
可以这样改
- 把风格词换成可测参数：光位、焦段、材质、构图。
- 要求同一提示词出 3 个变体，再对比差异。
交付物（这次应拿到什么）
- 可直接执行的参数表（光线/镜头/材质/构图）
- 2–3 个备选方向，并说明各自取舍
常见错法
- 堆「高级感、电影感、8K」这类词，结果每次都不一样。
- 要真实品牌或明星的样子，得到近似但不可用的图。
输出验收（怎么判断能用）
- 参数可执行：能直接写进工具或交给设计执行。
- 有取舍说明：为什么这样布光/构图，而不是只给结果。
适用场景与注意
- 适合：把模糊的“高级感”拆成光线、材质、镜头、构图等可执行参数。
- 注意：涉及真实品牌、明星、他人作品时改用等价描述，避免侵权与不合规。