细节猎人04期 | PPT图标的分类和使用注意事项 下篇

进阶提高 1年前 (2020) 一六视觉
152 0 0

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

继上篇文章之后,大家的反响似乎都还不错,都说以前一直不知道图标怎么用,现在算是知道图标的一些设计套路了。

回看上一篇文章可以点击这里哦 ↓

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

相信看完上一篇文章,你对图标已经稍微有了些认知,那么关于图标的统一,你又了解多少呢?这又是一个很细节的问题。

01.

风格统一

通常来说,以下几项内容保持一致,便能保证图标的风格是统一的:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

01.1**.**

配色统一

这个相信不用多说,很多小伙伴都能留意到这个问题,非常棒~

(这个真不是不想说,而是大家都会注意到这一点)

01.2**.**

大小统一

如果几个图标的外形状是类似的,我们很容易就能看的出来谁大谁小,从而做一些细节调整

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

但是有些时候,图标的形状并不一定就是方方正正的,例如下面这些:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

有面性线性,也有长的短的图标,这时候就很需要用眼睛去做视觉衡量,用你的空间感把他们调整为接近一样的视觉大小。

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

即使如此做了调整,不难发现1跟2这两个图标还是没办法在视觉上保持平衡,为什么呢?

因为一个是面性一个是线性(同样大小下,面性比线性视觉上更重)

所以这时候需要灵活一些,不要再纠结怎么调整到视觉平衡,直接换个风格一致的图标,才是高效率的。

01.3**.**

边角统一

严格来说,保持一样的圆角属性是一件很有必要的事情,但这却是很容易被PPTer忽视的一点:

例如下图5个图标,哪几个是一类的呢?

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

稍加思考一下

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

那么我们来看,如果之前不知道这个细节,是不是也会觉得这5个图标是一个类型的呢?

01.4**.**

粗细统一

可以说,粗细统一跟线性面性统一一样,是使用同风格的图标里面,最最基础的常识之一

但是往往很多人会忽视掉这一部分,例如下面这些图标,粗细的差异其实一目了然:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

01.5**.**

形式统一

图标的设计形式有很多,例如之前说的MBE风格,多色风格,除此之外还有其他不同的图标设计形式~

这一组图标,都是以红蓝作为主色,白色作为图标局部点缀:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

这一组图标,以线性为主,加上局部的粉色点缀,同时在线条的边角采用的都是圆角,再加上这种点击交互,就很Q有没有!

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

例如这是渐变风,通过颜色之间的过渡增加图标设计感:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

而下面这一些,属于2.5D图标,判断的依据也很好理解,看他们是不是有一些角度上的倾斜塑造的立体感:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

而这一类,则属于拟物图标,拟物图标的特点之一就是很写实,通常在PPT上不怎么出现这类图标(除非借助素材)。

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

插画图标,与我们PPT常见的图标最大的区别,估计就是一个简约,一个非常有细节了:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

当然了,图标的风格是多种多样的,我们在学习过程中,可以试着通过同组的图标,试着去总结他们的设计规律。

以上是部分图标风格的展示,如果还有其他的,欢迎底下留言补充~

那么接着上一篇文章,我们该说说在PPT上常用的图标应该怎么用了,毕竟还是以学习PPT设计为主嘛

02.

确保图标风格统一

相信经过上面这些分享,你也应该能知道图标风格统一的重要性了,在PPT上,我们最基本需要保证的图标一致性是下面这3个

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

把上面三点做好,PPT的图标起码不会出现太大的问题。尤其是线面图标尽量不要一起出现。

03.

PPT图标搭配技巧

我认为设计是一件很有趣的事情,同样是个圆形却能在不同场景下创造非常多的可能性。

但是他们却并非无章可循,正如PPT图标。我有几点非常简单实用的套路想偷偷分享给你:

03.1**.**

少用应用类图标

应用类图标其实很好理解,例如手机上的功能图标,或者最常见的win电脑右上角的缩小,放大,关闭,诸如此类的图标:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

为什么不建议引用这类图标呢?因为这类图标结构偏简单,在PPT上的视觉化表达能力较弱。

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

但并不是图标就一定要非常复杂,这个就看你灵活运用了。

03.2**.**

图标丰富程度一致

例如下面这页PPT,前2个图标丰富程度是接近的,看着也不会突兀,但是第三个图标,是不是有点太过于简单了呢?(对比之下)

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

03.3**.**

推荐icon网站:Noun Project

如果某些场合之下你确实需要更加好看的图标,例如运动图标,你可能会在阿里icon找到这样的:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

而在Noun Project,运气够好的话可以找到风格高度一致的相关图标。

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

03.4**.**

明确画面主次

在上篇文章中我留了一个思考,为什么下页PPT采用线性图标比较合理?

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

其实这个问题并不复杂,只需要我们把线性图标替换成面性的,再对比一下就知道了:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

对比之下不难发现:面性的图标一定程度上会抢占标题的视觉,直白一点来说就是喧宾夺主,抢了主角的戏。

恰恰很有意思的是,最近看到挺多“过分设计”的PPT:在一个画面里面把图标放的非常大,真正需要理解的文案放的非常小,这种主次颠倒的问题,希望你可以留意一下。

04.

最后总结

上述知识点其实都是以以往UI设计中的相关经验分享的内容,以直白一些的方式分享出来。

对于要求不严格的人来说,PPT图标能保证下面三点统一就很好了:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

图标用的好,能给PPT增添更多的设计感,但我个人也是反对过渡设计,不管做什么设计,确保用户能告知到设计要表达的内容是第一位。(设计的识别性)

这也是你我都需要继续学习的地方~

05.

有奖小练习

以上跟图标相关的知识点,你记住多少了呢?我们来做个小测试吧:

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

在下方留言说出你的答案吧~

在7月13号20:00之前,前10位回答正确的小伙伴可获得6.66元红包奖励

也算是回馈一下大家长久以来的关注和支持~

06.

最后说些话

最近几个月也开始接恰饭的文章了,讲直白一点,我是个工作的人,努力输出当然不是为了情怀,而是为了赚钱,所以希望大家如果之后看到我发了恰饭文,可以点一下支持一下,请多多理解。

恰饭的收益我也会通过其他的方式,回馈一部分给大家。

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

除此之外,如果这篇文章能上“100个在看”的鼓励。我会过几天做一场关于PPT图标的直播分享,同时把自己一些常用的PPT图标库或其他素材,分享给参与直播观看的人。

最后,有一句比较老套的话,叫做:

谢谢你长这么好看还关注我

我是二木,下一篇文章再见咯~

下文预告:

最近在钉钉群直播造了第二套免费PPT模板,细节很多,将会在下篇文章跟大家见面~

细节猎人04期 | PPT图标的分类和使用注意事项 下篇

关注我之后在历史文章可看到上一套免费模板。

END

未经允许,禁止转载

原创不易

喜欢分享评论请一条龙


原文链接:细节猎人04期 | PPT图标的分类和使用注意事项 下篇

版权声明:一六视觉 发表于 2020年7月12日 上午8:00。
转载请注明:细节猎人04期 | PPT图标的分类和使用注意事项 下篇 | AboutPPT导航

相关文章

暂无评论

暂无评论...