教程 > 摹客原型 > 实用功能 > 布局

布局

布局功能可以将画板进行栅格状划分,从而帮助你更方便地进行画板结构的整体编排,使页面布局更系统更规范。

显示/隐藏布局

开启/隐藏布局的方式有两种:

  • 在顶部工具栏点击“齿轮”按钮,再勾选或取消勾选“显示布局”。
  • 使用快捷键Alt+L可以更快地显示或隐藏布局。

布局设置

在顶部工具栏点击“齿轮”按钮,再选择”布局设置“,即可打开设置弹窗。

在布局设置中,可以根据需要开启布局的行或列。并对行、列每一项参数进行设置。

  • 总宽:调整栅格的总体宽度。
  • 偏离:调整栅格在画板中的水平位置。
  • 列数:调整栅格的列数,列数越大,列宽越小。
  • 外围间距:勾选时,栅格整体两侧与画板之间会留有空白间距。
  • 间距宽度:调整每列栅格之间的间距。
  • 列宽:调整每列栅格的宽度。

  • 间距高度:调整每行栅格之间的间距。
  • 行高:调整每列栅格的高度,以间距高度为单位。
  • 绘制所有水平线:勾选时,每隔一个间距高度都会显示一条水平线。

视觉

  • 填充网格:栅格以每列填充的样式展示。
  • 外侧描边:栅格以线条描边的样式展示。
  • 暗色:适用于外侧描边,调整栅格描边的颜色。
  • 亮色:适用于填充网格,调整栅格的填充色。

勾选”设置为默认“后,当前参数会作为后续新开启的网格的默认设置。

下一章节 项目类型