查看原文
其他

7篇图标绘制指南,1000+图标免费素材(含疫情专用图标)


UI小白的福利干货来啦!本次干货合集为帮助新人设计师学会图标的绘制方法。从图标基础知识到5大图标类型绘制方法详解,最后附上图标应用方法。如果你是UI 设计新手,在学习图标之前,建议完整阅读这个专题,会对你有帮助哦。



不仅如此,贴心的小优还为大家整理收集了1000+的图标素材,包含700+不同类型的矢量线条图标、413组矢量扁平风格图标以及目前比较热门的新冠状病毒防疫免费图标素材包(包含gif图标),需要的小伙伴赶快下载吧!



超全面的基础知识


在 UI 的设计体系中,图标是最重要的组成部分之一,是任何 UI 界面中都不可或缺的视觉元素。了解图标相关的概念,以及正确绘制的方法,是入门 UI设计的必备条件。



工具类图标设计规范


在上篇中我们知道了,工具图标的三种设计类型,以及对应的不同风格。本篇文章,内容主要分为规范讲解和案例演示两个部分,规范是工具图标的重点。

希望读者千万不要跳过这部分的知识讲解直接去看演示了。



为了进一步方便大家的学习,我特意准备了一套现成的栅格素材,包含16、24、28、32、36、48等六个尺寸。一起打包在文末的素材包中哦!



线性图标设计实战演示


前面两篇文章我们分别讲解了图标的基础知识,和工具类图标的规范。这篇就要进入到大家最喜欢的操作演示环节了。主要演示的是线性风格的设计,包含 8 个图标的绘制实战过程。



面性图标设计方法详解


前面用了比较长的篇幅讲了线性风格的图标要如何设计。那么面性风格图标的设计只要熟悉了线性图标的绘制方式,操作就没有难点,并且面性风格的实际操作难度比线性图标更低,所以我们用一篇文章来讲面性图标的设计。



装饰图标设计指南


在装饰图标中,就没有工具图标那么严谨的规范需要遵循,也就意味着自由度更高,可以任意发挥。显然,想要通过一篇文章掌握所有的装饰图标视觉设计方法,并不现实,新手只要将精力聚焦在最常用的几种图标风格的设计上即可。



启动图标设计指南


本文我们开始讲解最后一种类型的图标 ── 启动图标。在第一章我们已经对启动图标有了基础的认识,想要在启动图标设计上入门,就要先从规范开始学习,然后了解不同的风格以及对应风格的设计过程。



图标应用详解


在 UI 设计中,图标不是孤立存在的。我们学习图标的设计,不是为了画一组套图,而是要在真实的项目中发挥作用。所以,最后一章,说的就是工具图标在项目中应用的方法,我相信这是在网上很难找到的分享,建议仔细阅读。


以上文章由「超人的电话亭」撰写


图标素材免费打包


前面用了7篇的章节,已经系统地讲解了图标的设计方法,相信认真学习并实践的同学,已经可以设计出优秀的图标了。

下面贴心的小优还给大家整理了一份图标素材哦,包含700+不同类型的矢量线条图标、413组矢量扁平风格图标以及目前比较热门的新冠状病毒防疫免费图标素材包(包含gif图标),需要的小伙伴赶快下载吧!




优设计公众号二维码图上查看↑↑↑


干货获取方式:


要在“优设计”公众号后台回复“
10”,即可获取本期干货素材哦!(注意:不是本公众号!不是本公众号!不是本公众号!)


关于干货下载一切问题 
可添加管理员干货姐解决






点在看鼓励一下↓↓↓

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存