按钮
Design foundation · 01
主题规范
以中性画室为容器，以克制的教学色解释关系。所有后续课程和实验，都从这套视觉语言出发。
01
颜色系统
界面色负责秩序，教学色负责观察。两者不混用。
纸白
#F4F0E7页面背景墨黑
#24231F正文与主操作朱砂
#C8553D重点与暖色藤黄
#E3B341提示与亮色群青
#3D5A9A信息与冷色松绿
#63765B练习与完成02
排版层级
标题负责节奏，正文负责持续阅读，数值负责精确观察。
展示标题 · DISPLAY先看亮暗，
再谈颜色。
再谈颜色。
正文 · BODY
颜色不是孤立地被看见的。我们总是在比较它与周围颜色的明度、冷暖和纯度关系。
OKLCH 64% 0.18 32°展示标题观察颜色关系
48–76 / 1.08 / 600章节标题先建立明度结构
28–36 / 1.2 / 600连续正文一次只比较一个颜色变量，判断会更稳定。
16–17 / 1.8 / 400控件与标签恢复默认 · 灰度检查
12–14 / 1.55 / 60003
操作组件
触控目标清楚、键盘可用，并为每个变化提供可读数值。
实验控件
学习进度
基础课程38%
本章练习72%
状态卡片
明度优先
缩小画面后，最先保留下来的通常是大明暗关系。
04
教学反馈
结论、提示和误区使用不同结构与标记，不只依靠颜色。