Sketch辅助工具:标尺/网格/布局/像素
2020-07-17 本文已影响0人
追光柚子
常用辅助工具

标尺
标尺:ctrl+R,显示或隐藏标尺。
通过在标尺上移动点击,得出横向或纵向的参考线。

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

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

网格
网格:ctrl+G,显示或隐藏网格。

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

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

网格尺寸:多少像素一个格子;
粗线每隔:每多少个格子用粗线划分一下;
暗:是指粗线;
亮:是指格子线;
注意:每次的网格设置,只作用于选中的页面或画板。
布局
又称栅格化设计,ctrl+L显示或隐藏布局,或者在菜单-视图-画布-布局设置,打开设置面板。

总宽:相当于容器,是设计可见区域的总宽度;
偏置:表示栅格的起始位置;
列数:表示栅格的数量;
外围间距:取消勾选,栅格的宽度才是总宽;
间距宽度:槽的值,通常是定值;
列宽:栅格内单个可放置内容区的宽度;

像素
ctrl+P显示或隐藏像素,或者在菜单-视图-画布-缩放时显示像素。
隐藏像素时,放大画布,可以看到图像边缘是平滑的。

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