设计原则Principles

1. 克制：彩色是信息，不是装饰

界面默认是灰白的。一块颜色出现，必须意味着什么：主色 = 这是主操作；绿 = 正常；琥珀 = 该注意；红 = 出事了。看到颜色就能读出状态，是这套语言的第一价值。

• 做：主色只在主按钮、选中的复选框、底部浮动条；状态色只在状态 pill 和它们对应的图标上。
• 不做：品牌色导航栏、彩色分组标题、彩色图标、为「活泼一点」加的渐变。
• 反例：把侧栏做成品牌蓝底白字。结果是页面里最大的一块颜色什么都不表示，真正要表示「超期」的琥珀反而被压没了。

2. 台账感：数据要对齐、要能扫

用户是在核对而不是在阅读：一列工单号、一列负责人、一列状态，眼睛竖着扫。所以数字等宽、表头退后、行间不画线、状态在固定列。

• 做：tabular-nums；表头 subtle 小字；行高固定；同一列同一对齐方式。
• 不做：把表格做成一张张卡片；在单元格里放彩色进度条；给每行加阴影。
• 反例：管理后台里常见的「卡片流」列表——每条工单一张带阴影的圆角卡，翻三屏才看到十条。台账一屏能看二十条。

3. 现场优先：为最差的条件设计

一线师傅在塔筒下、戴手套、屏幕反光、信号时有时无。他们产生数据，他们用得不好整套沉淀就断了。所以现场端的尺寸与对比是硬指标，不是「偏好」。

• 做：现场端正文 17、触控 56、对比 7:1；提交先落本地队列；语音和拍照常驻。
• 不做：把桌面端的 14px 和 40px 按钮直接搬到手机上；把语音藏进「更多」。
• 反例：某巡检 App 把「保存」放在右上角，师傅单手扶梯时够不到，于是每次都先下梯再保存，然后忘了保存。

4. 说人话：文案是界面的一部分

按钮说清做什么，确认框说清后果，错误说清怎么办。用户不该猜。

• 做：「删除 3 条」「派单给王强」「王强当天已有 4 个工单，超出上限，请改派他人」。
• 不做：「确定」「提交」「操作失败，请稍后重试」「您确定要执行此操作吗」。
• 反例：「提示 / 是否继续？/ 取消 / 确定」——点了确定之后删掉了什么，没人知道。

5. AI 可见：让人看懂 AI 在做什么

AI 干活的过程要展示、要能中断、写操作要先预览。这不只是体验——它是让企业用户信任一个会自己建表改字段的系统的唯一办法。

• 做：分阶段进度、可折叠的思考过程、写操作的「预览 · 未执行」态、可点掉的 AI 抽取标签。
• 不做：一个转圈等两分钟；AI 直接改了数据再通知；转写结果不可编辑。
• 反例：生成应用时只有一个 spinner，用户在第 40 秒刷新了页面，生成被打断，前功尽弃——而且他再也不敢点第二次。