万能排版设计元素色块，你到底了解多少？

前排推荐

今年新开了由珞珈亲授的AI小红书实战副业营

包含AI和小红书上最热乎最干货的实践总结！！

扫码报名，想讨论交流的课程直播中见

扫码开启你技能学习的第一步

Hello，大家好，这里是珞珈老师，我是文子有文。

在制作PPT模版的时候，相信很多小伙伴都会用到色块，借用色块来进行页面的排版设计。

比如这几张案例：

案例中，每个版面在不同的位置都利用色块进行了排版设计，丰富页面的同时，让版面更具有设计感。

那么，色块到底有什么妙用呢？

第二次见面，就跟大家聊聊万能排版设计元素—色块。

本文从三个方面进行分享：

1. 信息容纳器

2. 版式划分

3. 改善页面效果

在讲色块的妙用之前，我们先简单了解一下它的分类。

首先，从颜色上面来看，色块分为纯色色块和渐变色块，来个图片看一下：

那么，回到PPT中，色块要如何操作呢？

第一步，绘制圆形

点击【开始】—【形状】—【椭圆】，鼠标左键单击，就会在页面中出现一个正圆。（按住shift拖拽可以等比例放大哦）

第二步，给圆形填充颜色

在圆形上方任意位置单击鼠标右键，选择设置形状格式，在任务窗格里点击纯色填充。（需要渐变效果的选择渐变填充）

其次，从形状来看，色块可以是各种形状，比如圆形、正方形、三角形、不规则形状等等。

说到形状，大家可能会有个疑惑。

正方形、圆形和三角形都是PPT里面自带的形状，直接选择形状插入就可以，那么不规则的形状该怎么制作呢？

其实，我们可以运用布尔运算（合并形状）和编辑顶点进行制作。这里就简单说一下，如何使用布尔运算处理形状。比如下面这个色块：

首先，我们绘制出两个圆形，两个圆形要有一部分重叠。

其次，依次单击上方色块和下方色块。

（这里需要注意顺序，不管怎么放置圆形，都要先选中你想要达到效果的色块，这里我想让上方的色块剪掉一部分，就先选择上方的色块。）

之后，点击【形状格式】—【合并形状】—【减除】就可以了。

掌握了如何使用布尔运算，就可以做出各种不同的形状，这个就需要大家慢慢去尝试了。

色块的分类和操作方法了解了之后，我们就来看看色块在PPT里面的妙用。

首先，我们来看色块的第一个妙用，信息容纳器。

01 信息容纳器

在制作ppt时，我们经常会用图片来做背景设计，但是在图片上面放文字，文字和背景就会混淆在一起，比如下面这个案例：

我们可以看到，案例中，图片上方的文字辨识度很低，非常影响页面的效果。

那怎么进行调整呢？这时，我们就可以利用我们的万能排版设计元素，色块，对文字和背景进行区分。

1. 先绘制一个矩形，进行颜色填充；

2. 颜色填充好之后，调整矩形的透明度；（根据自己需求设置，这里我用的是60%）

3. 将矩形色块放置在文字的下方。

这样既不影响背景图片的展示，文字的辨识度也提升了。我们来看下效果。

除了是文字信息容纳器外，色块还是图片信息容纳器。简单来讲，就是把图片填充进色块里，比如：

案例中的形状是不规则的形状，前面我们说过如何使用布尔运算进行绘制，这里就不再重复了。

那么，形状绘制好之后，图片是怎么填充进去的呢？

现在，就重点说一下如何把图片填充进去色块里。

点击【插入】—【图片】—【来自文件的图片】，选中需要插入的图片，点击插入；

调整图片的大小，稍微大于所要填充的圆形色块的大小就可以；

第三步

在色块上方点击任意位置单击鼠标右键，选择设置形状格式；

第四步

在设置形状格式的任务窗格里面选择图片或纹理填充；

第五步

选择图片或纹理填充之后，记得将图片平铺为纹理打勾。

这时，我们就看到图片已经在圆形色块里面了。

如果我们想要调整图片在色块里的位置，就可以根据自己的需求调整偏移量来达到效果。

