学习空间/像素房间:看得清,才有气氛
← 回到有声课堂
第 07 讲 / 美术

像素房间:看得清,才有气氛

明暗大组、注意力层级与动态遮挡

5:32 有声讲解8 页分镜原创图解与练习
原创图解 · 逐页有声讲解
第 1 页:为什么细节更多,反而更难看懂?。第一眼看到了什么?它是否正好支持当前行动?
原创示意 · 第一眼看到了什么?它是否正好支持当前行动?放大图解 ↗整页讲义 ↗
合成中文讲解 · 默认暂停待播

逐句字幕将在播放时显示;本页完整讲稿始终可读。

01 / 本页核心

为什么细节更多,反而更难看懂?

到处同样抢眼,就没有真正的重点。

  • 先认角色与可走的路
  • 再找到当前调查目标
  • 装饰不能抢走同等强调

观察提示第一眼看到了什么?它是否正好支持当前行动?

本页完整讲稿

看这间示意房,每个物件都在努力显眼,线索却没有更容易找到。问题不一定是画得不够细,而是没有主次。我们先给画面分工:角色与通路要持续可辨,当前调查物需要被注意,其他装饰可以安静一些。这里的焦点不是永远最亮的像素,而是此刻最值得玩家注意的关系。先用简单色块完成这个分工,再增加材质,能避免把很多时间花在相互竞争的细节上。

完整视频 · 5:32 · 点击展开播放

完整视频为连续播放,不会在思考题处自动停下。看到“暂停思考”时,请使用视频暂停键。字幕可在原生播放器中开关;需要逐页讨论时切回“逐页听讲”。

从第 1 页开始。点击音频播放键听讲,也可以直接看图和读讲稿。

本播放器只记住本课页码,不保存答题或私人笔记,不会自动勾选课程完成。

听完这一讲,你要能做到

交付同一布局的 A/B 图、灰度对照与三个角色站位;让出口、人物、调查物不靠颜色猜测也能辨认。

本机中文合成讲解(Microsoft Huihui Desktop)。可读讲稿不依赖声音。看过视频不等于已经在 Godot 里验证;练习需在独立工程或纸面推演中按实际条件完成。

把课堂带走

视频可独立播放,字幕与逐字稿可以分开保存。下载不包含第三方演讲素材。

视频内另含可切换字幕轨。若浏览器直接打开文件,可使用播放器菜单或另存;文件播放和字幕显示取决于本地播放器支持。

完整图文讲义

可以直接阅读,不必播放或听完所有内容。

01

为什么细节更多,反而更难看懂?

到处同样抢眼,就没有真正的重点。

第一眼看到了什么?它是否正好支持当前行动?

看这间示意房,每个物件都在努力显眼,线索却没有更容易找到。问题不一定是画得不够细,而是没有主次。我们先给画面分工:角色与通路要持续可辨,当前调查物需要被注意,其他装饰可以安静一些。这里的焦点不是永远最亮的像素,而是此刻最值得玩家注意的关系。先用简单色块完成这个分工,再增加材质,能避免把很多时间花在相互竞争的细节上。

看图时留意:第一眼看到了什么?它是否正好支持当前行动?

02

先把房间压成深、中、浅三组

三组灰是训练限制,不是正式素材规格。

先看三个大组,再看小纸张是否与桌面分离。

临时只用深、中、浅三组灰。把大部分墙柜收进深组,地面放在中组,调查纸张用一小块较浅颜色。具体归组可以调整,重点是大形状连贯,不是每件家具都分到一种灰。克里塔文档区分多种亮度相关定义,所以两个颜色滑块数值相同,不能保证看起来一样亮。先回到真实游玩尺寸比较人物、路面和纸张,再决定需要拉开哪一组,而不是盲目整体提亮。

看图时留意:先看三个大组,再看小纸张是否与桌面分离。

03

有时,削弱周围比加亮目标更有效

焦点来自目标与背景的对比关系。

对照前一版:目标没变,哪些无关竞争被减弱了?

复制同一张图,保留线索物不动,只降低旁边摆件与地板纹理的竞争。比较之后,线索可能更容易被发现,却没有变成刺眼的发光按钮。这说明背景也在参与引导。可以再给物件周围一点留空,让轮廓完整;靠近后出现调查提示,确认玩家的判断。并非每个重要物都必须高亮,独特形状和空间朝向同样有用。别同时修改十处,否则难以知道这次为什么改善。

看图时留意:对照前一版:目标没变,哪些无关竞争被减弱了?

04

暂停:颜色消失后,信息还在吗?

红绿可以辅助,但不该独自承担开关含义。

不说颜色名称,只用形状与文字解释当前状态。

