Sketch进阶教程-图标绘制(二)
时间:2022-01-16 06:44:52
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”,在弹出的设置框中设置为简体中文即可。
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
WPS制作带勾方框的方法图解步骤
「Mac技巧」如何在 Safari 下载 ZIP 文件后不自动解压?
![](https://img.aspxhome.com/file/2023/7/a204327_0s.jpeg)
excel做移动平均的方法步骤详解
excel如何查看单元格宽度和高度
WPS表格调整列宽的方法
wps幻灯片怎么添加音乐
![](https://img.aspxhome.com/file/2023/1/a170881_0s.jpg)
WPS文稿利用渐变为文字披件纱衣
![](https://img.aspxhome.com/file/2023/3/a164513_0s.png)
WPS中 文档结构图 使用教程
word excel 页边距怎么设置?本文分别介绍word页边距和excel页边距的设置方法
excel中冻结第一行的教程
数字格式转文本格式的操作大家比较熟悉:选择单元格
word文档打开出现"上次打开文档时严重错误,是否继续打开"的解决方法
![](https://img.aspxhome.com/file/2023/1/29071_0s.png)
如何在Excel中输入带斜线的零
![](https://img.aspxhome.com/file/2023/9/a156579_0s.jpg)
苹果 iOS 15/iPadOS 15/macOS 12 Monterey 官方壁纸分享
![](https://img.aspxhome.com/file/2023/3/45863_0s.jpg)
极速Word表格如何划斜线?
![](https://img.aspxhome.com/file/2023/4/19314_0s.jpg)
Word 文档开启"一键粘贴"功能
![](https://img.aspxhome.com/file/2023/4/21534_0s.jpg)
excel怎样利用函数获取当前日期
win10怎么设置闹铃?win10闹钟提醒设置方法?
![](https://img.aspxhome.com/file/2023/7/47377_0s.jpg)
Acrobat Pro DC 教程「4」,如何在 Acrobat Pro DC 与其它文件合并创建单个 PDF 文件?
![](https://img.aspxhome.com/file/2023/4/a202924_0s.jpeg)
excel 如何在散点图中利用误差线制造时间轴效果
![](https://img.aspxhome.com/file/2023/0/a141010_0s.jpg)