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

常用辅助工具

辅助工具

标尺

标尺:ctrl+R,显示或隐藏标尺。

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

标尺参考线

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

删除参考线

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

拖动删除参考线

网格

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

显示网格

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

圆的大小

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

设置面板

网格尺寸:多少像素一个格子;

粗线每隔:每多少个格子用粗线划分一下;

暗:是指粗线;

亮:是指格子线;

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

布局

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

设置面板

总宽:相当于容器,是设计可见区域的总宽度;

偏置:表示栅格的起始位置;

列数:表示栅格的数量;

外围间距:取消勾选,栅格的宽度才是总宽;

间距宽度:槽的值,通常是定值;

列宽:栅格内单个可放置内容区的宽度;

名词解释

像素

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

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

隐藏像素时

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

显示像素时
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容