![](http://dingyue.ws.126.net/2024/0701/068163dfj00sfx4y10027d200u000csg00hx007m.jpg)
作者:跟我学个 P 丨 ID:PPTlearning
编辑:萌萌
嗨,各位大家好呀,我是小木。
我们做 PPT 时几乎离不开色块的运用,在功能上,可以承载文字信息;视觉上,又可以提升画面的观感:
![](http://dingyue.ws.126.net/2024/0701/a035e197j00sfx4y2007od200u000gwg00hx00a3.jpg)
![](http://dingyue.ws.126.net/2024/0701/23a9f5c3j00sfx4y300bxd200u000gwg00hx00a3.jpg)
但我们平时见到的 PPT 色块多数都用的不好,拉低了页面的水准:
![](http://dingyue.ws.126.net/2024/0701/12db363aj00sfx4y4009dd200u000gwg00hx00a3.jpg)
所以,今天本文就来教大家用好 4 招 PPT 色块的设计形式~
![](http://dingyue.ws.126.net/2024/0701/3c0e0c27j00sfx4y50005d200ku007gg00hx006e.jpg)
白色色块
首先要讲的,就是很常用的白色色块,即便看起来很简单,也还是有需要注意的点。
先看下面这页原稿,页面背景和色块都很灰,显得脏脏的:
![](http://dingyue.ws.126.net/2024/0701/3e1be05ej00sfx4y6004ad200u000gwg00hx00a3.jpg)
我们换一个清爽的背景,再把色块换成白色的,是不是一下清爽多了:
![](http://dingyue.ws.126.net/2024/0701/12c325a5j00sfx4y7005hd200u000gwg00hx00a3.jpg)
这里有一些细节,比如我的背景不是纯白的,以及给白色色块加了阴影。
如果背景也是白色的,那么白色色块即便添加阴影,和背景的层次区分也很难明显:
![](http://dingyue.ws.126.net/2024/0701/8c919f20j00sfx4y8004ed200u000gwg00hx00a3.jpg)
另外,阴影的设置也很重要,很多人做 PPT 添加的阴影都有这种脏脏的感觉:
![](http://dingyue.ws.126.net/2024/0701/1d170f10j00sfx4y90056d200u000gwg00hx00a3.jpg)
而我们的色块阴影参数可以参考下图,你会看到颜色用了和 PPT 主色一致的绿色,并且模糊和透明度等参数也有调整:
![](http://dingyue.ws.126.net/2024/0701/aa07af73j00sfx4y9001td200u000gwg00hx00a3.jpg)
优化完以上细节后,我们可以添加图标增强设计感:
![](http://dingyue.ws.126.net/2024/0701/01f8dc4ej00sfx4yb006gd200u000gwg00hx00a3.jpg)
目前页面有些空,我们在底部添加一个渐变色块,这页就完成了:
![](http://dingyue.ws.126.net/2024/0701/bc730c65j00sfx4yb006ld200u000gwg00hx00a3.jpg)
怎么样,纯白的色块是不是也没想象中那么单纯?
咱们接着往下看其它类型~
![](http://dingyue.ws.126.net/2024/0701/9eb65d95j00sfx4yc0006d200ku007gg00hx006e.jpg)
彩色色块
彩色色块,顾名思义就是填充了彩色的色块。
比如以下案例,在浅色背景上用上彩色的色块,整体色彩更丰富,也很协调:
![](http://dingyue.ws.126.net/2024/0701/2492ed62j00sfx4yd007kd200u000gvg00hx00a2.jpg)
![](http://dingyue.ws.126.net/2024/0701/c0578f0fj00sfx4ye008dd200u000gwg00hx00a3.jpg)
这里注意在浅色背景上用的彩色色块颜色不要太深,不然就没那么干净清爽了:
![](http://dingyue.ws.126.net/2024/0701/f9d12d6cj00sfx4ye008dd200u000gwg00hx00a3.jpg)
如果你很想使用比较深的彩色,可以将彩色色块结合白色色块来呈现:
![](http://dingyue.ws.126.net/2024/0701/d8f83c3ej00sfx4yh006ad200u000gwg00hx00a3.jpg)
![](http://dingyue.ws.126.net/2024/0701/d21c7050j00sfx4yi009nd200u000gwg00hx00a3.jpg)
这种形式在丰富页面的色彩面积的同时,又不会让页面色彩太沉重。
或者在多项内容时交替使用白色和彩色,效果也不错:
![](http://dingyue.ws.126.net/2024/0701/6e5f42e5j00sfx4yj008hd200u000gwg00hx00a3.jpg)
![](http://dingyue.ws.126.net/2024/0701/e2065680j00sfx4yk00ctd200u000gwg00hx00a3.jpg)
![](http://dingyue.ws.126.net/2024/0701/c6f91d7bj00sfx4yk0006d200ku007gg00hx006e.jpg)
透明色块
经常看我们推文的小伙伴们,或许注意过以下这些不是白色、有点质感但又不是毛玻璃效果的色块,但不知道怎么做:
![](http://dingyue.ws.126.net/2024/0701/38f9efe4j00sfx4ym008dd200u000gwg00hx00a3.jpg)
![](http://dingyue.ws.126.net/2024/0701/1dae7671j00sfx4yp0074d200u000gwg00hx00a3.jpg)
其实很简单,给白色色块加一些透明度,然后加个白色的描边线条即可。
参数可以参考下图:
![](http://dingyue.ws.126.net/2024/0701/8da4b81cj00sfx4yq002ed200u000gwg00hx00a3.jpg)
另外,我们也可以给透明色块加上柔和的阴影,效果也不错:
![](http://dingyue.ws.126.net/2024/0701/a5038480j00sfx4yr009cd200u000gwg00hx00a3.jpg)
上图色块的参数可以参考下图,填充和线条用白色,阴影颜色可以用 PPT 的主色:
![](http://dingyue.ws.126.net/2024/0701/0161ee07j00sfx4ys005gd200u000gwg00hx00a3.jpg)
注意,制作这个效果时背景同样不能是纯白,最好是柔和的浅色背景。
另外,有时我们会遇到内容过多的情况,这时完全实心的色块就会显得拥挤:
![](http://dingyue.ws.126.net/2024/0701/2717590dj00sfx4yt006hd200u000gwg00hx00a3.jpg)
这时我们可以把色块的上下部分渐变透明处理,视觉上就会轻盈很多:
![](http://dingyue.ws.126.net/2024/0701/c7223d40j00sfx4yu00aad200u000gwg00hx00a3.jpg)
![](http://dingyue.ws.126.net/2024/0701/c20b81cdj00sfx4yv0006d200ku007gg00hx006e.jpg)
毛玻璃
最后要给大家介绍的,是毛玻璃效果,先给大家看看长什么样子:
![](http://dingyue.ws.126.net/2024/0701/ca4ee655j00sfx4yv001wd200u000gvg00hx00a2.jpg)
![](http://dingyue.ws.126.net/2024/0701/6faa1b79j00sfx4yv001sd200u000gvg00hx00a2.jpg)
观察以上案例中色块的特征,你会发现有一种隔着玻璃看东西的质感。
接下来介绍一下大家关心的制作方法 。
纯靠 PPT 的功能做毛玻璃效果不是不可以,但是步骤很多,这里我就不展开说了。
建议还是用「OKPlus」插件的毛玻璃功能来做,高效快捷(后台回复关键词「插件」可以获取插件):
![](http://dingyue.ws.126.net/2024/0701/cd7700cdj00sfx4yw000nd200u0008kg00hx0053.jpg)
我们只需把页面排版好,接着选中色块,点击「毛玻璃」,即可生成效果:
不过你会发现生成的效果颜色太深了,没法放字。
这是因为这个功能的原理是识别色块的背景,然后添加虚化和阴影效果,背景颜色重,生成效果的颜色自然就重了。
要怎么解决呢?我们先给色块添加白色线条,以及调整阴影参数:
![](http://dingyue.ws.126.net/2024/0701/dfc25f93j00sfx4yw001ud200u000gvg00hx00a2.jpg)
接着给毛玻璃色块添加一层添加了透明度的白色色块,即可得到适合摆放文字的毛玻璃色块:
这里白色色块的透明度不固定,大家可以结合实际情况调整。
![](http://dingyue.ws.126.net/2024/0701/29876153j00sfx4yx0009d200ku007gg00hx006e.jpg)
怎么样,看完本文后对色块是不是有了全新的认识了呢?
今天的干货内容就是这些,是不是还没有学够呢?
如果你还想学习更多更酷的 PPT 技巧,提高职场效率,甚至副业变现的话,
不如花 1 元钱,来秋叶 PPT 3 天实战集训营系统学习一下~
现在加入还送独家《PPT 版式公式》哦~
即便你是 PPT 设计小白,照着我们的排版手册「抄」,也能把 PPT 做得有模有样!
![](http://dingyue.ws.126.net/2024/0701/64fe984bj00sfx4yy0017d200u000gwg00hx00a3.jpg)
现在花1 元钱,加入秋叶 PPT 3 天实战集训营,打卡学习,即送秋叶独家 PPT 排版公式!
秋叶 PPT 3 天实战集训营
点击下方小程序购课
▲ 报名后,自动弹出班主任微信
扫码添加即可学习
热门跟贴