Sketch基础教程047:标尺、参考线、网格

0 2021-06-04 16:32 内容校对:夭夭吃桃
收藏(0) 共有 230 人学习了本教程

本教程被收录到了 Sketch基础入门课程 , 开始你的系统性学习吧!

《Sketch基础教程047:标尺、参考线、网格》是一篇关于Sketch的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Sketch技巧;你可以通过此加强画布,网格等多维度案例或实操来进行更多的学习;此教程是由zilin在2021-06-04发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Sketch技巧;请给他一个赞吧。

许多小伙伴刚接触Sketch,还不太了解Sketch,以下为大家整理了Sketch教程,带领大家详细了解Sketch。以下为Sketch基础教程047:标尺、参考线、网格的内容。

Sketch 里的这几个工具能帮你把图层准确的放在理想的位置,是沿着网格还是沿着一条直线,又或是在另两个图层正中间。

参考线

智能参考线在默认情况下是被打开的,可执行菜单命令视图(View)> 画布(Canvas)> 显示智能参考线(Show Smart Guide)切换打开和关闭状态。当你在调节一个图层的大小或移动位置时,Sketch 会自动帮你把这个图层与其它图层对齐。如果 Sketch 将某一图层自动与另一图层对齐,你会看见一条红线,两个图层便依据这条红线得知对齐的是什么位置。

Sketch基础教程047:标尺、参考线、网格

当对齐网格选项被打开时,当你移动任何内容时,它们都将自动对齐到网格,此时对齐智能参考线功能将失效。

标尺

Sketch 中的标尺在默认情况下是被隐藏起来的,要激活它,执行菜单命令视图(View) > 画布(Canvas)> 显示标尺(Show Rulers)或使用快捷键 control ⌃ + R。正如之前说的,Sketch 里的画布是无限大的,所以标尺也不是固定的。你可任意拖动标尺以便定义自己的坐标轴:

Sketch基础教程047:标尺、参考线、网格

如果你需要重新设置标尺原点,只需双击标尺交叉区域:

Sketch基础教程047:标尺、参考线、网格

你可在标尺上任一处双击鼠标,便可添加横向或者纵向参考线,只要标尺是被显示的,这些参考线也会一直被显示。想移动标尺,只需拖拽标尺区域。想要移动单个参考线,你必须在标尺中选中参考线再拖拽。想要移除手动参考线,则只需把参考线拖到两条参考线的交叉区域,噗的一声便会消失:

Sketch基础教程047:标尺、参考线、网格

鼠标右键点击标尺区域,可在关联的菜单中设置不同的标尺选项,当然,也可通过此选项移除所有横向或者纵向参考线。

网格

Sketch 支持两种不同的网格:常规网格和布局网格,你可根据所进行的创作来选择适合的网格,这两者的区别也非常显而易见:

常规网格

常规网格是典型的方形布局网格,它附带颜色块的大小,线的粗细等等这些属性。默认的常规网格是由长度为 20px 的小方块组成的,每 10 个小方块出现一条粗线条。

Sketch基础教程047:标尺、参考线、网格

执行菜单命令视图(View)> 画布(Canvas)> 显示网格(Show Grid)来打开网格,在这里你还会看见网格设置(Grid Settings)的选项。

布局网格

布局网格允许你定义列和行,这种布局非常适合做网页设计。

Sketch基础教程047:标尺、参考线、网格

在布局网格里,你可改变页面的总宽度,以及所含多少个纵列。同时你也可修改每一个横排的高度和纵列的宽度, 同时还有针对间距的选项。

Sketch 会尽力将网格放在画板的合适位置,不过一旦画板大小发生改变,网格内容可能会错位,这时你只需要按下 enter 键就可让网格对齐到画布中心。

你还可同时编辑多个画板的布局网格。

网格制作工具

如果你已经选择了某个层,并想分配均匀它们,你可执行菜单命令布局(Arrange)> 制作网格(Make Grid)。在这里,你可指定行或者列数,间距的值,来创建一个属于你的理想网格布局。

你也可使用这种方式来复制图层或者丢失的表格内容。

0

赠人玫瑰,手有余香

本内容由zilin原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

本文标签

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

zilin

阿里巴巴UI设计师——你的想像,世界的模样。

共发布了870个文章 共获得46个赞

最新发布的教程

查看更多此作者的教程

文章中所使用的软件

您可能会帮助到他

查看更多
用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员