EP04. “网格系统、版面与文字工具”
🔒 登录后可标记已读这篇笔记讲 Affinity 的 Layout Studio（排版工作室）——页面与母版页（Master Pages）、网格系统（Grid System）怎么建立、Frame（画框）功能、以及几种文字工具的差异。 前置知识：先看过 EP01-EP03，熟悉 Studios 切换和基本形状操作。
重点内容
Layout Studio：页面与母版页
进 Layout Studio，能看到常见的页面（Pages）功能，可以点选切换页面、套用母版页（Master Pages）。
母版页实际案例：品牌规范文件常会用到两份母版页（比如 Dark 深色版和 Light 浅色版），套用方式是拖拉放置，或右键选择加入。
[截图：Pages 面板显示 Master Pages 清单（Dark/Light 两份），以及套用到页面的右键菜单]
网格系统（Grid System）
Affinity 有一套很完整的网格系统，很适合像海报、品牌规范这类需要严谨版面结构的设计。
Preview 按钮（切换预览模式）：在 Vector Studio 里能找到这个按钮——开启时显示最终成品的实际效果；关闭时会显示网格线和辅助结构。
建立网格：View → Guides，打开引导线设置窗口：
- 选择 Outlined（描边）或 Filled（填色）样式
- 设定栏数（Columns），比如从 8 栏调整成 4 栏
- 调整边界（Margins）
- 选择颜色（比如描边用黑色）
- 调整装订线（Gutter）数值
[截图：View → Guides 引导线设置窗口，显示栏数/边界/颜色/装订线各项参数]
设定好之后能直接在网格上方设计形状或其他元素，网格提供对齐的参考基准。
💡 建立自定义快捷键：到 Preferences → Shortcuts，能给任何功能（比如切换网格显示的开关）设定自己的快捷键。
Frame（画框）功能
在 Layout 区域工作时，能使用 Frame（画框）——可以直接把图片从任何地方拖进画框里，图片会自动成为这个画框的一部分。这个功能特别适合做网格式的图片排版（比如一组照片墙效果）。
[截图：把图片拖进 Frame 画框前后的对比，展示图片自动适配画框范围的效果]
文字工具
Layout Studio 里有几种不同的文字工具，按 T 键能循环切换：
| 工具 | 用途 |
|---|---|
| Frame Text Tool（画框文字工具） | 拖出一个文字方框，右键能插入填充文字（filler text）方便预览排版效果，可以自由移动调整 |
| Artistic Text Tool（艺术字工具） | 拖出一个区域，直接开始输入文字，能自由缩放、上下移动、任意操作 |
| Table Tool（表格工具） | 拖出一个表格，操作方式很直觉 |
📌 Affinity 的文字工具跟其他软件比起来运作方式稍微不同，但更直觉——初次接触可能会有点不习惯，多用几次就会上手。
常见错误
- ❌ 品牌规范这类需要固定视觉规则的文件，每一页都手动重新设计——用 Master Pages 建好深色/浅色（或其他固定版式）的母版页，之后直接套用，不用每页重来
- ❌ 排版时不用网格系统、靠肉眼估计对齐——View → Guides 建一套网格，能提供精确的对齐基准，尤其海报、品牌规范这类严谨排版的场景特别有用
- ❌ 想排一组图片墙效果，一张张手动调整位置和大小——用 Frame（画框）功能，直接把图片拖进预先排好的画框网格里，会自动对齐成型
- ❌ 分不清 Frame Text Tool 和 Artistic Text Tool 该用哪个——需要固定文字框范围、自动排版的用 Frame Text Tool；需要自由缩放、更具设计感的标题类文字用 Artistic Text Tool
- 💡 排版预览效果时，善用 Preview 按钮在"看网格辅助线"和"看最终成品效果"之间快速切换，不用把网格线关了又开、开了又关
Sources
YouTube：
- Affinity Beginners Guide 2025 — Will Patterson — https://www.youtube.com/watch?v=lTeperbIZBc