如何将AI绘制的icon批量导入sketch

Sketch用于UI设计是很方便的，但是图形设计在illustrator（AI）里面 *** 作更方便。所以两者之间的配合与互通，可以使工作变得更高效。

我之前都是通过复制粘贴或者拖拽，将AI文件转移到sketch里面，颜色、尺寸也得单独改动，费时且费力。

哪里有困难哪里就会有大神伸出援助之手，所以，一个图标批量导入的sketch插件就诞生啦。

插件链接： AMoreaux/Sketch-Icons​

其实作者在GitHub上已经介绍很详细了。下面就说一下我在安装与使用过程中遇到的一些需要注意的点吧。

安装好插件后，就开始试手了。

第一步：

首先要准备SVG文件。注意哦，在用AI绘制图标时，每一个图标一个画板，且在导出SVG之前（用文件-->导出，勾选画板，而不是快速导出），要检查图层命名是否都为英文名称，出现中文名称的话可能在导入sketch时会出现错误哦。

第二步：打开sketch，导入图标。

依次选择“  Plugin -->Sketch icons -->Import icons

之后就会出现这样一个d窗

Artboard size 就是设置导入图标时设置的画板大小；

Artboard padding 就是边距；

勾选  Convert to symbol的话，导入的图标就会自动转成Symbol；

Mask  这一选项是用来给图标替换颜色的。可以自己制作一份color mask，很简单，在当前文件中画几个不同颜色的矩形，分别转成symbol 就可以了。

导入成功后就是这样的

想了解更多关于这个插件的高阶功能的童鞋可以打开这个链接

https://blog.prototypr.io/introducing-sketch-icons-2074d9dc9ed2

感谢阅读，欢迎留言交流～

网站的图标一般默认放在网站根目录，文件名为favicon.ico，比如柏艾尔的：http://www.boaer.com/favicon.ico 这种方式是通用的，只要放好文件无需做任何程序修改，全站自动识别。

第二种方法，在网站程序源码中添加，显示网页左上角标志图标<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />或者<link rel="shortcut icon" href="images/114dyy.png" />这样图片文件格式不是问题，不过需要修改程序就看权限够不够了。

用个循环结构，在里面用上楼上的语句

for (int i=1i<最大数；i++）

UPDATE member SET icon='icon/'+i+'.jpg'

你是不是在数据库中 *** 作呢？

---