PPT设计时常常会使用到图标,用来丰富、修饰画面,相比文字,图标在传达信息上更高效快捷,但是我打赌80%的人都是凭感觉去选用图标、摆放图标,往往这样做后,最终PPT的效果总不尽人意。
所以我绑架了一个设计师,拷问了整整一天终于套出了一些口供,现在整理出来跟大家分享一下。
1.图标分类
图标的设计从大类上可以分两类: 象形图标和表意图标。
象形图标
通过与参考物体类似的构型来传递意义,这是目前最流行的图标类型,象形图标包含了目前很多主流的图标设计风格,包括:线形图标、面形图标、拟物图标、填充图标、手绘图标等。
表意图标
表意图标有基本的形状,但是人们无法一眼知道其指代的含义,需要先了解之后才能明白其中的意义。通常品牌的logo多为表意图标。
表意图标不用多说,使用的方法下面会具体介绍,但是象形图标可以分为五类,下面我们就来细细讲讲这五类图标分别有什么特别之处。
01.线形图标
这是现在最流行的图标表现风格之一。图标是由一条等粗细度线条构成的图形。
特点: 相比面形图标会比较有细节的表现空间,控制线条的粗细和构型能够有很多样的视觉表现;
应用: 线形图标的细节非常丰富,我们会选用线形图标来起到更多修饰作用,通常偏科技风的页面选用线形图标的更多。
02.面形图标
设计师会从现实世界中提取事物的关键形状特点然后通过草稿再电子化的一个过程。
特点: 一个象形的剪影小色块,视觉上比较有张力,比线性图标有更重的视觉感,不好刻画较多细节。面形图标的识别度相对线形要高,它的形状更饱满;
应用: 可以很好的适用于大部分扁平风设计。
03.填充性图标
这种类型的图标可以说是面形图标和线形图标的完美结合,采用线条构型然后在内部填充颜色。
特点: 比较新颖,有较多的表现空间;
应用: 通常应用在比较有张力需要个性的页面设计中。
04.手绘图标
这是一种手工绘制的图标,这种风格的图标可以天马行空得彰显设计师的表现力。
特点: 在视觉表现丰富细腻,很有感染力和场景感;
应用: 一般应用于特殊的主题PPT中。
05.拟物图标
这是乔布斯时代IOS的代表设计风格。
特点: 超现实的拟物,结合使用场景进行构型,质感表达到位,与手绘类图标相似;
应用: 一般应用于特殊的主题PPT中。
2.图标在PPT中的应用
一、大小和位置
象形图标
象形图标在PPT中通常用于内容修饰、内容指代或装饰,发挥内容修饰、内容指代的作用时,通常会摆放在页面中心,或随着主体有一定偏移。
图中灰色区域为页面中心
- a.置于页面中心用于内容修饰,主体信息较多时,通常将图标大小设置为1.5-3cm。
- b.置于页面中心用于内容指代,主体信息较少时,通常将图标大小设置为4-5cm。
- c.置于边缘以起到修饰作用时,通常大小设置为1-1.5cm。
表意图标
表意图标在PPT中通常是指logo或特定修饰元素,logo在页面中不宜过大,我们一般设置为1.5cm左右,通常会摆放在页面的四个边角处,或上下底边的中心处。
二、图标美化
我们以这一页简单的PPT为例,来给大家介绍一下图标美化的几个方向。
PS.下载图标时,尽量下载SVG格式,因为它可以取消组合为形状,才能修改颜色,否则以下修改方法是不可用的!
改变颜色
修改颜色是最直接的美化方式,黑白的元素过于简约,将图标修改为VI色是一个不错的选择。
渐变色
或者可以选择与VI色相近的渐变色。
加框线
还可以给图标加上线框,在视觉上统一它的外轮廓。这样可以显得更加整齐统一。
但是在加框线之前,我们需要把图标先缩小一些,避免加了框线后整体过大。
通常会使用圆形、方形、菱形来进行统一。
加色块
添加色块来做一些改造也可以起到统一视觉的效果。
纯色块过于平淡,来一点渐变怎么样?
最终我们还是选择用加框线的方式,并添加了一些线条形状来装饰整个页面,线形图标刻画出了丰富的细节,虽然页面很简单,但是却并不单调。
3.图标来源
网站下载
推荐一:easyicon.net
推荐二:iconfont.cn
插件库
在一些PPT插件——如iSlide里面,通常会自带有一些图标库,大家可以在插件菜单栏中找到它。
单击打开图标库之后,选择自己需要的图标进行插入即可,插件库中的图标一般都是可以自由修改的,所以从这里寻找需要的图标也是一个不错的选择。
PPT2016图标库
在PPT2016版本更新之后,新增了图标库,可以在插入菜单中找到。
打开图标库,左侧是分类菜单,右侧显示的是图标预览,单击选中需要的图标,右下角选择插入即可插入,可以多选后批量插入。
自己画
俗话说:“自己动手,丰衣足食”,有基础的同学可以选择自己动手画一些简单的icon,不会Ai没有关系,用布尔运算就足够了。
- 文中部分配图出自锐普设计师和网络配图
- 作者:大条 (转载自锐普PPT微博)