完成实践

20分钟练习：固定位置，只改一个色彩参数

做 A/B 两版图：保持画布、背景、中央色块大小和位置不变，只将中央色块 HSL 饱和度从 80% 改为 20%。记录差异，不把自己的偏好当作标准答案。

编辑日期：2026-09-11 · 教学练习不代表真实个案

直接回答

做 A/B 两版图：保持画布、背景、中央色块大小和位置不变，只将中央色块 HSL 饱和度从 80% 改为 20%。记录差异，不把自己的偏好当作标准答案。

0—3分钟：准备材料

用支持矩形和 HSL 输入的绘图工具新建 600×400 画布。背景 hsl(210 30% 25%)；中央放 80×80 色块，A 用 hsl(25 80% 55%)，B 用 hsl(25 20% 55%)。保留 A/B 两版，不叠加文字或阴影。

3—6分钟：先作预测

不要先给 A/B 标“好看/难看”。写下预计哪版更显眼、预期原因是什么，再复制 A 得到 B，只改 S 参数。保存文件名 A-original、B-low-s，便于追溯。

6—11分钟：观察并记录

先写“降低 HSL S 后，我预计中央色块与背景的差别会怎样变化”。并排打开 A/B，各看数秒，记录实际感受。HSL L 不变不保证感知亮度完全不变，因此这不是严格隔离知觉变量的实验。

11—16分钟：写一份示例报告｜虚构记录

示例：“A 的中央橙块鲜艳，B 更接近灰褐；在同一屏幕与大小下，我觉得 A 与蓝底分离得更明显。差别可能与鲜灰程度有关，但色块看起来的明暗也可能改变。没有独立测量，不能声称纯粹由饱和度造成。”这段是写作示范，不是实测结果。

16—20分钟：按产出复盘

交给自己一份记录：两版图、色码、保持不变的条件、改变的参数、两句观察、一句解释和一句限制。完成即可；不要求你的喜好与示例一致。

进阶：用本站图解发现多变量问题

本站首页的 A/B 图移动橙块，保持色码与尺寸，却同时改变位置和邻接背景。它用于展示“配色标签相同、画面关系不同”，不用于证明单一变量的因果。把它改成固定中心、只换背景，就得到另一项练习。

参数练习参考答案与自检

应保持两版画布均为600×400、中央矩形均为80×80，背景为hsl(210 30% 25%)。矩形的H=25、L=55%不变，S从80%降至20%，减少60个百分点；不是明度减少60%。可核对的答案是参数变化和条件一致。视觉感受允许不同：若你没有感觉到差别，仍应如实记录，再检查缩放、色值和显示模式，而不是改成示范答案。

把方法变成行动

下载练习单并填写材料来源。
按画布与色码建立 A 版。
复制为 B 版，仅调整 HSL S。
在相同显示条件下记录两句观察。
写一条解释、一个限制和下一轮改动。

下载离线练习单

记录与结论对照表

需保存的项目	示例值	检查方式
固定条件	600×400；80×80 居中；同一背景	对照两版文件
改变参数	HSL S：80% → 20%	核对取色器
输出内容	预测、观察、解释、限制	别人能照着重新制作