Sketch极速建立自己的图标库

用户头像
上海/UI设计师/8年前/1775浏览
Sketch极速建立自己的图标库

批量操作图标库简直so easy.

 导语前沿


       又好一段时间没写教程了,不能为大家提供更好的方法和技巧,更棒的设计思维,我特么浑身难受,所以我又来了。最近我安利到一个超好用的插件Sketch icons,解决了大家在做图标时候达到又好又快的问题。咱不看广告看疗效,时间就是生命,工头还催搬砖呢,来不及解释了快上车吧。



解压安装Sketch icons插件




解压Font Awesome图标库




      先解释一下,Sketch icons插件是负责用来整体控制和编辑svg图标的,而Font Awesome只是一个svg图标库,你也可以下载其他svg图标库(这可满世界都是,你可以找你喜欢的图标库,阿里巴巴图标库也可以,甚至你用Sketch画导出svg格式图标都行)作为使用资源(但记住一点要是svg格式的,把这些图标下载集合放在一个文件夹里就好)




坐稳了,开始基本操作了



      1.新建一个矩形,去掉边框属性,设置红色,点击Create Symbol(这只是作为例子,颜色和名字可随意)。





     2.双击该Symbol直接进入Symbols图层,再复制出两个,改成其他颜色并命名(这只是作为例子,颜色和名字可随意)





      3.选择菜单栏Plugins-Sketch icons-import icons,即可打开批量设置svg图标面板。



      以上是插件的Sketch icons设置选项,其实都不难理解,特意给你们翻译一下,最主要的设置就是画板大小和画板内边距两个,颜色你可以随意选择。画板大小和画板内边距我还画了张图供大家理解。





     4.以上我是设置批量生成48*48像素画板大小,内边距为6像素,颜色为红色的图标库。点击Continue按钮后,选择你的SVG图标库的文件夹,点一下Select,BOOM~瞬间就好了,灰常灰常无比的残暴。



     

     整齐又漂亮的给你统一了所有图标的大小和颜色,你只需按取所需导出各自的画板即可。再结合我之前的文章《三分钟教你快速设置Sketch切图方案 》简直不要太爽快,有木有~




基本操作完了自然还有神一般的操作



    5.你只要修改你的颜色那个Symbol设置,随心所欲调整所有的颜色,吼李谢特~




    6.你还可以把这个sketch文件库添加到你的Library里,随意调取,团队共享协同工作,为所欲为之为所欲为~





资源地址

26
举报
|
65
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
金色颗粒质地的平面
倒计时,海报,平面
古风平面仕女与瓷器
金色颗粒质地的平面
平面书法字手写
金色颗粒质地的平面
平面人物插画
城市园林平面布局航拍
城市园林平面布局航拍
平面设计 吊牌设计
城阙凡花
平面男孩喝咖啡插画设计
“知识宅急送”外卖,快递,平面,海报,素材,教育
金色颗粒质地的平面
海底世界插画
牛奶乳液层次平面平铺平面
平面插画设计女孩喝咖啡
城市园林平面布局航拍
牛奶乳液层次梯田平铺平面
空的平台平面和自然景观
平面插画情侣/矢量
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
空的平台平面和自然景观
金色颗粒质地的平面
中秋节可爱呆萌平面兔子蛋黄月饼贴纸素材
你可能喜欢
大家都在看
登录注册