Sketch进阶教程-图标绘制(二)

Sketch Mac是一款为设计师量身定作的优美界面和强大工具兼有的专业绘图工具。可以知足网页、用户界面、图标等的设计需求。 Sketch是一款为设计师量身定作的优美界面和强大工具兼有的专业绘图工具。制做出漂亮的图形是一件颇有挑战性的事情,你所须要的是一款精心设计的应用 程序。这次小编带你们了解基本工具使用方法。html

一、SVG图形介绍web

使用截图、下载等方式将第三方网站图标以图像的格式粘贴到Sketch中,以达到图标的引用,多是大多数人的想法,可是这种方式不支持在Sketch中进行二次编辑操做,浪费Sketch对SVG的支持特性。要说清楚这个支持特性以前,咱们首先要对SVG图形有必定的了解。微信

SVG是什么?SVG是一种可缩放矢量图形(英语:Scalable Vector Graphics,SVG)是基于可扩展标记语言(XML),用于描述二维矢量图形的图形格式。SVG由W3C制定,是一个开放标准。——腾讯ISUX 《为何要用SVG?》ide

看不懂?不要紧,简单来讲,SVG是一种图形的格式,和咱们平常接触的JPG/PNG等图形格式没有区别,可是它的质量很小,1024*1024px的图标仅有3kb,并且它是矢量的图形,能够支持编辑修改。在Sketch中,咱们导入SVG图形后,能够进行颜色调整、大小变化、形状改变等操做。工具

webp

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

webp


导入Sketch以后,就能够对图标进行编辑操做了,十分简单。另外,顺便须要说明的是,Sketch一样支持SVG图片导出,修改后的素材也能够保存为SVG图片,方便再次编辑修改。插件

webp

三、使用Sketch插件导入SVG图形设计

Sketch支持第三方插件,其中固然也包括图标类插件。推荐下载微信团队出品的WeSketch插件,它除了内置图标库以外,还支持其余的一些连线、标记功能,插件库使用方法以下:htm

(1)使用Sketch插件教程

安装完WeSketch插件后在菜单中,找到“Plugins(插件)”-“WeSketch”-“Icon Manager”便可。

webp

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

webp


(2)WeSketch语言切换

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

webp

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

相关文章
相关标签/搜索