恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
Sketch极速建立自己的图标库
0.0°
2018-01-15 原创文章 教程 举报 22498 268 126 18

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

导语前沿


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


Image title


解压安装Sketch icons插件

Image title



解压Font Awesome图标库


Image title

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




坐稳了,开始基本操作了


Image title

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



Image title

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




Image title

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




Image title

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


Image title


Image title

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




Image title

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





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


Image title

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




Image title

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


Image title




资源地址

Image title




更新:2018-01-15

收藏

268人已收藏

  • 8

    作品

  • 397

    粉丝

  • 9

    关注

  • #三月底#的一小波佛系海报练习~
  • 2017年末职场黑话大汇总-BOSS篇
  • Sketch你绝对应该掌握的二十个小技巧
  • 做一个像詹姆斯那样的设计师

    猜你喜欢

      2018-01-15 原创文章 教程 举报 22498 268 126 18

      Sketch极速建立自己的图标库

      0.0°

      你确定要举报Sketch极速建立自己的图标库

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年01月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      126
      268
      18

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录