恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
PPT设计教程 | PPT图标的分类和使用注意事项 下篇
0.0°
2021-01-10 原创文章 教程 举报 904 1 1 0

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

PPT设计教程 | PPT图标的分类和使用注意事项 上篇


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



01.

风格统一

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




01.1.

配色统一

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

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



01.2.

大小统一

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



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



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



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


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


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



01.3.

边角统一

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


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



稍加思考一下



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



01.4.

粗细统一

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


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




01.5.

形式统一

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


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


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



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




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



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




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



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


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


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



02.

确保图标风格统一

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


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



03.

PPT图标搭配技巧

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


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



03.1.

少用应用类图标

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



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



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



03.2.

图标丰富程度一致

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




03.3.

推荐icon网站:Noun Project

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



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



03.4.

明确画面主次

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



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



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


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



04.

最后总结

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


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



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


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




文章首发于公众号【一六视觉】,想了解更多,请移步。


Powered by Froala Editor

更新:2021-01-10

收藏

1人已收藏

137***6134

一六视觉

  • 17

    作品

  • 65

    粉丝

  • 0

    关注

  • 改稿 | 工作型PPT还可以怎么改?教你几大实用妙招!
  • 版式教程 | 叠加&破格技巧在PPT中的运用
  • 又偷学一招!掌握这3种方法,做出这类PPT不在话下!
  • 老板,这样的一页PPT值多少钱?

    猜你喜欢

      2021-01-10 原创文章 教程 举报 904 1 1 0

      PPT设计教程 | PPT图标的分类和使用注意事项 下篇

      0.0°

      你确定要举报PPT设计教程 | PPT图标的分类和使用注意事项 下篇

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年01月10日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      1
      1
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录