Sketch进阶教程-图标绘制(二)
Sketch Mac是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。能够满足网页、用户界面、图标等的设计需求。 Sketch是一款为设计师量身定做的优美界面和强大工具兼有的专业绘图工具。制作出漂亮的图形是一件很有挑战性的事情,你所需要的是一款精心设计的应用 程序。此次小编带大家了解基本工具使用方法。
1、SVG图形介绍
使用截图、下载等方式将第三方网站图标以图像的格式粘贴到Sketch中,以达到图标的引用,可能是大多数人的想法,但是这种方式不支持在Sketch中进行二次编辑操作,浪费Sketch对SVG的支持特性。要说清楚这个支持特性之前,我们首先要对SVG图形有一定的了解。
SVG是什么?SVG是一种可缩放矢量图形(英语:Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式。SVG由W3C制定,是一个开放标准。——腾讯ISUX 《为什么要用SVG?》
看不懂?没关系,简单来说,SVG是一种图形的格式,和我们日常接触的JPG/PNG等图形格式没有区别,但是它的质量很小,1024*1024px的图标仅有3kb,而且它是矢量的图形,可以支持编辑修改。在Sketch中,我们导入SVG图形后,可以进行颜色调整、大小变化、形状改变等操作。

2、从第三方网站导入SVG图形介绍完SVG的特性后,我们只需要一个第三方图标来源网站了,推荐使用阿里的iconfont,图标的种类齐全,支持直接下载SVG、AI、PNG三种格式图形。

导入Sketch之后,就可以对图标进行编辑操作了,十分简单。另外,顺便需要说明的是,Sketch同样支持SVG图片导出,修改后的素材也可以保存为SVG图片,方便再次编辑修改。

3、使用Sketch插件导入SVG图形
Sketch支持第三方插件,其中当然也包括图标类插件。推荐下载微信团队出品的WeSketch插件,它除了内置图标库之外,还支持其他的一些连线、标记功能,插件库使用方法如下:
(1)使用Sketch插件
安装完WeSketch插件后在菜单中,找到“Plugins(插件)”-“WeSketch”-“Icon Manager”即可。

点击“Icon Manager”后,即可看到图标的选择弹框,从中选择我们想要的图标,点击图标即可完成插入操作。

(2)WeSketch语言切换
很多童鞋可能对纯英文的工具软件比较抗拒,WeSketch插件考虑到了这一点,支持语言切换为简体中文。具体设置路径为“Plugins(插件)”-“WeSketch”-“Setting”,在弹出的设置框中设置为简体中文即可。

以上就是小编为大家带来的Sketch进阶教程-图标绘制(二)。还有更多详细、实用的功能以及相关软件sketch和其他Mac软件获取,大家快来Macdown.com自行探索一番吧。