让PPT图标更具设计感,这里有12条建议 …
2018-08-02 05:50:08来源:pptfans 阅读 ()
我们今天好好地讲一讲,如何才能让 PPT 中的图标更有设计感。图标的美化主要有 2 个方向,要么是对图标本身动手,要么改变图标周围的环境,接下来我们就按照这 2 个大方向来详细分析。
在幻灯片设计中,我们经常会使用到图标。对于图标而言,无非两个作用,其一是视觉化表达,其二是调节观众情绪。
因此,今天我们就来好好地讲一讲,如何才能让 PPT 中的图标更有设计感。
图标的美化主要有 2 个方向,要么是对图标本身动手,要么改变图标周围的环境,接下来我们就按照这 2 个大方向来详细分析。
01
对图标本身动手
(1)图标的上色(纯色 / 渐变)
这是最为普通、简单的美化手法,但是因为用的人比较多,所以观众都审美疲劳了;如果你的基础比较差,用这种方法最为保守,但是保守的东西很难惊艳。
(2)图标取消组合后,局部上色
大家注意看上面这张幻灯片的图标部分,有纯白的,也有半透明的,这就是局部上色;这么做不仅可以增加设计感,还可以让重点更突出。
如果你使用的是 Office 365,你就可以用微软为你精挑细选的图标,取消组合后就可以自由上色了。当然了,这还要取决于你选择的图标,最好是有多个部分组成的,这样取消组合后才有子模块。
(3)图标半透明充当背景
上面这张幻灯片的图标就是半透明充当了背景,丝毫不减少页面的生动,而且弥补了色块的空白区域。
图标充当背景既可以完全显示整个图标,也可以裁剪该图标的局部区域,比如上图就是只显示图标的局部区域。
(4)图标与图片的布尔运算
上面这张幻灯片左边是微软的 LOGO,LOGO 其实就是代表企业的图标,将图标和图片做布尔运算不仅保留了图标的直观性,还平添了图片的冲击力。
(5)给图标加“阴影”
这里的“阴影”不仅仅是指直接给图标加 PPT 自带的阴影,还可以像上面这张幻灯片那样,复制同样的图标然后柔滑边缘、提高透明度。
(6)给图标加光泽
上面这页幻灯片中,左边的图标是普通的纯色填充,右边的图标则添加了光泽,更有立体感了。
(7)三维旋转
图标的三维旋转,我经常会用在科技风的幻灯片中。记得先把图标和形状组合后再设置三维旋转。
(8)层叠 + 旋转
这种通过旋转 + 透明度所做成的效果很有节奏感,制作也比较简单,复制图标 + 设置透明度,最后记得调整图标的层级。
02
对图标周围的环境动手
(1)形状垫底
比如上面这张幻灯片的右侧,图标下面都是色块,这也是我们最常见的,制作比较简单,如果色块的形状选择和颜色选择比较好,做出来还是不错的。
(2)图标底部小点缀
这种其实也是形状垫底的一种,但是垫底的形状只是在图标的边角出现,起到的主要是点缀的作用。这种做法需要特别注意图标的颜色选择。
(3)图标四周小点缀
这种做法比较少见,需要设计师对于细节的极致追求。一般装饰在图标四周的形状多为线条,原因是如果用大面积的色块会转移观众的注意力。
(4)图标与文字的结合
这是最有难度的一种设计手法了,需要你深度理解文案,还要对图标的选择很讲究;当然,最有难度的东西一旦成功了就是惊艳!
最后我们来总结一下:
- 一、对图标本身动手
- 图标的上色(纯色 / 渐变)
- 图标取消组合后,局部上色
- 图标半透明充当背景
- 图标与图片的布尔运算
- 给图标加“阴影”
- 给图标加光泽
- 三维旋转
- 层叠 + 旋转
- 二、对图标周围的环境动手
- 形状垫底
- 图标底部小点缀
- 图标四周小点缀
- 图标与文字的结合
好了,就这么多。
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 4个方法,教你轻松做出高大上的PPT地图页设计! 2019-03-10
- 「PPT常用快捷键大全」让你制作幻灯片时更加高效! 2019-03-10
- 发布会常用的两个PPT动画,绝对震撼到你 2019-03-06
- 从4000张发布会PPT中,我总结了这些小白也能学会的P 2019-02-27
- 之前从没想过,做出有创意的PPT排版这么简单! 2019-02-25
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash