色哟哟,把颜色玩明白
从“这是什么颜色”到“我想怎样表达”
色哟哟是一个色彩教育练习站。这里的每张卡片都通向本页的完整练习,适合亲子共学、课堂热身与成人零基础自学。先从辨认相似和不同开始,再逐步尝试明暗、搭配与画面表达。颜色没有唯一的好看答案。与其急着纠正,不如请学习者解释选择:这两个颜色哪里相似?哪一个更显眼?换成浅底色之后有什么变化?观察比背词更重要。颜色名称用于交流,不必把所有相近颜色都分出固定边界;允许用“像晴天的蓝”“偏黄的绿”描述看到的差别。
每次选一个练习即可。本文标出的时间是建议活动时长,可按注意力和材料调整。先做一张小样再画大图,保留尝试的过程,比较前后变化。无需账号,阅读后就能用纸笔开始。
给陪伴者:提具体问题,不做速度排名。不把对某个颜色的偏好和性别、性格绑定,也不把分辨颜色的表现当作学习能力的判断。
给初学者:一次只改变一个条件,例如保持颜色相同而改变深浅。先记录自己的发现,再看练习提示;画得简单也能把关系说清楚。
给每一种观看方式:重要信息同时写上文字或标上形状。用“蓝色三角形”代替“选蓝色”,让颜色辨认有困难的人也能参与。
两色面积配对游戏
一支彩笔的明暗阶梯
窗边的同色观察
颜色加形状的分组牌
共同完成一张配色地图
相近色的深浅排队
三色小样选择赛
用冷暖对比画两张卡
生活包装的主次色
让标题更容易读
作品分享与观察笔记
入门顺序榜 · 从观察到表达
六个练习准备与方法
先准备,再动手纸张与画笔
准备白纸、彩色铅笔或蜡笔即可。不要求购买成套绘画工具;没有某种颜色时,换用身边已有的颜色,记录这次选择。
先做一格小样
在纸角画一个小方格试色,观察同一支笔轻涂和重涂的区别。使用颜料时另留一块调色区域,避免反复混合整张作品。
一次一个问题
今天只比较深浅,下一次再比较冷暖。减少同时出现的变量,能更容易说清“我改了什么、画面怎样变化”。
照着步骤,也可调整
建议时间只帮助安排活动。注意力转移时可停在任何一步;下次从小样继续,无需为了完成清单强迫延长活动。
给颜色加线索
每个颜色小样旁写名称,或者配一个不同形状。分组游戏也用字母或数字标记,降低单靠颜色辨别的负担。
收尾也是练习
把画笔归位,给作品写一句观察笔记。用“这块比刚才浅”这样能验证的描述,代替只有“好看”或“不好看”的评价。
六个值得保留的好习惯
给学习过程留空间先解释再评价
请学习者先讲一个选择理由。陪伴者可以补问“换一个底色会怎样”,不急着给出标准答案。
比较自己的前后变化
把第一次和第二次尝试并排放,找到一个具体变化,例如标题更清楚或颜色数量减少。不要用同伴作品作压力标准。
保留不同选择
红色不只属于热闹,蓝色也不只属于安静。让每个人把自己的经验说出来,颜色和情绪的联系可以因人而异。
从少量颜色开始
先用两三种手头已有的颜色完成作品。颜色数量少,反而便于看出主次关系;之后再决定是否需要增加。
允许重新试一小块
出现不满意的搭配时,先在另一张纸试改法。重做一小块比反复覆盖整张画更容易比较结果。
分享过程而非分数
展示一张试色纸、一处修改和一句新发现即可。共同活动不设置公开成绩单,保留继续尝试的意愿。
色彩与视觉无障碍
看见颜色背后的关系色相、明度与饱和度
色相可以理解为颜色偏向红、黄、蓝等哪一类;明度关注明暗;饱和度描述颜色的鲜艳程度。比较时固定其中两个条件,再观察另一个,会更容易理解。
三个观察维度颜料与屏幕不是同一件事
屏幕发光,纸上的颜料依赖照明呈现颜色。不要用屏幕显示的色块去要求颜料一模一样;颜料品牌、纸色、含水量与光线都会影响实际结果。
实物小样优先让文字与底色分得开
网页普通文字通常需至少4.5:1的对比度,大号文字通常为3:1。课堂手绘先用深字浅底、避免把字压在花纹上;这些是入门做法,不能代替对最终配色的测量。
依据 W3C WCAG 2.2颜色之外,再给一个提示
表示不同组别时,加上文字、形状或线型。例如A组用圆形,B组用三角形;看不出颜色区别时仍能按标签完成任务。灰度检查可发现部分问题,但不能代表所有人的视觉体验。
依据 W3C 颜色使用说明六步学习时间线
可按自己的节奏重复常见问答
8个实际问题色哟哟适合完全不会画画的人吗? 入门
适合。练习从物品分类、色块和几何图形开始,不要求画出逼真的物体。先选颜色寻宝或深浅排队,用语言描述观察也算完成。
每次一定要完成整项练习吗? 节奏
不必。时间仅作安排参考;做完一个小样、说出一个发现就可以休息。下次从保存的纸继续,或换一项更感兴趣的活动。
没有很多颜色的画笔怎么办? 材料
一支彩色铅笔就能做明暗阶梯,两支笔能做面积配对。没有彩笔也可先比较灰色深浅、形状和线型,再把方法带到颜色练习里。
孩子给颜色取了不常见的名字,要纠正吗? 陪伴
先请孩子指认具体色块,了解这个名字描述的是什么。可以补充常用名称帮助交流,同时保留“像雨天的蓝”这样的观察表达。
混色结果为什么和屏幕色块不同? 混色
纸张、颜料和屏幕的呈色方式不同,光线也会改变观看感受。用自己的材料先做小样,记录实际比例与结果,不把屏幕效果当作必须复制的答案。
一定要用互补色才算会配色吗? 搭配
不需要。先说清用途,再观察主次、面积和文字清晰度。相近色、单色深浅或强对比都可使用,能支持你的表达即可。
怎样让辨色有困难的人一起玩? 参与
给色块写名称和编号,再配不同形状或线纹;讲规则时同时说出这些标签。不要求靠辨色速度得分,也不要把练习当成色觉检测。
能把屏幕转成灰度来判断所有无障碍问题吗? 无障碍
不能。灰度有助于检查一部分明暗问题,但不会模拟所有人的观看方式。还要看文字大小、实际对比度和是否存在文字或形状提示;网页可参考下方W3C资料。
12个练习的完整步骤
按卡片跳到这里即可开始。所有活动都可以用纸笔完成;时间按参与者节奏调整。
颜色寻宝与分类
认识颜色 · 建议10分钟
从身边找同色物品,练习描述“相近”和“不同”,不需要把名称背得很熟。
准备材料:三至六件安全的日常物品、白纸和彩笔。
- 先选一个目标颜色,在桌面附近找三件接近它的物品。不要攀爬或翻找不熟悉的容器。
- 把物品放在白纸上,比较偏黄、偏蓝或深浅的差别;画三个色块记录。
- 换一个分类依据:把“颜色相近”改为“形状相近”,看看分组怎样改变。
观察与讨论:同一组物品一定完全同色吗?白纸背景和深色桌面会不会影响你的感觉?
调整做法:还不能说颜色名称时,可以指认或配对。看不出色差时改按形状分组,也能参与。
返回练习卡片 ↑两色面积配对游戏
配色游戏 · 建议15分钟
选两种颜色,交换大面积与小面积的位置,看看画面重心如何改变。
准备材料:两支颜色不同的笔、一张划成两格的纸。
- 在第一格用颜色A画大背景,用颜色B画小圆点。
- 在第二格保留相同形状,把A与B的面积关系交换。
- 并排观察:哪一张先注意到小圆点?为两种方案各写一句用途。
观察与讨论:同样的两种颜色,面积一换,感觉是否不同?没有固定获胜方案,能说明理由就完成。
调整做法:用A、B字母标在两色旁;也可把小圆点换成三角形,比较形状的作用。
返回练习卡片 ↑一支彩笔的明暗阶梯
绘画练习 · 建议15分钟
用轻重不同的笔触做出五格色阶,再用其中三格画简单几何组合。
准备材料:一支彩色铅笔、白纸、直尺可选。
- 画五个方格并编号1至5,从很轻的排线开始逐格增加覆盖。
- 尽量保持同一方向和相近线距,观察重叠次数带来的深浅变化。
- 选择浅、中、深三格的画法,在新纸上画三个不同大小的方块。
观察与讨论:最深的一格还能看见纸纹吗?层层叠色和一次用力压笔有什么差别?
调整做法:不方便控制力度时,改用五种已有的浅深色笔;目标是看出层次,不是训练握笔力量。
返回练习卡片 ↑窗边的同色观察
生活观察 · 建议10分钟
把同一张色纸放到两种光线里,记录颜色看上去的变化。
准备材料:一张色纸或一本单色封面的书、白纸。
- 先在室内固定位置观察色纸,写下“较亮”“偏暖”等描述。
- 把同一张纸移到窗边的柔和散射光下,不直视太阳。
- 回到原来的位置再比较,记录最明显的一处变化;每次只移动纸张或更换照明其中一项。
观察与讨论:变化来自物品本身,还是观看条件?为什么买来的颜料和屏幕小样可能不一样?
调整做法:无法移动时,用一张白纸和深色纸分别作背景;这次比较的是背景影响,要另作记录。
返回练习卡片 ↑颜色加形状的分组牌
视觉无障碍 · 建议15分钟
给颜色标签增加文字和形状,做一组不用只靠颜色辨认的活动牌。
准备材料:彩笔、纸与尺子;不需要裁剪。
- 在纸上画两张牌,A组用蓝色圆形,B组用橙色三角形,同时写上组名。
- 另画两张只有颜色的牌,与加了提示的版本并排比较。
- 请同伴按“A组”或“三角形组”的文字指令找牌,检查是否能清楚对应。
观察与讨论:当不能准确说出颜色时,哪一条提示仍有用?标签文字是否足够大?
调整做法:用实线、虚线代替形状也可以。不要用这项活动测试或评判任何人的色觉。
返回练习卡片 ↑共同完成一张配色地图
共同创作 · 建议20分钟
把每个人找到的颜色连接成地图,练习协商与说明,不选“最好看”的作品。
准备材料:一张大纸、每人两三支彩笔。
- 各自在纸的一角画三个色块,并写上颜色让自己想到的事物。
- 一起决定连接规则:相近颜色用实线,相同联想用虚线。
- 轮流解释一条连接,在图边写下大家约定的图例。
观察与讨论:两个人会给同一种颜色不同联想吗?怎样让后来加入的人读懂连接?
调整做法:可以由一人负责口述、一人负责记录;联想用短词、图形或指认表达均可。
返回练习卡片 ↑相近色的深浅排队
认识颜色 · 建议10分钟
把一组相近颜色排成序列,允许难分的色块并列,练习比较明度。
准备材料:同色系的四至六张色卡,或自己画的小样。
- 在相同光线、同一底纸上摆出小样,选出看起来最浅与最深的两张。
- 把剩余小样逐张插入中间位置,每次只和邻近两张比较。
- 给顺序编号;难以决定的两张先并列,再换一种摆放顺序观察。
观察与讨论:如果两张颜色很鲜艳但不够相近,深浅是否更难比较?为什么要先选同色系?
调整做法:可以用灰色深浅纸代替彩色纸,重点练习序列;不要求每人排出完全相同的答案。
返回练习卡片 ↑三色小样选择赛
配色游戏 · 建议15分钟
为阅读角或邀请卡做两种配色,用表达理由完成自我比较。
准备材料:三至五支彩笔、白纸。
- 选一个用途,先写下你希望别人首先注意到什么。
- 从现有笔中选三种颜色,为背景、标题和小装饰分别分配角色。
- 做第二种方案,只替换一种颜色;比较后说明你留下哪一版以及原因。
观察与讨论:哪种颜色负责大面积,哪种负责提醒?选择是否与用途一致?这里的“赛”是自我比较,不计速度和分数。
调整做法:不便区分颜色时用A、B、C编号,并用不同线纹区分各角色。
返回练习卡片 ↑用冷暖对比画两张卡
绘画练习 · 建议20分钟
同一组几何图形分别用偏暖与偏冷的配色,比较自己的感受。
准备材料:红橙黄与蓝绿紫中手头已有的笔、白纸。
- 在两格里画相同的圆、方形与线条,保持大小和位置一致。
- 第一格主要选偏红橙黄的颜色,第二格主要选偏蓝绿的颜色。
- 为两格各写一个你自己的感受词,再问同伴是否有不同看法。
观察与讨论:冷暖是配色中的相对感受,不代表物品温度。相同颜色放在不同邻色旁会不会显得不一样?
调整做法:不强求把每种颜色永久分到冷暖组;也可只比较一暖一冷两支笔的组合。
返回练习卡片 ↑生活包装的主次色
生活观察 · 建议15分钟
观察干净包装或书封面,找出背景色、标题色与少量提醒色。
准备材料:一本书或清洁的纸盒、白纸与彩笔。
- 先盖住文字内容,只看颜色占用的面积,画一个简化比例条。
- 打开文字观察,指出最先被注意到的位置,看看它是否利用了深浅或面积对比。
- 用三块颜色重画它的主次关系,再为自己的笔记封面设计一组。
观察与讨论:最显眼的颜色一定面积最大吗?重要文字是靠颜色、大小还是位置突出?
调整做法:不要以包装外观判断食品或用品是否安全;本练习只观察平面设计。
返回练习卡片 ↑让标题更容易读
视觉无障碍 · 建议15分钟
对照浅字浅底与深字浅底,理解为什么漂亮配色还需要清晰文字。
准备材料:浅色笔、深色笔、白纸。
- 在两格相同大小的浅底色中写同一句短标题,一格用浅字,一格用深字。
- 保持字大小与字距相同,比较普通阅读距离下哪一格更容易认。
- 在标题下加一条下划线来标识链接含义,避免只有字色变化而没有其他线索。
观察与讨论:网页对比度需要用准确色值测量,纸笔对照只是感受练习。普通网页文字通常至少4.5:1,大号文字通常至少3:1。
调整做法:给视力或颜色辨认不同的同伴留出选择字号和距离的空间;不要把灰度预览当作完整无障碍验证。
返回练习卡片 ↑作品分享与观察笔记
共同创作 · 建议15分钟
选一张练习作品,用“我试了、我改了、我发现”三句话讲清过程。
准备材料:自己做过的一张练习纸、笔。
- 圈出第一次尝试的一小块,说出当时想做什么。
- 指向一处修改,描述你改变了颜色、深浅、面积还是文字提示。
- 写下下一次想比较的问题,与同伴交换一个具体建议。
观察与讨论:建议能否直接试出来?“把标题用深笔重写”比“再漂亮一点”更容易实践。
调整做法:不愿展示整张作品时,只分享一个色块或一句观察。尊重是否分享的选择。
返回练习卡片 ↑