--- title: 明暗与视觉对比 url: https://doc.liz6.com/general-education/visual-foundations/01-gray-and-context locale: zh area: general-education tags: - 通识入门 - 视觉基础 - 美术 - 明暗 - 观察练习 date: 2026-09-10 modified: 2026-09-10 description: 用两个可操作实验理解同时明暗对比：核对同灰色块，改变瓶子的背景，再把比较明暗的方法带回绘画与日常观察。视觉基础第一篇，无需绘画经验。 --- # 明暗与视觉对比 你在白底上挑好一种灰，放进深色画面里，却发现它显得亮了。颜色数值明明没改，哪里变了？ **一块颜色的视觉效果，也取决于它周围的颜色。** 这是学习绘画、配色和构图时，很早就值得建立的观察习惯。 这是「视觉基础」的第一篇。不需要会画画，也不需要记公式。读完并做完练习，你应当能区分“颜色数值相同”和“看起来相同”，并试着通过调整背景，改变一个形状在画面中的明暗角色。 ## 先看：两块灰，哪一块更亮？ 先按自己的感受判断，不用猜教程想要的答案。看过原图后，遮住背景再比较，最后把背景交换一次。 **先凭眼睛判断，再遮住背景核对** 左右方块始终使用相同的灰色 RGB(128,128,128)。初始左背景为深灰，右背景为浅灰，左方块通常显得更亮；遮住背景后，两块都处在同一浅灰底上；交换背景时，只改变背景，不改变方块。 常见的感受是：深灰背景里的小方块显得更亮，浅灰背景里的显得更暗。可是两个小方块从头到尾都使用同一填色。变化发生在它们的周围。 这类现象称为**同时明暗对比**：在同一个画面里，周围的明暗会影响一个区域看起来的明暗。“同时”强调它们一起出现在眼前；这里不需要长时间盯住画面，也不用先看另一幅图制造残像。[现象与对照示例](https://colourliteracy.org/simultaneous-contrast) 遮住背景这个操作很有用：小方块的位置、大小和数值保持不变，只把周围换成相同的灰。这样，你就能比较“背景不同”和“背景相同”两种条件，而不是只听一句“它们其实一样”。 如果差异不明显，不必强迫自己看出效果。观察距离、画面大小、周围环境和显示条件都会影响体验；**你看到的差异强弱，不是这道练习的对错标准。** ## 分清：数值相同，不等于感受相同 先把下面两个问题分开： | 你在问什么 | 怎样核对 | 本例里的结果 | | --- | --- | --- | | 两块颜色的数值一样吗？ | 查看填色，或在同一张截图上取样 | 一样，都是 RGB(128, 128, 128) | | 两块颜色看起来一样亮吗？ | 在当前背景中观察和比较 | 可能不一样，深背景中的通常更亮 | RGB 是屏幕颜色的一种数字写法。这里三个通道相等，表示灰色；`128` 是 0—255 编码范围中的一个值，`#808080` 是它的另一种写法。**它不表示“物理亮度的一半”，也不表示“感觉上正好一半亮”。** 这篇说“两块灰相同”，指图形使用同一颜色数值，不是在测量你的显示器实际发出了多少光。 画画时常说的“明暗关系”，关心的是：这一块与旁边相比，偏亮还是偏暗？差别大还是小？先把关系看清楚，往往比孤立地问“这块究竟是几号灰”更有用。 ## 为什么周围会参与判断？ 视觉系统会处理相邻区域之间的差别，并把局部信息放到更大的图像结构中组织。你体验到的明暗，并不是给每个像素单独读出一个数值。 可以先用一句工作方法帮助自己观察：**看这一块，也看它与周围的关系。** 但不要把这句话理解成“眼睛总是把目标数值减去背景数值”。那个减法能描述一部分图像差别，不能直接算出人的感觉。 对于这里的经典明暗对比，实验研究支持早期视觉处理的重要作用；因此，也不宜把它全解释成“大脑觉得左边有阴影，于是猜它更亮”。本篇的实验没有画阴影，照样可以出现差异。[Sinha 等，2020：同时亮度对比的机制研究](https://web.mit.edu/sinhalab/Papers/Brightness_VR2020.pdf) 这个入门实验能帮助你确认“周围会影响外观”。它本身不能证明全部神经机制，也不能推出“只要周围更暗，中间就一定显得更亮”：更复杂的条纹、边界和分组方式，可能产生不同方向的效果。[同时对比与 Munker–White 效应的比较](https://colourliteracy.org/simultaneous-contrast) ## 用起来：让同一个灰瓶子成为亮形或暗形 下面是一张只有瓶子剪影和背景的平面小画。瓶子始终用同一块灰，没有增加高光、投影或材质。 先试一个具体任务：**保持瓶子不变，让它从“浅底上的暗形”变成“深底上的亮形”。** 拖动背景时，留意途中有没有一个位置，瓶子的轮廓几乎看不见了。 **只改背景，让同一个瓶子成为亮形或暗形** 瓶子的剪影始终为 RGB(128,128,128)，滑杆只改变均匀背景的灰色编码值。背景低于 128 时瓶子比背景亮，高于 128 时瓶子比背景暗；等于 128 时，两者填色相同，轮廓消失。这是平面明暗关系练习，没有模拟光照或材质。 你改变了两件相互关联、但需要分清的事： - **明暗角色变了。** 瓶子在浅底上比周围暗，在深底上比周围亮；这首先是目标与背景之间的实际数值关系。 - **瓶子的外观也可能变了。** 即使它的填色始终相同，放进深浅不同的背景，仍可能显得一亮一暗，这与前面的观察有关。 背景和瓶子同为 128 时，轮廓消失，是因为图像在边界两侧已经没有颜色差别。这里不需要用错觉来解释。 下面把三种关系并排留下来。它是一张明暗关系速查图：中间图形的填色相同，变的是背景。 同一块灰的三种明暗关系 三张方形画面中，中央圆形均为灰色 128。背景分别为 32、128、224：圆形分别比背景亮、与背景同灰而不可见、比背景暗。 比背景亮与背景同灰比背景暗 同一块灰的三种明暗关系，竖排 三幅图的圆形都为灰色 128。从上到下，背景分别为深灰 32、中灰 128、浅灰 224；圆形分别比背景亮、与背景同灰而不可见、比背景暗。 比背景亮与背景同灰比背景暗 **这给绘画一个很实用的调整方向：想让主体显得亮一些，除了改主体，也可以尝试调整它周围的明暗。** 是否更合适，要放回整个画面里判断。强对比适合一些表达，柔和、接近的明暗也能服务另一些表达；这里没有“越鲜明越好”的审美评分。 ## 完整示范：一间小屋，怎样从“灰成一片”变得清楚？ 前面的实验解释了局部背景关系。现在换一个真实的绘画问题：你画了天空、山、小屋和草地，细节不少，缩小以后却什么都不突出。继续给屋顶添瓦片，通常解决不了这个问题。 同一小屋：A 零碎且接近的灰，B 归成明暗组，C 把最强反差留给窗。 A B C 同一小屋：A 零碎且接近的灰，B 归成明暗组，C 把最强反差留给窗。 A B C **A：先诊断，而不是马上加深。** 天空、山、地面和房子的灰色都靠得很近，零碎线条又分散在各处。房子边界缺少清楚的差别，所以“画得更多”没有带来“看得更清楚”。把图缩到邮票大小，会更容易发现这一点。 **B：先归成三个大组。** 这里选择亮天空、中灰山、较暗地面，让小屋落在能与它形成差别的背景前。归组不是说组内必须只有一个灰，而是让组内的小变化服从组与组之间的大区别。画草时可以有几种灰，但不要让每根草都抢过房子。 **C：再决定最强的反差放在哪里。** 如果想表达暮色中的灯光，可以压暗房子，让小窗接近亮端。窗的面积很小，却因邻近深色墙面而形成清楚的重点。如果想介绍建筑外观，B 反而可能更合适：C 牺牲了墙体细节。取舍要由表达目标决定。 这组图同时展示了两种尺度的判断：远看时，检查大块明暗是否组织得清楚；近看时，检查某条边界两侧是否有足够差别。只看直方图里有没有纯黑纯白，不能替代这两次观察——同样的灰色数量，放在不同位置会产生不同画面。 ## 高调、低调与反差：三个容易混淆的说法 “高调”通常指画面较大部分落在明度较高的范围，“低调”则偏向较暗范围。它们描述的是明暗分布，并不规定画面里绝不能有另一端的颜色。大片明亮雪地里可以有一棵深色树；大片夜色里可以有一盏亮灯。 反差关注的是差别。高调画面也可以让那棵黑树形成很强反差；低调画面也可以让暗墙与暗衣服之间的差别很微弱。所以不要把“高调＝没有黑”“低调＝所有东西都看不清”当作操作方法。 | 想表达什么 | 可以从哪里开始 | 修改后检查什么 | | --- | --- | --- | | 轻、亮、空气感 | 让大面积保持较亮，只保留少量深色锚点 | 浅色主体的边界是否还读得出来 | | 夜色、隐约的空间 | 把大部分区域放在较暗范围，留少数亮处 | 重要物体是否全部并入同一黑块 | | 清楚的信息层级 | 给关键对象较明确的邻近反差 | 角落的无关细节是否拥有同样强的反差 | 这些是可试的画面策略，不是情绪公式。明亮场景也可能不安，暗场景也可能宁静，题材、形状和排列都会参与表达。 ## 自己检查一张图的顺序 先写出希望看清的对象，再把画面缩小或眯眼看。用“亮、中、暗”描述三块最大的区域；如果三者无法分开，先改大块分配。接着沿主体轮廓找两处最弱的边界，决定要让它们清楚，还是有意融进背景。最后才恢复小细节。 这里的灰阶示意没有模拟真实照明。它教的是怎样组织平面关系；下一篇再解释为什么真实表面会形成不同明暗。 ## 换张图判断：店招需要改哪里？ 目标是保持 OPEN 字样的灰色不变，让它从招牌底色中更清楚地显现。A 是现状，B、C 是两个修改。先只看图：哪一个符合这个约束？如果没有“字色不变”的要求，另一个是否也可能成立？ 换张图判断：店招需要改哪里？ OPEN #828282 OPEN A OPEN #828282 OPEN B OPEN #333333 OPEN C 换张图判断：店招需要改哪里？ OPEN #828282 OPEN A OPEN #828282 OPEN B OPEN #333333 OPEN C
先判断，再展开图解 B 只压暗招牌底色，字仍是同一灰色；C 改深了字色，能增加字与底的差别，但违反了本题的固定条件。两种做法都可能解决可辨认性，选择取决于哪些部分可以动。先说明目标与约束，再比较效果，才能把第一篇的背景实验用于实际图案。
## 自己试：把这个方法带出教程 ### 一个不用电脑的观察练习 从同一张灰纸上剪下两小块，分别放到白纸和黑纸上，让它们受到相近的照明。先比较它们的外观，再把两块都移到同一张背景纸上。没有灰纸，也可以在绘图软件中复制同一个灰色方块，放在深浅两种底上。 记下两句话就够了：“我保持不变的是……”“我改变的是……”。在纸面练习中，也留意纸张位置、反光和照明是否同时发生了变化。 ### 两个换了场景的问题 **1．海报上的灰字，放到深色封面里显得太亮。你能据此断定设计软件改了字色吗？你会怎样核对？**
展开参考思路

