文档网格是一组页边距、栏和参考线,决定每个对象可以放在哪里。按网格而不是凭眼睛放置图像和文字块,海报、通讯和网页版面就会边缘整齐、间距相等。
本课中的文件名、尺寸和文档都是为练习而虚构的。不同软件和版本的菜单名称不一样,所以下面的步骤描述的是功能,而不是某个品牌的按钮。
网格是怎样运作的?
页边距确定可用区域。栏把这个区域分成等宽的几列,栏与栏之间的空隙叫栏间距(gutter)。对象的大小要跨越整数栏,边缘吸附在栏的边线或参考线上。
栏宽有一个简单公式:(可用宽度 − 栏间距总宽)÷ 栏数。
怎样建立并使用网格?
- 设置页面大小和页边距。
- 计算可用宽度。
- 选择栏数和栏间距。
- 添加参考线,或在页面布局中设置栏。
- 开启吸附,把每个对象对准参考线。
- 放大视图检查对齐情况。
例题
虚构的 A4 通讯页面宽 210 mm,左右页边距各 20 mm。设计用 4 栏,栏间距 6 mm。
**第 1 步:**可用宽度 = 210 − 20 − 20 = 170 mm。
**第 2 步:**4 栏需要 3 个栏间距:3 × 6 = 18 mm。
**第 3 步:**栏宽 = (170 − 18) ÷ 4 = 152 ÷ 4 = 38 mm。
**第 4 步:**横跨 2 栏的图片宽 2 × 38 + 6 = 82 mm,因为它还盖住了两栏之间的栏间距。它的左边缘在页边距上。
**第 5 步:**检查整行:4 × 38 + 3 × 6 = 152 + 18 = 170,与可用宽度一致。
要留意的错误
学生把图片拖到看起来对了就停手,结果它在左页边距内侧 3 mm。
**错误结果:**图片边缘和文字边缘相差 3 mm。页面略显凌乱,检查时也找不到对齐的证据。
纠正方法是开启吸附,或在格式面板中输入精确位置,并放大检查边缘。对多个对象,使用对齐工具对齐左边缘并均匀分布间距,而不是一个个轻推。
自我检测
1. 页面宽 210 mm,两边页边距各 25 mm。两栏的栏间距为 10 mm。每栏多宽?
显示答案
可用宽度 = 210 − 50 = 160。栏宽 = (160 − 10) ÷ 2 = 每栏 75 mm。
2. 用上面的 4 栏网格(栏宽 38 mm,栏间距 6 mm),横跨 3 栏的图像宽多少?
显示答案
3 × 38 + 2 × 6 = 114 + 12 = 126 mm。
3. 为什么要用对齐工具来对齐多个对象,而不是拖动?
显示答案
它使用精确位置,所以边缘完全吻合、间距相等。凭眼睛拖动会留下细小的差别。
接下来学什么?
最后一课解释图像格式的选择要求你说明理由。路线请看单元指南,提交文件前可以使用实践任务与证据检查器。
很多学生能跟上课程中的每一步,却在同一项技能出现在较长的实践任务里时丢分。我们的老师会专门留意这种情况,详见ICT 线上一对一补习。