• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 不止15个!可能是最全面的图标素材站+制作神器

不止15个!可能是最全面的图标素材站+制作神器

作者: 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含图标下载,图标素材,酷站推荐等相关知识,希望在学习及工作中可以帮助到您

图标的使用在设计界已经无处不在了,目前被广泛用于UI和网页设计的界面领域。然而,图标资源网站很多,真的很多,但实际好用的,我只推荐这几个。下面请看看达人为大家整理的一系列图标素材资源,建议收藏分享。

目录:

  • 扁平化、拟物化、表情图标
  • 网页字体图标
  • logo图标
  • 图标制作工具

一.?扁平化、拟物化、表情图标

Iconstore图标库?https://iconstore.co

iconstore 的图标可能没其它图标库数量多,但重要的是icon质量好,并有详细的分类,大家可以通过分类来查找和项目相关的图标。

Easyicon??http://www.easyicon.net/

这是一个可以用中文搜索的图标网站,所以觉得用户英文麻烦的同学可以使用这个,实际上,这个也只是把中文自动翻译成英文~

包含图标内容:扁平化、拟物化、表情

Iconfiner?http://www.iconfinder.com/

老牌图标素材搜索引擎,里面有些付费图标不错,主打扁平化系列图标。

包含图标内容:扁平化、拟物化、表情

阿里图标库?http://www.iconfont.cn/

用户不仅可以在这里搜索下载ICON,还集成上传、收藏、管理图标功能,是国内不错的图标管理工具。

Flaticon?https://www.flaticon.com

专注扁平化图标,真的超多……

Noun Project?https://thenounproject.com/

这是一个纯扁平化图标提供网站,全部均可免费使用,当然小编认为这里最牛之处就是:图标高度可识别性!

包含图标内容:扁平化

 

二.?网页字体图标

网页字体图标相当多,但流行使用的也就这么几个,所以我们只列出几个优秀的 icon font。

Fontawesome?http://fontawesome.io/

可能是世界上使用最多的开源网页字体,几乎你想要的图标都有了,并且国内也有这个字体的 CDN,真的相当好用。

PrestaShop Official Icon Pack http://build.prestashop.com

PrestaShop 是开源电子商务平台,原先这个平台使用的也是 Fontawesome,因平台改版设计团队重新设计了一套新的图标包,十分适用于电商行业,目前是免费下载使用。

EGO Icon?http://ego-icons.com/

一套设计非常个性的图标,因为图标填充了颜色,所以放大使用也有不错的效果。作为设计师,即使不下载,也可以当前参考。目前开放100个免费图标下载。

注:这不是网页图标字体,但觉得很有特色,推荐大家看看。

谷歌 Material Design 图标?http://www.shejidaren.com

Material design UI 必备图标,总数超750个图标,系统界面、网站、移动 APP 都足够用了。当然也可以单独下载 SVG 或 PNG 格式的图标。

三.?LOGO图标素材

有时候,我们经常要找一些大品牌公司的 LOGO 源文件,可是用 google 或 百度时,只能找到图片,所以如果需要LOGO源文件的同学,可以试试这2个网站。

Logo EPS?http://www.logoeps.com/

提供了大量的品牌标志源文件,比如 NBA, GOOGLE, VISA 等等著名品牌 LOGO,请注意是用英文搜索哦。

FREEPIK?http://www.freepik.com/

这是一个老牌矢量素材站,不仅仅是 LOGO,可以说是什么都有,缺点:网站速度超级慢……

 

四.?图标制作工具

正常设计图标都是用 AI, PS,Sketch 这些标准专业设计软件,但如果是小工具,比如把图标转成网页字体,又或者要制作 icon 格式的图标,就需要另类的工具了。

网页 Favicon 图标工具:Xiconeditor?http://www.xiconeditor.com/

favicon图标就是浏览器 tab 标签哪个小图标,PS 不支持制作这种格式的图标,但大家可以能过在线生成工具来制作,比如这个 xiconeditor。

网页图标生成工具 1:Icomoon?https://icomoon.io/

