← M4 交互 · 流体无边

一条信息至少走三条通道——形状、图案、文字先说,颜色排第四位;再用「同一张表,四种读法」把它证明给你看。

社区卫生服务中心墙上的用药说明表——字大、有编号、四种读法并列。

药有数 Inclusive 的整页缩略图(不裁)

什么时候拿它

  • 公共服务信息页
  • 医疗用药说明
  • 面向老年人的界面
  • 政务与社区通知
  • 无障碍范本

什么时候别拿

  • 追求视觉新异的品牌页
  • 高信息密度的专家仪表盘
  • 以图像为主的作品集

拿走

整份 21 KB,是意图 → 判据 → 构件 → 数值的顺序,不是值的堆砌。 粘给 AI 时说一句「照这套设计做一个 ⟨你的题材⟩」就够了—— 里面写着什么不能改,所以换题材它依然成立。

打开可运行的原件

如果你是 agent,不必复制:

curl -s <站点地址>/p/ux-inclusive-design.md

凭什么信这份规格

AI 复现通过

派过一个只读规格、看不到原页的 AI 重建,逐项对上了。

这是本库唯一的验收方式:派一个只能看规格、看不到原页的 AI 去重建, 再逐项对量。重建不像,就说明规格没写清——回去补规格,不许改实现去迁就。

这一条的账

拆出的色 token
26
字阶
10
构件
48
介质
M4 交互 · 流体无边
civic-trust
入馆
2026-08-10
来源
ux-pack