咕噜噜

图标设计对于UI设计师来说属于非常基础的技能要求,甚至很多入门级设计师都会画,只是画得不一定规范,或者缺少创意和质感。

小可爱们,我这里会定期推送插画、UI设计、排版等相关文章教程,有事没事来逛逛啊;
设计路上在学习,永不停歇,我们一起加油~

 

正文

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

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

 

1. 善用图标库

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

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

图片

 

2. 图标素材库推荐

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

2.1 Flaticon

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

图片图片

2.2 Noun Project

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

图片

2.3 ICONS8

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

图片

2.4 Iconfinder

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

图片

2.5 IconPark

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

图片

2.6 Freepik

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

图片

2.7 Iconfont

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

图片

2.8 Ionicons

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

图片

2.9 Flat Icon Design

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

图片

2.10 Fontello

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

图片

2.11 Logobook

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

图片

2.12 Iconsfeed

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

图片

 

小结

为大家选择了 12 个图标素材网站,大家使用时记得仔细阅读各平台的条款说明,本分享仅为参考。

3. 温馨提示

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

图片

4. 图标设计能力提升

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

4.1 临摹起步

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

图片

4.2 拆解图标素材

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

图片

4.3 图标案例分析

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

图片

4.4 强化日常输出

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

图片

 有人带好进步 

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

图片

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

图片

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

图片

 

原文地址:黑马家族(公众号)

作者:黑马青年

图片

转载请注明:学UI网 » 不会画图标,这些源文件拿去用吧!

登录收藏
 
你可能喜欢的:
甲方报价10000的设计海报,我5分钟就做出来了?甲方报价10000的设计海报,我5分钟就做出来了?
老板让我一天画一个轻拟物图标,结果我画了三个,质量还挺好!老板让我一天画一个轻拟物图标,结果我画了三个,质量还挺好!
看完秒懂!!!被连连夸赞的表情包是如何设计的?看完秒懂!!!被连连夸赞的表情包是如何设计的?
效率必备!这15个图像处理网站你收藏了吗?效率必备!这15个图像处理网站你收藏了吗?
今天带你一起来画个球今天带你一起来画个球
终于整理完了,这些图标库也太好用了!终于整理完了,这些图标库也太好用了!
为什么说是时候选择这个工具了为什么说是时候选择这个工具了
太简单了!别人要做一小时的页面,我用这些效率插件一键生成太简单了!别人要做一小时的页面,我用这些效率插件一键生成
这几年做的这几个项目,都遇到了同一个难题这几年做的这几个项目,都遇到了同一个难题
Figma的自动布局也太好用了吧!Figma的自动布局也太好用了吧!