把画面临时转成灰度,并不是要求游戏最终没有颜色,而是检查重要区别是否全压在色相上。若门的可通行与不可通行只靠红绿小灯,某些玩家可能难以分辨。补上锁形、开口变化或简短文字,让含义不只依赖一种感知。灰度也不能代替所有视觉测试,它看不出操作范围是否合理。现在暂停选择:面对颜色不易辨认的问题,应该补充信息通道,还是继续增加饱和度?

看图时留意:不说颜色名称,只用形状与文字解释当前状态。

暂停思考:两扇门只以红灯和绿灯区别状态,哪种修改更可靠?
  1. 保留颜色,增加锁形与状态文字
  2. 统一加亮灯光,不改其他信息
  3. 提高红绿饱和度,不加额外提示

参考判断:A。增加形状和文字形成独立信息通道。更亮、更饱和仍可能只是在强化同一种颜色编码,无法保证状态被正确理解。

05

挡住答案可以,挡没角色要小心

悬念隐藏内容,操作仍需要位置依据。

指出被隐藏的是故事内容,还是操作者自己的位置。

高柜可以让人暂时看不清后面的东西,但角色一走到柜后就完全消失,是另一个问题。玩家此时可能不知道自己有没有移动、是否撞墙,悬念便变成了操作猜测。把允许暂不知道的内容,与必须知道的人物位置分开。先试缩短遮挡形状或改变可走位置,必要时才加前景淡化。无需把所有遮挡都删掉,只要保证玩家能继续判断自己在哪里、接下来能够做什么。

看图时留意:指出被隐藏的是故事内容,还是操作者自己的位置。

06

前景变淡,不等于柜子可以穿过

显示、碰撞与交互是三件要分别验证的事。

同时核对人物可见、柜体阻挡、调查有效三件事。

如果采用前景淡化,先只改变可视部分。柜子是否阻挡移动,由碰撞设置负责;能否调查,由交互范围与输入处理负责。不要为了看见角色,就顺手关闭整个家具节点,连碰撞和提示一起丢掉。戈多的二维绘制属性不等于物理规则。练习时沿柜边来回走,检查淡化有没有反复闪烁,再从两侧靠近调查。图上看见人只是第一步,运行时还要确认不会穿柜或点不到目标。

看图时留意:同时核对人物可见、柜体阻挡、调查有效三件事。

07

别只验收一张最漂亮的截图

角色会移动,焦点和遮挡也必须经得住变化。

逐个站位回答:人在何处,路在何处,目标在何处?

至少选入口、柜后和暗角三个位置,使用同一窗口尺寸观察。入口清楚,不代表暗角也清楚;人物站在画面中央漂亮,不代表经过前景仍可定位。把三张图并排,分别圈出角色、出口与当前调查目标。若某个位置失败,先调整对应背景或遮挡,不必立刻重画整个房间。还要在实际显示倍率看,编辑器放大后的精致细节,到了游玩尺寸可能只剩不断抢眼的小噪点。

看图时留意:逐个站位回答:人在何处,路在何处,目标在何处?

08

动手:一组有理由的 A/B 改版

改得更清楚,并不意味着把恐怖气氛抹掉。

为一次视觉改变,写出一条可观察的收益。

现在保留同一布局,做两版图。甲版保留目前问题,乙版只调整明暗大组、焦点附近纹理或一处遮挡,别同时换谜题。留下彩色、灰度与三个站位的对照,请人指出第一眼看到哪里、哪里能走、哪里可调查。记录误认位置,不把答案先告诉他。最后用一句话解释收益,例如减少柜面碎点后,纸张更容易被发现。还没进引擎的图,只算视觉方案,不冒充可玩场景验收。

看图时留意:为一次视觉改变,写出一条可观察的收益。

这一讲参考了什么

概念依据与本课原创练习分开看。来源支持范围写在每一项后面,不代表讲解被原作者背书。

Krita 官方手册 · Color Models ↗

核对 Value、Lightness、Intensity 与 Luma 的区分。本课“明暗大组”是视觉训练,不把某个 HSV 数值直接当作感知亮度,也不规定通用三色比例。

核查日期:2026-09-19
Krita 官方手册 · Color Managed Workflow ↗

核对按视图进行彩色与灰度观察的用途。课程不要求升级 Krita、改整个工程色彩空间或套用固定滤镜;A/B 房间与三站位验收为原创练习。

核查日期:2026-09-19
W3C WAI · Understanding Use of Color ↗

来源针对网页信息不以颜色作为唯一传达方式。本课将其迁移为游戏提示的冗余设计建议,不据此宣称一张游戏画面达到整套 WCAG 标准。

核查日期:2026-09-19
Godot 4.7 官方文档 · CanvasItem ↗

固定 4.7 文档核对 2D 绘制、可见性、颜色调制与排序职责;只支持 Godot 4.x 概念边界,图示不等于已运行遮挡脚本。物理碰撞须独立验证。

核查日期:2026-09-19
带着观看问题继续读原作者资料 →

输入一个你想弄明白的问题。

按 Esc 关闭 · 标题、关键词和正文一起搜索