网站如何自定义图标?如何搭建一个属于自己的图标库?
设计师需要自己搭建图标库来适合自己的多个产品和业务,网站站长也是需要自己搭建图标库来让博客使用自定义图标。通常大家都是采用iconfont来做,我曾经也是。不过我最近发现一个新的图标库搭建网站,它支持不换链接换图标,避免了iconfont每次更新图标都要换链接的问题。这个就是腾讯的Codesign进行图标库搭建。
本文来介绍一下我自己的图标库搭建工作流程。
绘制图标
图标上传与iconfont一致,都是只支持svg格式图标上传。那么svg绘制工具我自己用的是sketch。
通过这个方式绘制的图标就可以直接上传到Codesign了。
当然,很多设计师喜欢使用illustrator等工具设计svg图标,都是支持上传的。
但是有一些站长可能没有设计图标的能力,iconfont是支持导入其他人绘制的图标,但是codegin是独立的,所以需要图标的站长可能需要从iconfont中导入图标到Codesign
iconfont支持直接下载svg格式图标。
上传图标
Codesign非常容易上传图标,首先在我们有一个自己的团队后,有一个专属的图标分类,我们可以新建一个图标库。
进入图标库之后我们点击上传按钮就可以上传图标了。(SVG格式)
单色图标选择去除颜色上传。
使用自带的CDN
图标库跟iconfont一样是支持免费CDN的。但是Codesign有个好处就是不需要更新CDN链接,这对我们来说方便了太多。
右上角有CDN按钮。
点击之后我们可以创建cdn链接,每次图标更新后也点击这个按钮手动更新一下CDN就可以了。
插入网站
插入网站和具体的使用方法与iconfont完全一致。可以参考Akilar的Iconfont Inject。
总结
这里只是介绍了如何插入到Codesign中,但是有非常多的图标管理和项目管理用法。并且这个软件也是可以完全代替蓝湖的存在。欢迎试试。
- 感谢你赐予我前进的力量