嗨喽,大家好!这里是一周进步。
我是三水。
图标一直是提高PPT可视化的一大利器。
但你真的认识图标吗?你知道它是如何分类的吗?知道如何正确的使用它吗?
有多少PPT小白是这样使用图标的——
在这张PPT中,其实有几处图标用错了,你能看出来其中有几处错误吗?
这里先留个悬念,结尾再告诉大家。
如果你完全看不出来这张图中的错误,那说明你正在,相信今天这篇文章会对你有所帮助。错误地使用图标
接下来我会从这3个方面带大家好好认识一下图标:
01. 图标的分类
02. 图标的使用
03. 图标网站推荐
跟着我开始学习吧!
01. 图标的分类
图标有很多种类型,常见分类方法有两种。
-1. 按照线条分类
按照线条分类,我们可以将图标分为和是通过线条来塑造轮廓的,优点是干净简洁,可识别性高。线性图标面性图标。
线性图标
而则通过颜色的填充来吸引注意力,优点是视觉信息层级更强。面性图标
-2. 按照颜色分类
按照颜色分类,我们将图标分为和。简洁明了,经常使用单色图标来提高可视化,实用性更强。比单色更具表现力,细节上也会更丰富,所以装饰更强性强。单色图标多色图标
单色图标导航栏
多色图标
对图标有一个大概的了解之后,我们再来看看如何正确使用它们。
02. 图标的使用
-1. 类型、颜色一致
如果你使用的都是线性图标,那么所有图标就都是线性的,并且颜色也要,这样画面中的视觉比重才是平衡的。统一
但这也不是绝对的,像这张案例的图标颜色就没有统一。
所以具体情况具体分析,看自己如何去灵活运用了。
如果你的图标是svg格式,那么在PPT中之后可以它。两次取消组合任意的编辑
比如可以将线性图标改为面性图标,还能从单色改成多色。
-2. 大小一致
这里的大小一致指的是。视觉大小
我们拿正方形、圆形和三角形来举例,现在这三个图形看起来是一样大的。
但其实圆形和三角形比正方形要大一点。
这是因为正方形的面积最大,所以也是更大一点。为了在视觉上达到统一,我们就需要将它缩小一点。视觉比重
-3. 粗细一致
线条粗细不同,图标的也会有差异。力度和重量感
粗线条由于视觉,会显得图标厚重,让人更容易的注意到它;面积大
而细线条由于,看起来更加精致、细腻,适合使用在精致简洁的页面当中。线条纤细
给人圆润、舒适、亲密的感觉,所以课件、美食、等主题的PPT多会使用圆角图标;则会给人一种硬朗、刚毅的感觉,所以一般商务风格的PPT使用的更多。
-4. 圆角一致
圆角
而直角
一句话总结就是:圆角越大:视觉上越柔美和活泼;圆角越小,视觉上越硬朗和稳重。
在了解了图表的分类和使用之后,那么问题来了,我们该去哪里找到好用又免费的图标呢?
不用担心,我给大家推荐4个超好用的图标网站,让你再也不用为了图标发愁。
03. 图标网站推荐
今天推荐给大家这4个图标网站,各有优缺,大家可以根据个人需求进行选择~
-1. Iconfont
网址:https://www.iconfont.cn/
这是阿里巴巴旗下的矢量图标库。图标种类非常齐全,而且数量非常多;还支持在线修改颜色和大小。质量参差不齐,使用的时候需要有所选择。
优点:
缺点:
如果每一个图标都通过关键词来搜索,要花费很长的时间。
搜索小tips:
其实我们找到所需的图标后,在下载页面右边有个所属图标库,然后点击图标的分类;
就能拥有一套风格相同、配色统一、线条粗细一致的图标了,这样就大大节省了我们的时间。
-2. Iconpark
网址:https://iconpark.oceanengine.com/home
这是字节跳动旗下的矢量图标库。风格统一;可以在线编辑线条粗细、圆角、填充颜色。
优点:
这意味着你可以在线让图标从线性变成面性,从单色变成多色,从直角变成圆角。
-3. Remixicon
网址:https://remixicon.com/
这一款是国外免费可商用的矢量图标库。将所有图标进行了分类,并且风格很统一;可以在线修改颜色;实用性强。只有单色图标。
优点:
缺点:
-4. Iconhub
网址:https://iconhub.io/
这是国外的矢量图标库。风格统一;在线编辑线条、颜色,实现单色到多色、线性到面性的转换。
优点:
写在最后
以上内容就是关于图标的相关知识,现在让我们一起来总结回顾一下知识点吧。
01. 图标的分类
按照线条分类,可分为线性图标和面性图标;
按照颜色分类,可分为单色图标和多色图标
02. 图标的使用:
类型、颜色一致;大小一致;粗细一致;圆角一致
03. 图标网站推荐:
Iconfont、Iconpark、Remixicon、Iconhub
最后我也整理了一些常用的矢量图标,大家可以在一周进步公众号后台回复图标领取下载。
现在我们回到开头的这张图,相信大家应该能找出来到底出现了几处图标的错误用吧?
正确答案是4处哦~
你找出来了吗?欢迎在评论区告诉我答案吧!
我是三水,我们下期再见。
4000520066 欢迎批评指正
All Rights Reserved 新浪公司 版权所有