前排推荐

今年新开了由珞珈亲授的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基础小白打造,学完学费全返

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