2.1 界面五区与节点操作基本功
文档摘要
2.1 界面五区与节点操作基本功 本节摘要：编辑器窗口由图形检查器、Blackboard、主栈、节点画布、工具栏五个区域组成。本节逐区说明职责与高频操作，给出一组覆盖"找、连、排、组"四个动作的快捷键，让画布规模上去之后你依然能保持清爽。 从全局视角认地形 先建立一个空间坐标系。打开任何一张图，窗口从左到右大致分为五区，认识它们的作用边界，比记住每个按钮位置重要得多——因为不同 Unity 版本里按钮会挪位置，区域的功能分工基本没变过。 图：Shader Graph 编辑器窗口的五区布局 图：Shader Graph 编辑器窗口的五区布局 Blackboard 面板（左）：属性清单，2.2 节的主角。现在只需知道它有两个动作：加号添加属性、把属性直接拖进画布变成节点。
2.1 界面五区与节点操作基本功
本节摘要：编辑器窗口由图形检查器、Blackboard、主栈、节点画布、工具栏五个区域组成。本节逐区说明职责与高频操作，给出一组覆盖"找、连、排、组"四个动作的快捷键，让画布规模上去之后你依然能保持清爽。
从全局视角认地形
先建立一个空间坐标系。打开任何一张图，窗口从左到右大致分为五区，认识它们的作用边界，比记住每个按钮位置重要得多——因为不同 Unity 版本里按钮会挪位置，区域的功能分工基本没变过。
图：Shader Graph 编辑器窗口的五区布局
Blackboard 面板（左）：属性清单，2.2 节的主角。现在只需知道它有两个动作：加号添加属性、把属性直接拖进画布变成节点。
节点画布（中）：你花掉绝大多数时间的地方。右键空白处（或按空格键）呼出节点搜索框；滚轮缩放、按住空白处拖动平移；选中节点按 F 聚焦。画布支持无限延伸，但乱连的画布是可读性杀手，本节末尾给整理规范。
主栈（右）：数据出口集合，2.3 节展开。操作上记住三点：块能增删、能上下排序、同一块在一个图里只能出现一次。
图形检查器（Graph Inspector）：预览与统计的窗口，第 8 章性能分析的主力工具。习惯把它停靠在画布左下角并保持展开，让预览球始终可见。
工具栏（顶）：保存资产按钮、图形设置（Graph Settings）入口。图形设置里能切管线目标、切材质类型（Unlit 或 Lit）、设置图是否支持 VFX Graph——这个面板在跨管线移植时会频繁用到。
四个动作的快捷键清单
操作速度的差距在案例章会被放大——同样做一个描边案例，熟手三分钟连完，生手十分钟还在找节点。下面这组覆盖四个核心动作：
| 动作 | 操作 | 说明 |
|---|---|---|
| 找 | 空格或右键呼出搜索 | 输入节点名前几个字母即可命中 |
| 连 | 从端口拖到端口 | 拖到空白处松手可就地呼出搜索 |
| 排 | 选中后拖动、对齐 | 多选后可用对齐吸附整理 |
| 组 | 框选后创建注释分组 | 分组可命名、改色、整体拖动 |
其中"拖到空白处就地搜索"值得专门练：从 Lerp 的输出拖向 Fragment 块的中途松手，弹出的搜索框会自动过滤出能接受该输出类型的节点——这是最省心的连线方式，也是后面拼复杂节点链时最常用的手势。
画布整理的三条规范
画布混乱的代价不是美观问题，而是理解成本：三个月后你自己都读不懂哪根线是干嘛的。三条规范从今天开始执行。第一，数据流向左到右：属性与采样节点放最左，中间是计算，主栈永远在最右。第二，相关节点用分组框圈起来并命名，比如"菲涅尔计算""滚动 UV"，分组框标题就是天然的段落标题。第三，凡是超过五个节点的组合逻辑，先想想能不能封装成 Sub Graph（第 7 章的正式内容），哪怕暂时不封装，也先用分组框占位。
💡 一个被低估的功能：选中任意节点，画布底部会显示它的简要说明与端口含义，悬停端口同样有提示。初学阶段遇到不认识的节点，先读这段内置文档再动手连，比自己猜快得多。
搜索的进阶用法
节点搜索框支持按类别过滤：输入后看结果列表的分组标题，数学类、输入类、UV 类各成一栏——记不清名字但记得类别时，按栏找比猜名字快。搜索还支持类型提示：在已经拖出一根线的中途松手呼出的搜索框里，只列出能匹配当前数据类型的节点，这相当于把"类型兼容性"这个知识点交给了过滤器，复杂链路连线时尤其好用。
布局对齐的实操技巧
画布对齐没有自动排版按钮，但有三个惯用手势：按住 Ctrl 多选后拖动整体平移；选中节点用方向键微调对齐；利用连线的自然走向确认"左右层级"是否正确——一条健康的链从左到右层数分明，如果你发现一根线从右往左倒着回去，多半是布局已经乱了（或者真的需要回环，但图不允许回环，见 1.4 节）。每完成一个功能块就顺手整理一次，比最后统一整理省力得多。
问题：节点太多导致卡顿怎么办？
编辑器卡顿通常不是节点数量本身，而是三件事：预览实时计算（几十个节点每个都在算预览）、缩放比例过小时全图渲染、以及图形检查器开着高分辨率预览。对策依次是：图形设置里关闭非焦点节点的实时预览；缩放到局部工作；预览窗口只在需要时展开。三百个节点以上的图在这三招之后依然流畅。
便签与颜色的团队用法
除了分组框，图内还支持便签节点与分组框颜色。实战里最有效的用法是"状态标注"：调试中的分组框标橙色并写上待办，验收通过的标绿色——图文件本身成了工作看板。这个习惯在多人协作时的价值比单人大：接手者一眼知道哪些部分是定稿、哪些还在动。
从搜索历史到肌肉记忆
操作速度的最后一环是"不搜"。常用的十几个节点（UV、Time、Multiply、Lerp、Step、Smoothstep、Dot Product、One Minus、Split、Combine）在练习期刻意记住准确英文名，搜索时一次命中；配合编辑器里把常用节点固定到最近使用列表，找节点的动作从"搜索"退化为"点选"。更进一步的熟手会把高频组合连成手势级记忆——菲涅尔三件套（法线、视线、点积）从三个独立搜索变成一根链的连贯操作。这些微优化单看都小，叠加起来就是"别人改图五分钟、你改图半小时"的差距来源。
问题：鼠标操作太慢，有键盘流吗？
编辑器的键盘支持有限，但有两处值得用键盘：搜索框呼出后直接输入（全程不离键盘）；节点重命名与属性输入用回车确认比点选快。真正的效率杠杆不在键盘而在连线手势——"拖线中途松手就地搜索"与"端口到端口直连"两招覆盖九成场景，把这两招练到不需要思考，操作速度就过了门槛。工具熟练度永远是手感问题，不是知识问题。
本节要点回顾
- 五区分工：属性在左、画布在中、出口在右、预览在角落、设置在顶部。
- 四个动作：找、连、排、组，各有一组固定手势，练熟后速度差距巨大。
- 就地搜索连线：拖线中途松手呼出类型过滤的搜索框，是最常用的高级手势。
- 画布即文档：分组命名、流向统一、及时封装，画布可读性就是团队协作效率。
下一节我们让参数"活"起来：把颜色和数值变成 Blackboard 属性，让效果在材质面板上实时可调。