交互学堂
专注分享专业知识

Sketch从入门到精通-Sketch3节点的模式运用

起点学院

 

在进行对图形的具体编辑的时候,会经常用到节点,或者叫点也可以。当你用钢笔画出一个图形的时候,然后回车一下,你就会发现有好多个节点组成了一条线,这个时候我们要对具体某个图形编辑的时候,就可以调节这些点,来做出更加优质的图形。

在Sketch的右侧检查器里,就有四种节点模式,分别是: 直线角 (Straight);镜像 (Mirrored);不对称 (Asymmetric);断开连接 (Disconnected)。当你想要对一个图形的边缘线进行编辑的时候,回车或者双击两下,就会看见图形边缘多了四个节点,右侧检查器出现了四种节点模式,就是我们刚才说的那四种模式。接下来具体讲讲这四种节点模式。

clip_image002

1. 直线角 (Straight)模式: 按照字面上的理解,就是当你选中这个直线角的时候再去调节节点,会发现完全没有弧度,都是直的。

2. 镜像 (Mirrored): 选择镜像模式的时候,节点会以中心的节点两边还分别由各节点。

3. 不对称 (Asymmetric): 节点会以单独的一个节点进行变化,两个锚点到主点之间的距离是独立的,但他们依然相互对应。

4. 断开连接 (Disconnected): 节点之间是相互独立的,没有什么变化。

如下图: 下面我把那四个节点放大一点,以便可以看得很清楚。

clip_image004

看见最下面有个Corners了么?这个是可以调节圆角弧度的,在Sketch里面,你可以任意调节图形上的某一个点,改变他的圆角弧度,这样对于做图标的时候特别有用,比如想做一个弧度大一点的圆角矩形时,你不需要去刻意画一个,只要改变节点的圆角弧度就好了,是不是很方便呢?

Sketch里节点上的即路径是可以开关或闭合的,这对于删除某一节点特别有用。闭合路径是图形的起始节点和结束节点是相连的,开启或关闭的选项在Layer— Paths — Close Path里,已经关闭路径的话,就是Open Path。下面分别是开启路径和闭合路径的状态,如图:

clip_image006

图一是开启路径的状态

clip_image008

图二是闭合路径的状态

而且,在开放路径的状态下,你可以随时添加新的节点,来实现你想要的效果。

还有一个小得快捷功能是当你在绘制矢量图形时,你可以按住 shift 键然后再画之后的点,Sketch会自动帮你对齐到前一点的45度角方向,这在你绘制直线时会非常方便。如果你是在两点之间添加新的锚点时按住 shift 键,你便会得到两点间的锚点。如果你按住 command 键,单击两点间的线条,Sketch则会帮你在线条的正中间添加锚点。

未经允许不得转载:IAMUE_专业交互设计平台 » Sketch从入门到精通-Sketch3节点的模式运用

交互设计问答社区

寻找答案发起提问