Sketch辅助工具：标尺/网格/布局/像素

常用辅助工具

辅助工具

标尺

标尺：ctrl+R，显示或隐藏标尺。

通过在标尺上移动点击，得出横向或纵向的参考线。

标尺参考线

将鼠标移入标尺中的参考线上点击右键，可以删除参考线。

删除参考线

或在标尺区域拖动参考线到左上角小锁位置，出现叉的图标后松开鼠标即可。

拖动删除参考线

网格

网格：ctrl+G，显示或隐藏网格。

显示网格

网格也是一种格子状的参考线，让我们再绘制图形时能更好的判断图形的大小等。

圆的大小

可以在标尺上点击右键-网格设置，或者在菜单-视图-画布-网格设置，打开设置面板

设置面板

网格尺寸：多少像素一个格子；

粗线每隔：每多少个格子用粗线划分一下；

暗：是指粗线；

亮：是指格子线；

注意：每次的网格设置，只作用于选中的页面或画板。

布局

又称栅格化设计，ctrl+L显示或隐藏布局，或者在菜单-视图-画布-布局设置，打开设置面板。

设置面板

总宽：相当于容器，是设计可见区域的总宽度；

偏置：表示栅格的起始位置；

列数：表示栅格的数量；

外围间距：取消勾选，栅格的宽度才是总宽；

间距宽度：槽的值，通常是定值；

列宽：栅格内单个可放置内容区的宽度；

名词解释

像素

ctrl+P显示或隐藏像素，或者在菜单-视图-画布-缩放时显示像素。

隐藏像素时，放大画布，可以看到图像边缘是平滑的。

隐藏像素时

显示像素时，放大画布，可以看到图像边缘出现锯齿。

显示像素时