通过 Google Web Designer 中的“视图”菜单,您可以选择要以何种方式查看场景和对象。
视图轮廓和标签
您可从以下轮廓选项中进行选择:
- 轮廓 > 仅轮廓 - 场景上所有未被选中的元素都会显示虚线边框。
- 轮廓 > 标签 - 系统还会为每个元素添加类型和 ID 标签。
- 轮廓 > 停用 - 不显示轮廓和标签。在复杂的布局中,您可通过选择该选项来减少视觉上的混乱。
如果您调整了此设置,所有文档的相应设置也会随之发生更改。
贴靠
使用贴靠功能,您可以将多个元素放置在同一水平线或垂直线上。您可以选择将元素贴靠网格或贴靠其他对象的边框,也可以选择将元素与其他对象贴靠对齐。要启用贴靠功能,请打开视图菜单,依次选择贴靠 > 贴靠目标,然后选择元素贴靠的对象:
- 贴靠目标 > 网格 - 贴靠网格线(如果网格线可见)。
- 贴靠目标 > 对象 - 贴靠其他对象的边缘、边角和中心点。
- 贴靠目标 > 对齐 - 与其他对象的边缘或中心点贴靠对齐。
- 贴靠目标 > 辅助线 - 贴靠标尺辅助线(如果辅助线可见)。
- 贴靠目标 > 相同尺寸 - 通过贴靠,与其他对象保持等宽或等高。
- 贴靠目标 > 同等间距 - 通过贴靠,使对象之间保持同等的间距。
请参见贴靠示例。
如果您调整了此设置,所有文档的相应设置也会随之发生更改。
查看 3D 网格
当您选择“视图”菜单中的 3D 网格后,3D 视图便会在与您的视野最平行的平面中显示网格。网格的颜色即是 3D 罗盘的颜色。默认情况下,网格线的间距为 50 像素(可在您的偏好设置中更改网格大小),您可以将作品贴靠网格线。
如果您更改此设置,则 Google Web Designer 会记住您为相应文档所选的设置。您也可在您的偏好设置中设定是否允许 3D 网格在默认情况下显示。
视图标尺
当您选择“视图”菜单中的标尺后,系统便会显示水平标尺和垂直标尺。标尺有助于您在广告和 HTML5 文档中确定元素的准确位置。
如果您更改此设置,则 Google Web Designer 会记住您为相应文档所选的设置。您也可在偏好设置部分设定是否默认显示标尺。
辅助线
辅助线是垂直线或水平线,您可以将它们放在场景中的任何位置,以便轻松对齐对象。您可以通过点击标尺上的任意点添加辅助线,然后将新辅助线拖到文档工作区中。
您可以使用“选择”工具移动辅助线,也可以通过将其拖出工作区域来进行移除。按住 Shift 键的同时进行拖动,即可贴靠标尺刻度线。
视图 > 辅助线菜单中提供了以下辅助线选项:
- 辅助线 > 显示辅助线:可将辅助线设为可见。(添加新辅助线会开启此设置。)
- 辅助线 > 锁定辅助线:可防止移动现有辅助线。(添加新辅助线会关闭此设置。)
- 辅助线 > 清除辅助线:可移除任何辅助线。
辅助线会随文档一起保存。
旋转场景后,无法更改标尺辅助线。
前视图、俯视图和侧视图
选择“视图”菜单中的前视图、俯视图或侧视图可直接沿着 z 轴、y 轴或 x 轴查看场景。双击“3D 场景旋转”工具可恢复至您在此处选择的视图。
缩放
您可以使用放大和缩小选项来调整场景的缩放级别,这两个选项均位于“视图”菜单中,同时它们也会作为控件显示在场景的右下角。“视图”菜单中的实际尺寸命令可将缩放级别重置为 100%。
要想更改整个 Web Designer 应用的缩放级别(例如,为高分辨率显示器更改缩放比例),请调整高级偏好设置。