Sketch辅助工具:标尺/网格/布局/像素
2020-07-17 本文已影响0人
追光柚子
常用辅助工具
![](https://img.haomeiwen.com/i10009023/c8ec34b9f6d8a44c.png)
标尺
标尺:ctrl+R,显示或隐藏标尺。
通过在标尺上移动点击,得出横向或纵向的参考线。
![](https://img.haomeiwen.com/i10009023/9304d5236edc352d.png)
将鼠标移入标尺中的参考线上点击右键,可以删除参考线。
![](https://img.haomeiwen.com/i10009023/fcd991e30ee26739.png)
或在标尺区域拖动参考线到左上角小锁位置,出现叉的图标后松开鼠标即可。
![](https://img.haomeiwen.com/i10009023/859e5f7d18eeadd2.png)
网格
网格:ctrl+G,显示或隐藏网格。
![](https://img.haomeiwen.com/i10009023/987035b31c052da9.png)
网格也是一种格子状的参考线,让我们再绘制图形时能更好的判断图形的大小等。
![](https://img.haomeiwen.com/i10009023/62a347677a7f0b19.png)
可以在标尺上点击右键-网格设置,或者在菜单-视图-画布-网格设置,打开设置面板
![](https://img.haomeiwen.com/i10009023/d137489e4a66336d.png)
网格尺寸:多少像素一个格子;
粗线每隔:每多少个格子用粗线划分一下;
暗:是指粗线;
亮:是指格子线;
注意:每次的网格设置,只作用于选中的页面或画板。
布局
又称栅格化设计,ctrl+L显示或隐藏布局,或者在菜单-视图-画布-布局设置,打开设置面板。
![](https://img.haomeiwen.com/i10009023/f7111d04bca21c0a.png)
总宽:相当于容器,是设计可见区域的总宽度;
偏置:表示栅格的起始位置;
列数:表示栅格的数量;
外围间距:取消勾选,栅格的宽度才是总宽;
间距宽度:槽的值,通常是定值;
列宽:栅格内单个可放置内容区的宽度;
![](https://img.haomeiwen.com/i10009023/7043baae406a8a62.png)
像素
ctrl+P显示或隐藏像素,或者在菜单-视图-画布-缩放时显示像素。
隐藏像素时,放大画布,可以看到图像边缘是平滑的。
![](https://img.haomeiwen.com/i10009023/f514df127ebb9279.png)
显示像素时,放大画布,可以看到图像边缘出现锯齿。
![](https://img.haomeiwen.com/i10009023/456e7196241b995c.png)