接下来，我们来看看色块的第二个妙用，版式划分。

02 版式划分

日常，我们在浏览作品的时候，常常会看到很多设计师在版面设计上都用到了色块。

这是因为，利用色块可以很好的对版面进行划分。

不仅使版面的层次感更加分明，同时也增加了版面的设计感。

比如下面这个案例：

光看这张案例，目前看起来很单调。如果我们在右边放上一个色块，就把版面划分为左右两个部分，就像这样。

加了色块，虽然不再那么单调，但我们会发现，文字和色块之间的距离好像稍微有点大，视觉效果不是很好。

要解决这个问题，我们就可以把色块的占比提升，这样就会使版面看起来更加协调。

怎么样，现在看起来是不是舒服很多。

这也是ppt常见的版式设计，色块占整个版面的比例可以根据自己的设计需求进行调整。

当然，我们也可以在原有的色块上面进行叠加，比如这样：

是不是看起来版面更有层次了，而且营造出了一种场景感，就像大海里面的鱼儿游了出来，刚好跟海面上冲浪的人一起畅游在海里。

当然，利用色块不仅可以左右划分，也可以把色块放在页面下方，版面呈上下的版式效果。

也可以把色块放在页面中间，把版面划分了三个部分，呈现不一样的版式效果。

好了，版式划分看完了之后，我们来看看色块的另外一个妙用，改善页面效果。

03 改善页面效果

目光聚焦

还是一样，先来看个案例。

哇，看到这个版面，我们的目光瞬间就被聚焦到了页面中部的文本内容。

这就是色块改善页面效果的第一个作用，利用色块可以聚焦观众的目光，起到视觉引导的效果。

就像案例中的，我们的视线在看到版面时，瞬间就会被引导到工作内容回顾。

页面修饰

除了聚焦之外，如果整个页面的设计比较单一，我们也可以利用色块进行页面修饰。

比如：

版面中，页面的背景为白色，虽然文案的内容较为规整，但是整个页面还是显得较为空洞。

这时，我们就可以在页面中放置色块来丰富页面，起到修饰的效果。

页面整理

最后，来看下色块改善页面效果的最后一个作用，页面整理。

先来看个案例：

案例中，各种各样的品牌logo，大小不一，给人的视觉感觉比较混乱。

这时，我们在每个logo的下方加上矩形色块，将这些大小不一的logo进行规整，整个页面就会呈现出整齐的效果。

最后

我们来回顾下今天分享的内容。

01 色块的分类及操作方式

（1）按照颜色，色块分为纯色色块和渐变色块；而按照形状来分，色块可以是圆形、正方形等等不同的形状；

（2）打开PPT，在形状中选中想要的图形进行点击，就可以把对应的形状插入到页面中，然后对形状填充纯色或者渐变色，就会呈现不同的色块效果了。

02 色块的妙用

（1）信息容纳器

在图片背景和文字混淆的时候，使用色块可以对背景和文字进行区分，更加突出文字信息。

在排版相对单调的情况下，利用色块去承载图片信息，可以使版面增加设计感。

（2）版式划分

利用色块可以很好的对版面进行划分（左右版式、上下版式等等）。

不仅使版面的层次感更加分明，同时也增加了版面的设计感。

（3）改善页面效果

利用色块可以瞬间聚焦观众目光，起到视觉引导的效果；

在页面比较单一的情况下，利用色块可以丰富页面，起到修饰版面的作用；

在页面的文字杂乱无章时，利用色块可以对页面进行整理，把相同的信息规整到一起，版面就会呈现整齐的效果。

好课推荐1

今年新开了由珞珈亲授的AI小红书实战副业营

包含AI和小红书上最热乎最干货的实践总结！！

扫码报名，想讨论交流的课程直播中见

扫码开启你技能学习的第一步

好课推荐2

如果你想更加深入研究PPT，希望让PPT成为自己个人技能，并且有机会作为副业的话，那么一定不要错过这门训练营。

专为0基础小白打造，学完学费全返

扫码开启你技能学习的第一步