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

新推荐

　　今年，我们推出了由珞珈亲自指导的AI小红书实战副业营，涵盖了AI和小红书上最前沿、最实用的实践总结！扫描二维码即可报名，想交流讨论？课程直播中见！扫描二维码，开启你的技能学习之旅。

　　大家好，我是珞珈老师，也是文子有文。在制作PPT模板时，色块是许多设计师的得力助手，用于页面排版设计。

　　以下是一些案例：

　　这些案例中，每个版面都巧妙地运用了色块进行设计，不仅丰富了页面内容，还提升了整体的设计感。那么，色块究竟有哪些妙用呢？接下来，我将和大家分享这一万能排版设计元素——色块。

　　本文将从三个方面进行阐述：

1. 信息容纳器
2. 版式划分
3. 改善页面效果

　　在探讨色块的妙用之前，我们先简要了解一下它的分类。从颜色上看，色块可分为纯色和渐变两种，如下例所示：

　　回到PPT中，我们该如何操作色块呢？首先，绘制一个圆形：点击【开始】-【形状】-【椭圆】，用鼠标左键单击，页面中将出现一个正圆。（按住shift键拖拽可进行等比例放大）接着，为圆形填充颜色：在圆形上方右键单击，选择“设置形状格式”，在任务窗格中选择“纯色填充”。（需要渐变效果则选择“渐变填充”）

　　此外，从形状上看，色块可以是圆形、正方形、三角形、不规则形状等多种形态。关于不规则形状的制作，我们可以利用布尔运算（合并形状）和编辑顶点来实现。这里简单介绍一下如何使用布尔运算处理形状。例如：

　　首先，绘制两个部分重叠的圆形；然后，依次单击上方和下方的色块（注意顺序）；最后，点击【形状格式】-【合并形状】-【减除】即可。掌握布尔运算后，就能制作出各种独特形状。

　　了解了色块的分类和操作方法后，我们来看看它在PPT中的妙用。首先是作为信息容纳器：

信息容纳器
在制作PPT时，我们常用图片做背景设计，但文字与背景容易混淆。例如：

　　这个案例中，图片上方的文字辨识度很低，影响页面效果。此时，我们可以利用色块对文字和背景进行区分。具体步骤如下：先绘制一个矩形并填充颜色；调整色块的透明度（这里设为60%）；将矩形色块置于文字下方。这样既保留了背景图片的展示效果，又提升了文字的辨识度。效果如下：

　　除了作为文字信息容纳器外，色块还是图片信息容纳器。简单来说，就是将图片填充进色块里。例如：

　　这个案例中的形状是不规则的，前面提到过如何使用布尔运算绘制。接下来重点说明如何将图片填充进色块里：点击【插入】-【图片】-【来自文件的图片】，选择并插入所需图片；调整图片大小至略大于圆形色块；在色块上方右键单击，选择“设置形状格式”；在任务窗格中选择“图片或纹理填充”，并勾选“将图片平铺为纹理”。此时，图片已显示在圆形色块内。根据需要调整图片在色块内的位置即可。

　　接下来是色块的第二个妙用——版式划分：

版式划分
在日常浏览作品时，我们会发现许多设计师都使用色块进行版面设计。这是因为色块能很好地划分版面。不仅使版面层次更加分明，还增加了设计感。例如：

　　这个案例目前看起来有些单调。如果在右边添加一个色块，将版面划分为左右两部分，效果如下：

　　虽然不再单调，但文字和色块间的距离似乎有点大，视觉效果欠佳。此时可以提升色块的占比来协调版面效果。调整后效果如下：

　　这是PPT常见的版式设计。色块占整个版面的比例可根据设计需求调整。当然，也可以在上层色块上叠加其他元素来增强层次感或营造场景感。例如：

　　除了左右划分外，还可以将色块置于页面下方形成上下版式效果；或置于页面中间将版面划分为三部分呈现不同效果。接下来是色块的另一个妙用——改善页面效果：

改善页面效果
目光聚焦 先看一个案例：

　　这个版面能瞬间吸引我们的目光并聚焦到中部文本内容上。这就是色块改善页面效果的第一个作用——利用色块聚焦观众目光并引导视觉方向。正如案例所示，我们的视线在看到版面时会立即被引导到“工作内容回顾”。
页面修饰 除了聚焦外，如果整个页面设计较为单一也可利用色块进行修饰。例如：

　　这个版面背景为白色虽然文案规整但显得空洞此时可在页面中添加色块来丰富内容并起到修饰作用。最后看色块改善页面效果的最后一个作用——页面整理：先看一个案例：
这个案例中各种品牌logo大小不一显得杂乱无章此时在每个logo下方添加矩形色块可将这些大小不一的logo规整起来使页面呈现整齐效果。最后回顾下今天分享的内容： 01 色块的分类及操作方式 按颜色分可分为纯色和渐变按形状分则可以是圆形、正方形等；在PPT中选中形状进行点击即可插入相应形状并对形状填充颜色或渐变以呈现不同效果。 02 色块的妙用 信息容纳器：在图片与文字混淆时使用色块区分背景与文字以突出文字信息；在排版单调时利用色块承载图片信息增加设计感；版式划分：利用色块划分版面（如左右、上下等）使版面层次更加分明并增加设计感；改善页面效果：利用色块聚焦观众目光引导视觉方向；在页面单一时利用色块丰富内容并修饰版面；在文字杂乱无章时利用色块对页面进行整理将相同信息规整到一起使版面整齐有序。