做这行七年了,我见过太多新手站长或者刚转行做前端的朋友,为了一个图标愁得掉头发。
今天不整那些虚的,直接说点干货。
你是不是也遇到过这种情况?
项目赶进度,急着上线。
找个图标找半天,要么分辨率低,放大就模糊;要么格式不对,还要自己转码;最烦的是,有的图标还是带版权的,用多了怕惹官司。
这种痛苦,我太懂了。
以前我也傻乎乎地去百度图片搜,结果全是水印,或者尺寸奇葩。
后来摸索出几条门道,现在分享给你们,希望能帮你们省下那些无谓的时间。
首先,得明白一个道理。
现在的网站开发,早就不是切图时代了。
别再去下载那些几百KB的PNG了。
现在主流都是SVG,或者是字体图标。
SVG好啊,无限放大不失真,代码里直接引用,体积小得可怜。
字体图标呢,改颜色跟玩似的,一行CSS就能换肤。
所以,找资源的时候,别光盯着“下载”两个字,要看格式。
推荐几个我私藏很久的地方。
第一个,Iconfont。
这是阿里的,国内用的人最多。
优点很明显,资源多,中文搜索友好。
很多设计师上传的图标,风格比较符合咱们国人的审美。
但是吧,也有缺点。
有时候更新慢,或者有些热门图标被锁了。
不过对于大多数普通项目,完全够用。
第二个,Remix Icon。
这个是我最近的心头好。
开源,免费,风格统一。
它是基于线条风格的,看起来很干净,适合那种极简风的网站。
而且它支持SVG和字体,直接复制代码就能用,不用下载文件,特别爽。
第三个,Feather Icons。
如果你喜欢那种细细的、精致的线条感,选它准没错。
虽然图标数量不如前两个多,但胜在质量高,每一张都像是精雕细琢出来的。
很多高端SaaS网站都在用。
当然,除了这些大库,还有一些垂直领域的资源。
比如做电商的,可以去找专门针对购物车、支付、物流的图标包。
做社交的,去找点赞、分享、评论的素材。
这样找出来的图标,跟你的业务场景更贴合,用户一眼就能看懂。
这里要提醒一句。
很多新手容易忽略版权。
有些图标虽然写着免费,但要求署名。
如果你是大公司官网,最好还是买商用授权,或者找明确声明CC0协议的资源。
别为了省那点钱,最后惹上麻烦,得不偿失。
另外,关于网站开发图标下载,还有一个小技巧。
你可以自己组合。
比如,一个房子图标加上一个放大镜,就变成了“搜索首页”或者“查找房源”。
很多图标库都支持在线编辑颜色、粗细。
花几分钟调整一下,比到处找现成的要快得多,而且独一无二。
最后,总结一下。
做网站,细节决定成败。
一个小小的图标,用对了,能提升不少质感。
别在找素材上浪费太多生命。
掌握几个靠谱的渠道,学会用SVG和字体图标,你的开发效率能提升一大截。
希望这篇文章能帮到你。
要是你觉得有用,记得多逛逛那些资源站,多积累自己的素材库。
毕竟,工欲善其事,必先利其器嘛。
咱们下期见。