图标的使用在设计界已经无处不在了,目前被广泛用于UI和网页设计的界面领域。我们使用图标时,一般是以下这六种展现形式或用途。
文章目录:
一、扁平化、拟物化、表情图标
二、网页字体图标
三、logo图标
四、图标制作工具
一、扁平化、拟物化、表情图标
iconstore图标库
iconstore 的图标素材可能没其它图标库数量多,但重要的是icon质量好,并有详细的分类,大家可以通过分类来查找和项目相关的图标。
网站地址:https://iconstore.co
easyicon
这是一个可以用中文搜索的图标网站,所以觉得用户英文麻烦的同学可以使用这个,实际上,这个也只是把中文自动翻译成英文~
包含图标内容:扁平化、拟物化、表情
网站地址:http://www.easyicon.net/ (已加入设计导航搜索条)
iconfiner
老牌图标素材搜索引擎,里面有些付费图标不错,主打扁平化系列图标。
包含图标内容:扁平化、拟物化、表情
网站地址:http://www.iconfinder.com/
阿里图标库
用户不仅可以在这里搜索下载ICON,还集成上传、收藏、管理图标功能,是国内不错的图标管理工具。
网站地址:http://www.iconfont.cn/
Flaticon
专注扁平化图标,真的超多……
网站地址:https://www.flaticon.com
Noun Project
这是一个纯扁平化图标提供网站,全部均可免费使用,当然设计达人网小编认为这里最牛 B 之处就是:图标高度可识别性!
包含图标内容:扁平化
我们将这个网站也放到了设计导航的素材搜索栏目,大家可以直接在设计导航的搜索条来搜索 Noun Project 的图标。
网站地址:https://thenounproject.com/ (已加入设计导航搜索条)
二、 网页字体图标
网页字体图标相当多,但流行使用的也就这么几个,所以我们只列出几个优秀的 icon font,更多可以看看我以前的文章《30个免费网页图标字体》
Fontawesome
可能是世界上使用最多的开源网页字体,几乎你想要的图标都有了,并且国内也有这个字体的 CDN,真的相当好用。
网站地址:http://fontawesome.io/
PrestaShop official icon pack
PrestaShop 是开源电子商务平台,原先这个平台使用的也是 Fontawesome,因平台改版设计团队重新设计了一套新的图标包,并十分适用于电商行业,目前是免费下载使用。
网站地址:http://build.prestashop.com/news/icon-pack-beta/
EGO icon
一套设计非常个性的图标,因为图标填充了颜色,所以放大使用也有不错的效果。作为设计师,即使不下载,也可以当前参考。目前开放100个免费图标下载。
注:这不是网页图标字体,但觉得很有特色,推荐大家看看。
网站地址:http://ego-icons.com/
谷歌 Material Design 图标
Material design UI 必备图标,总数超750个图标,系统界面、网站、移动 APP 都足够用了。当然也可以单独下载 SVG 或 PNG 格式的图标。
网站地址:http://www.shejidaren.com/material-icons.html
三、LOGO图标素材
有时候,我们经常要找一些大品牌公司的 LOGO 源文件,可是用 google 或 百度时,只能找到图片,所以如果需要LOGO源文件的同学,可以试试这2个网站。
Logo EPS
提供了大量的品牌标志源文件,比如 NBA, GOOGLE, VISA 等等著名品牌 LOGO,请注意是用英文搜索哦。
网站地址:http://www.logoeps.com/
FREEPIK
这是一个老牌矢量素材站,不仅仅是 LOGO,可以说是什么都有,缺点:网站速度超级慢……
网站地址:http://www.freepik.com/index.php?goto=2&searchform=1&k=LOGO
50款优质企业 LOGO 模板(无版权限制)
一共有50款企业类的标志素材,如果急着想要免费的标志,那么可以看看标志模板包,完全免费。
网站地址:http://www.shejidaren.com/50-free-logo-templates.html
四、图标制作工具
正常设计图标都是用 AI, PS,Sketch 这些标准专业设计软件,但如果是小工具,比如把图标转成网页字体,又或者要制作 icon 格式的图标,就需要另类的工具了。
网页 favicon 图标工具:xiconeditor
favicon图标就是浏览器 tab 标签哪个小图标,PS 不支持制作这种格式的图标,但大家可以能过在线生成工具来制作,比如这个 xiconeditor。
网站地址:http://www.xiconeditor.com/
网页图标生成工具 1:icomoon
网站地址:https://icomoon.io/
网页图标制作工具 2: fontello
Fontello 里面有超多图标,用户可以从图标库里挑选网站所有需要的图标,然后把所有挑选选的图标,生成一个字体文件,这样就可以在网页里调用了。
网站地址:http://fontello.com/
图标制作软件 1:IcoFX(Windows 系统)
IcoFX 可以说是专为 windows 下的软件图标和光标而创造,一次性制作多个分辨率,在Windows 8和 Macintosh的图标支持透明工作,当然也支付网站 icon 格式的图标了。
这个软件是付费的,当然你可以某度一下。。
网站地址:http://icofx.ro/
图标制作软件 2:Icon Slate(MAC系统)
Icon Slate可让您轻松撰写,导入和导出桌面和移动设备的多种格式、多个尺寸的图标。格式有:苹果ICNS,微软ICO,CandyBar iContainer,图像(PNG或TIFF)。
网站地址:https://www.kodlian.com/apps/icon-slate
总结
有了这么多图标库,做项目时,都可以提高效率,当然如果时间允许,并且有设计师的企业,还是建议单独设计一套和自己品牌勿合的图标。
今天分享到这里,有好的图标资源,欢迎提交给我们,分享快乐。