页面载入中...

Sketch 三大常用小技巧

xingSketch, 2016-06-300

 来源:站酷  作者:bobtaylor

25c257748da10000012e7ea16e84.jpg

Sketch 是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页、图标以及界面设计的最好方式。但除了矢量编辑的功能之外,Sketch 同样具备了一些基本的位图处理能力,例如模糊和色彩校正。

Bohemian Coding尽力让 Sketch 容易理解并上手简单,有经验的设计师花上几个小时便能将自己的设计技巧在 Sketch 中自如运用。对于绝大多数的数字产品设计 Sketch 都能替代 Adobe Photoshop、Illustrator 和 Fireworks。

为什么选择 Sketch

Sketch 是为图标设计和界面设计而生的。它是一个有着出色界面的一站式应用,所有您需要的工具都触手可及。在 Sketch 中,画布将是无限大小的,每个图层都支持多种填充模式,Sketch 有最棒的文字渲染和文本样式,还有一些您一定会爱上的文件导出工具。

必要的话,您可以用无限精准的分辨率无关模式来查看画布,或者打开像素模式来查看每一个像素导出后的样子。

Sketch 不能做的

但是 Sketch 并不是一个位图编辑应用。也就是说如果您想修正一张照片或者用笔刷来画画,那么这不是您要找的应用。



01.编辑图形

通过工具栏的添加(Insert)> 图形(Shape)> 矩形(Rectangle)来添加一个矩形,完成后再双击它开始编辑:

6356577488af0000012e7eddb797.jpg

需单击图形边上任意点单击就可以添加新的点,要想删去某一个点,只需选中它,然后按delete键。

5e8d577488f30000018c1b71bc44.jpg

一条直线变为曲线,先双击一个点,它的两侧会出现两个新的小手柄,它们分别控制这这一点两边线条的弯曲程度。可以把这些小手柄理解为它们把线条朝自己的方向拉伸。

80c4577489220000012e7e91f2a1.jpg

编辑点模式

在编辑图形的时候,检查器会显示出四种不用的点模式:

・直线角(Straight):当您刚刚点击画布的时候,会添加一个直角,也就是说没有任何锚点,您所得到的便是一条直线。

・镜像(Mirrored):锚点会镜像对应。两个锚点将会与主点距离相同并且正好相互对立。当主点并非直角时,镜像便是默认的点模式。

・不对称(Asymmetric):两个锚点到主点之间的距离是独立的,但它们依然相互对应。

・断开连接(Disconnected):锚点之间完全独立,互不影响。

如果一个角被设定为直线角,您也可以用底下的滑块将直线叫变为圆角。如果您通过添加(Insert)> 图形(Shape)> 圆角矩形(Rounded)添加了一个圆角矩形,那么您将得到一个四角被设定了默认值的圆角矩形。

d22e577489a50000012e7eebff15.jpg

02.共享样式

经常想将多个文本设置为同一式样,共享式样能实现这一点,它们会将您分散在不同图层中的文本都保持同步。

创建式样

想要创建新的文本式样,您需要先选中一个文本框,然后进入 图层(Layer)> 创建共享式样(Create Shared Style),您会发现检查器立即显示出了当前图层的文本式样,您也可以在这里给式样重命名。

e7cf577489fa0000012e7e0a45b0.jpg

新的文本图层

可以和往常一样添加第二个文本图层,然后在检查器中给这个文本使用之前创建好的式样。另一个直接添加特定式样文本图层的方法是,进入添加(Insert)> 式样文本(Styled Text),然后选择您想要的式样,接下来的步骤和添加正常的文本图层则是一样的了。

09d557748a210000018c1b25388b.jpg

03.参考线

当在调节一个图层的大小或者移动一个图层的位置时,Sketch 会自动帮您把这个图层与其他图层对齐。如果 Sketch 将某一图层自动与另一图层对齐,您会看见一条红线,两个图层便依据这条红线对齐。

1ead57748af70000012e7ea8dbe6.jpg

距离

当您按住键盘上的 option键,Sketch 会帮您显示出已选中的图层和您的鼠标现在所悬浮的图层之间的距离

1fa557748b4d0000018c1b482b0f.jpg

尺寸

以同样的方式,如果您在调节一个图层的大小,Sketch 也会显示出具有相同长度或宽度的图形的数据。

f3ff57748b6c0000012e7e33ab9e.jpg


03.Sketch mirror

只能无限同步到手机上显示,让设计稿更加同步


be4657748c0f0000012e7e2722ad.jpg

 


标签: 小技巧 sketch

发布评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信