网页图标制作工具 2: Fontello ?http://fontello.com/

Fontello 里面有超多图标,用户可以从图标库里挑选网站所有需要的图标,然后把所有挑选选的图标,生成一个字体文件,这样就可以在网页里调用了。

图标制作软件 1:IcoFX(Windows 系统)http://icofx.ro/

IcoFX 可以说是专为 windows 下的软件图标和光标而创造,一次性制作多个分辨率,在Windows 8和 Macintosh的图标支持透明工作,当然也支持网站 icon 格式的图标了。

这个软件是付费的。

图标制作软件 2:Icon Slate(MAC系统)?https://www.kodlian.com

Icon Slate可让您轻松撰写,导入和导出桌面和移动设备的多种格式、多个尺寸的图标。格式有:苹果ICNS,微软ICO,CandyBar iContainer,图像(PNG或TIFF)。

总结

有了这么多图标素材资源,做项目时,都可以提高效率,也可用于寻找灵感,如果时间允许,还是建议单独设计一套和自己品牌吻合的图标。

「2016年干货大合集都在这里」

  1. 《干货|2016年11月开发者超实用干货大合集》
  2. 《设计师专场!2016年10月设计圈实用干货大合集第二波》
  3. 《开发者福利!2016年10月设计圈实用干货大合集》
  4. 《再来一发!2016年9月设计圈实用干货第二波》
  5. 《开学福利!2016年9月设计圈超实用干货大合集》
  6. 《高温福利!2016年8月设计圈最新干货大合集》
  7. 《再来!2016年7月设计圈干货大合集第二波!》
  8. 《超赞!2016年7月新鲜出炉的设计圈实用干货大合集》
  9. 《精准投放!2016年六月设计圈超实用干货大合集》
  10. 《月底福利!2016年5月第二波超实用设计圈干货》
  11. 《上手就用!2016年五月设计圈新鲜干货大合集》
  12. 《姗姗来迟!2016年四月设计圈干货大合集》
  13. 《质量保证!2016年三月可靠实用的设计圈干货》
  14. 《多多益善!2016年二月设计圈实用干货第二波》
  15. 《开工福利!2016年二月设计圈实用干货大合集》
  16. 《干货干货干货!2016年第二波设计圈干货大合集》

原文地址:shejidaren

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零

您可能想查找下面的文章:

  • 未来就在这里! 一组AR 和VR 相关的图标合集免费打包下载
  • Iconfinder 开发了一个超强大的图标在线编辑器!
  • 超过200万个高质量的图标素材免费下载,还可以自定义配色和大小!
  • 不止15个!可能是最全面的图标素材站+制作神器

相关文章

  • 2017-08-06将像素点转化为全面的品牌体验的经验技巧
  • 2018-08-23超实用!西文字体及排版的运用方法(附字体搭配建议)
  • 2018-08-23网易资深设计师:APP应用图标的36个设计方法
  • 2017-08-06如何解决外边距margin叠加的问题探讨
  • 2018-08-23谷歌是怎么设计语音界面的?这篇总结了对话设计六原则!
  • 2018-08-23交互基础小课堂!目标导向设计之“设计研究”
  • 2017-08-06ie6 select无法被div遮盖的bug解决方法
  • 2017-08-06用frameset实现复杂的页面布局技巧小结
  • 2018-08-23简单实用!使用无序列表时应该注意的7项细节
  • 2018-08-23超全面的移动端顶部栏设计分析

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 天猫设计师:为什么说不真实的产品测试是无效的?
    • 帮助新手熟悉产品的向导程序,遵循着怎样的设计模式?
    • FlashFXP ftp客户端软件的注册破解方法
    • 哈哈哈!设计师专用表情包合集(一)
    • 超全面!可能是最详细的电商首页设计总结
    • 如何巧用Slogan,让Banner变得更有设计感!
    • 我的css架构理念—因人而异 没有最优 只有适合
    • ofo小黄车是如何打造情感化设计的?来看总监的自述!
    • 站长应该注意的9个提高网站易用性的代码优化技巧
    • 用户体验是一种过程,而不是结果

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有