不能只凭外观断定。先核对文字的颜色数值、透明度等设置，再把两份文字放在相同背景上比较。如果颜色数值相同，而换背景后外观改变，就要把背景关系纳入判断。取色能帮助核对数值，却不能代替在最终背景上检查实际阅读效果。

**2．中灰瓶子几乎融进同灰背景。瓶子的填色不能改，想让轮廓出现，只能把背景调暗吗？**
展开参考思路

调暗或调亮都可以，只要背景与瓶子出现足够可见的差别。调暗后瓶子成为亮形，调亮后成为暗形。这个问题在检验你能否使用两者之间的明暗关系，而不是记住“背景要暗”这一种操作。

做完后，找一张自己喜欢的画、照片或海报，选一个局部，试着描述它“比周围亮还是暗”，再观察这种关系怎样影响它的显眼程度。先描述你看到的关系，再决定是否要修改。 ## 接下来可以观察什么 这一篇先练习在平面中比较明暗。沿着这个问题继续走，可以研究：一个物体的亮面、暗面和投影，怎样让我们看见它的体积。那时需要进一步区分物体表面的颜色与照明造成的变化。 ## 资料与延伸阅读 - [Colour Literacy Project：Simultaneous contrast](https://colourliteracy.org/simultaneous-contrast)——同时对比的视觉示例，以及它与其他背景效应的区别。 - [Sinha 等（2020）：Mechanisms underlying simultaneous brightness contrast: Early and innate](https://web.mit.edu/sinhalab/Papers/Brightness_VR2020.pdf)——关于经典明暗对比的实验研究，供希望进一步了解机制的读者查阅。 本文的方块、瓶子与关系图均为本教程绘制；交互用于观察与练习，不是视觉测量或显示器校准工具。