扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

不会画图标,这些源文件拿去用吧!

黑马青年 07月27日 18:51 发布 / 59 次阅读

图标设计对于 UI 设计师来说属于非常基础的技能要求,甚至很多入门级设计师都会画,只是画得不一定规范,或者缺少创意和质感。不过也有一些刚入行的新人设计师,图标设计的能力还比较薄弱,在项目中效率比较低。


因此图标素材成为了提高工作效率的途径,为了帮助这部分同学获得更多图标资源,黑马哥为大家整理了十余个优质的图标素材库,希望可以带给大家更多帮助。




1. 善用图标库


我们可以运用图标素材库的资源来提高我们的工作效率,但是不适宜过度依赖,仅限于入行前期的经验过度。


针对已经具备一定经验的设计师来说,不适合过度使用素材解决工作需求,可以将图标素材库作为灵感来源。参考别人的风格和技法表现形式,以此来创作出属于具备自己思考的作品。


1.png




2. 图标素材库推荐


为了方便初入行业的同学掌握更多资源,为大家整理了如下图标设计网站,大家在使用的时候自行阅读相关平台的规则说明。



2.1 Flaticon

Flaticon 拥有超过 780 万多个矢量图标和贴纸等素材,提供 PNG、SVG、EPS、PSD 和 CSS 等格式。该图标素材库包含界面图标、动效图标、标志和贴纸等,作品的质量还是比较高的,可以满足很多设计场景的需求。


2.1.png



2.2 Noun Project

Noun Project 提供了超过 300 万个艺术品质的免费图标,可以下载 PNG 或者 SVG 等文件以便于编辑。


2.2.png



2.3 ICONS8

ICONS8 对于一些设计师来说比较熟悉,提供了几十款样式的免费图标素材,还有设计工具和插件的推荐等。除了图标素材以外,还有插画素材和一些不错的照片素材,种类丰富且质量都还不错,值得没事的时候逛一逛。


2.3.png



2.4 Iconfinder

Iconfinder 拥有图标、插图、3D 插图、贴纸等素材,里面提供了非常多的图标素材,还可以通过内置的色彩编辑器进行调整。只需要简单的操作就可以对图标和插图进行重新着色,下载 SVG、PNG 格式或者复制参数等。


2.4.png



2.5 IconPark

IconPark 图标库已被字节众多产品线使用,拥有 2600+ 基础图标,29 种图标分类,为你的设计提供更多的选择。


2.5.png



2.6 Freepik

Freepik 提供的素材不只是图标,还有字体、插图、漫画、海报、样机、标志等等内容,种类比较丰富。图标的分类也比较丰富,素材资源众多,可以满足我们多样化的设计需求。


2.6.png



2.7 Iconfont

Iconfont 对于大家来说非常熟悉了,相信很多设计师都去下载过图标素材,是由阿里妈妈 MUX 倾力打造的矢量图标管理和交流平台。设计师将图标上传到 iconfont 平台,用户可以自定义下载多种格式的 icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。


2.7.png



2.8 Ionicons

Ionicons 提供了完全开源的图标设计素材,用于 Web、iOS、Android 和桌面应用程序,支持 SVG 和代码文件下载。


2.8.png



2.9 Flat Icon Design

来自日本设计师团队创办的提供免费图标素材下载的网站,和别的图标素材网站不同,该网站收录了众多扁平设计风格的图标,带给各位设计师更多样化的选择。


2.9.png



2.10 Fontello

图标字体生成器,将你的图标拖进网站自动生成。网站也提供了众多图标可以下载。图标大小可以自动调节,然后批量选择好一次性下载,非常方便实用的一个网站。


2.10.png



2.11 Logobook

Logobook 提供了很多黑白的创意图形,可以作为我们设计灵感的参考来源。通过对基础图形的创意灵感,探索出图标设计的想法,是一个灵感来源不错的平台之一。


2.11.png



2.12 Iconsfeed

Iconsfeed 展示了很多的应用图标设计案例,分类也是非常的丰富,可以根据自己的需求寻找对应的设计灵感。


2.12.png



小结

为大家选择了 12 个图标素材网站,大家使用时记得仔细阅读各平台的条款说明,本分享仅为参考。通过名称在谷歌浏览器中即可搜索到,如果找不到的同学可以微信联系黑马哥,如有描述不足请以各平台规则说明为主。




3. 温馨提示


通过图标素材库虽然可以让我们偷懒一些,但是并非长久之计,一旦遇到更高要求的设计需求时,过度依赖素材容易让我们提前步入瓶颈期。要掌握图标设计的规范、风格趋势、表现技法、深入质感的方向等等,只有具备优秀的图标设计能力,才能在项目中随意发挥。


3.png




4. 图标设计能力提升


图标设计入门很简单,但是从“会画”到“画好”之间却存在一定的差距。图标设计的能力属于动手能力的提升,没有捷径可走,唯有掌握方法并反复磨练。



4.1 临摹起步

临摹是图标设计训练的起步,大量的临摹可以提高软件操作的熟练度和造型设计的把控,也能不断提高简化图形的思路。临摹的量不能太低,临摹几个几十个是没有作用的,起码也得上百个起步,只有量变才能引起质变。


4.1.png



4.2 拆解图标素材

从运用素材到拆解素材,是依赖素材到探索技法的转变。拆解图标素材的造型结构、规范参数、表现技法、配色关系、细节和一些比例关系等,掌握并还原素材的能力,这样才能不断掌握各类图标风格的设计能力。


4.2.png



4.3 图标案例分析

具备技法层面的能力是基础,培养灵感需要积累大量案例并分析总结。体验线上的各类产品,分析图标设计的风格趋势,并形成经验总结,只有不断体验和总结才能把控图标设计的运用趋势。


4.3.png



4.4 强化日常输出

除了完成项目需求以外,日常的探索和磨练也是至关重要的,只有经历过千锤百炼之后才能随心所欲。看到优秀的作品要去研究并转换成自己的作品,掌握技法并形成自己独特的理解。定期输出作品是为了不断强化自己的动手能力,也是持续激活脑细胞的过程,让我们的灵感源源不断的成长。


4.4.png




有人带好进步


如果你通过自学无法更快的提升自己图标设计的能力,专业能力依然处于入门级或者初级阶段,那就找黑马哥带一下吧!有人带进步更快,才能在短时间内从入门级进阶到高级以上能力。


5.1.png


黑马哥会带你分析设计思路、拆解技术难点和掌握设计原则,通过案例实战的形式让你更快的掌握。再配合日常作业的一对一指导,发现你作品中的问题并逐个修改,达到较高质量的输出。


5.2.png


也会指点工作项目中的设计,让你在工作中更快的提高效率和发挥更高的价值,实现专业能力的落地和职场路径的晋升。


5.3.png



作者:黑马青年(vx: heimaux)

本文由 @黑马青年 原创发布。未经许可,禁止转载。