反例 Anti-patterns

左侧展示容易混淆状态的做法，右侧展示本站采用的规则。对照用的数字只用于部件演示。

不要黑底配黄色大字

注意 WARNING

像警示牌，刺眼；黄色变成了底色，就不再表示"这里"。

要黄色只做小块，上面写墨字

随笔已保存v1.0.249全部 0

黄色只表示"这里 / 可操作 / 注意"。

不要用红色表示告警、失败、待审

⚠ 备份失败！磁盘空间不足

红色一出现就像出事了；而且红色已经留给"删除"。

要黄旗、黄块和墨线

备份没有成功：磁盘剩余 2.1 GB。

失败 暂停

红色只在指向"删除"按钮时擦入。

不要圆角卡片、柔和投影的网格

文章标题一
3 天前
文章标题二
5 天前
文章标题三
1 周前

像通用的后台模板；"3 天前"也不是记录字段。

要整行记录，列是真实字段

  1. v1.0.249补上数据安全、性能与分享04 项调整
  2. v1.0.248首页新增成果影像墙03 项调整

编号、点分日期、计数；悬停时左边落下色条。

不要胶囊、渐变、发光

那是霓虹赛博朋克，不是干净的工业感。

要切掉一个角的块

切角 = 可以按；悬停时黄色从左擦入。

不要点阵、方格纸背景

太满、太像"科技感素材"。

要两角极淡、不闭合的等高线

（这里为了看清加深了；实际只有墨色 9%，并向边缘渐隐。）

不要假技术文字、条形码、坐标

MISSION-DEPENDENT PAYLOAD INTERFACE
0101 1101 0010 1110 · x:2843 y:749

只有质感，没有信息。

要真实的字段，宽体排开

Records
  • 2026.11.03
  • v1.0.249
  • 04 项调整
  • 6 个桌面样张

每个结构元素都要能回答"它显示的是哪个字段"。

不要四四方方的仪表盘方格

像表格，不像控制台。

要围着中心的不对称看板

上下两块靠向圆盘并切掉朝圆的角；中间一块退开，用引线接到圆盘。

不要浅色主题里用黄色画线、写字；衬线斜体

当前所在的分区Endfield

黄色在白底上只有 1.1:1，看不见；衬线斜体和工业感不搭。

要"这里"的线用 --ef-trace；宽体大写

当前所在的分区Endfield工业区

trace 在浅色里是墨，在深色里是黄。