平面设计中使用色块排版的技巧

如果你经常看设计作品，你肯定有发现，很多优秀的设计作品都会用到色块，比如网页设计、UI设计、画册设计、海报设计和折页设计等。

色块在排版中的主要作用是： 分割内容、突出信息、增加视觉冲击力、装饰 等等。

不过运用色块排版并没有我们想象的那么简单，所以我们也会看到有很多使用了色块，但效果还是很不好的设计作品。

那么，在使用色块排版的时候我们需要注意哪些问题呢？使用色块排版的正确打开方式是怎样的呢？来看看葱爷的解答：

◇◆     1.色块要有张弛 ◆◇

张弛其实就是指要有大小对比，如果版面中有多个色块时，那最好要有大小的区分，而不是所有色块一样大或差不多大。

上图三个色块把版面均等分成三份，虽然不难看，但感觉缺乏主次和设计感。

拉开明显的大小对比后，版面变得更有张弛。

◇◆     2.色块内的元素排版要有细节    ◆◇

很多设计师以为把信息分类排在色块里就万事大吉了，其实每个色块都是一个小版面，里面各元素的排版也十分讲究，比如不要把色块填得太满、文字要有大小对比,还可以用一些小元素进行装饰。

▲由于色块内的文字排版没有花太多心思，所以这个版面给人感觉不是很精致。

▲于是我给色块内的手机参数做了一些细节的处理，使其对比更强、更有层次。

▲将色块里的信息优化排版后，总体感觉也更精致了。

◇◆3.色块颜色不要太多  ◆◇

如果一个版面中的色块比较多，就要尽量控制颜色的数量，因为颜色一多就容易花，一般情况下把色系数量控制在四种之内为最佳（同一色系的颜色可以有深浅变化。）

▲颜色过多，而且饱和度都很高，所以感觉有点刺眼。

▲把色块颜色减少到只有白色和黄色后，画面就变得和谐了很多。

◇◆

4.色彩搭配要讲究   ◆◇

关于色块的配色，葱爷给大家分享几个小技巧：

1.尽量不要把所有色块都填充成高饱和度的对比色。 下面这张图的配色就属于这一类型，所以感觉不是很协调，看起来不太舒服的亚子。

2.用黑白灰搭配一个单色。 黑白灰的包容性很强，既不会使画面太花，又能拉开层次、使彩色块得到凸显。

3.类比色搭配。 无论是色相相连的类似色，还是色相相同只是在饱和度或明度上不同的颜色，它们搭在一起都会比较和谐。

4.对比色搭配。 对比色搭配当然也很常见，不过需要注意搭配技巧，前面说了尽量别用全是高饱和度的对比色，比较稳妥的做法是用高饱和的颜色搭配低饱和度的对比色，或者是明度差别较大的对比色，如下图：

◇◆ 5.要适当打破色块   ◆◇

如果把所有元素都放进色块里，整体效果会比较规整、统一，但同时也容易显得刻板去，所以可以让某些色块元素适当地冲出色块，加强动感和灵活性。

▲上图把色块进行倾斜扭曲形成了一点透视，形式比较新颖，但所有元素都在色块内，整体缺乏冲击感和张力。

▲把中间的人物拉大冲出色块后，整体感觉是不是好了很多。

◇◆ 6.各元素之间要有联系   ◆◇

首先是各个色块里面的元素，应该互相之间要有联系而不是完全独立的，其次是色块内的信息与色块外的信息也要有联系，因为每一个色块都要为整体的版面效果负责，还有色块与色块也要有联系。

▲在上图中，虽然色块内的文字排的不错，都有严格的对齐关系，但是色块与色块之间、不同色块的信息之间、色块内的信息与色块外的信息之间，联系比较少，所以整体显得有点乱。

▲而在上图中，我加强了它们之间的联系（主要通过对齐的方式），整体效果也得到了改善。

◇◆7.不要太单调  ◆◇

统一是设计中的一大重要原则，但如果只有统一，那整版面就会很单调、没有生气，所以在用色块排版时也要注意保持变化。

比如不要把所有的内容全部放进色块中，比如色块的方向、大小、轮廓、空间要有变化等等。

上图的色块并不是矩形，并且几个大色块的形状也是不一样的。

上图用背景中的斜色块打破了主体中矩形色块的刻板印象。

菱形色块比矩形更灵活，但是对排版的文字和图片有比较大的限制。

用一些异形的色块，或者是把某些简单的图形当作色块可以使版面变得更活泼。

1.色块颜色不要太多

如果一个版面中的色块比较多，就要尽量控制颜色的数量，因为颜色一多就容易花，一般情况下把色系数量控制在四种之内为最佳(同一色系的颜色可以有深浅变化。)

2.要适当打破色块

如果把所有元素都放进色块里，整体效果会比较规整、统一，但同时也容易显得刻板去，所以可以让某些色块元素适当地冲出色块，加强动感和灵活性。

3.不要太单调

统一是设计中的一大重要原则，但如果只有统一，那整版面就会很单调、没有生气，所以在用色块排版时也要注意保持变化。比如不要把所有的内容全部放进色块中，比如色块的方向、大小、轮廓、空间要有变化等等。菱形色块比矩形更灵活，但是对排版的文字和图片有比较大的限制。

用一些异形的色块，或者是把某些简单的图形当作色块可以使版面变得更活泼。

设计师在设计的时候，要明确知道自己的目的，知道每一种排版的功能，切记胡乱堆放，为了增加设计感而把多种效果糅杂在一起，这样反而会适得其反。希望各位设计师可以掌握以上技巧，创造出自己的佳作。

以上是青藤小编整理的关于色块在排版设计中的注意事项的内容分享，希望对大家有多帮助，想要了解更多设计相关内容，欢迎及时在本平台进行查看!

先看几个设计案例： 其实这些优秀排版，只是比普通画面多做了一步： 加色块 。多了颜色对比，改变了画面比例，感觉就完全不一样了。看下对比效果： 原图：画面零散，重点不够突出。叠加色块后：视觉更集中，分割线突出了中间的汉堡，面包黄强化了颜色记忆，“破图”让画面更有趣味性。 我们姑且把这一方法叫做“色块叠加法”，非常简单好学，掌握之后各种版式信手拈来。01 基本操作方法首先，色块可以分为以下三种，先了解一下基本操作：（1）纯色（单色）插入【形状】-【形状填充】选择颜色即可，注意去掉【形状轮廓】。（2）透明色（隐约可见下方图形）复制（1）做好的形状，【形状填充】-【其他填充颜色】-【透明度】设置0-100%之间的数值（数值越大，下方图形越明显）。（3）渐变色（两种颜色过渡）【形状】-右键【设置形状格式】-【渐变填充】，调节渐变光圈角度、颜色和透明度。02 版式应用案例 （1）全屏覆盖最简单的用法，直接叠加蓝色背景色块，铺满整个画面背景，简洁大方。 叠加半透明色块，丰富背景细节，但不影响主体文字表现，用来做封面满足甲方爸爸的“大气和高级感”。 叠加渐变色块，比纯色背景更精致、画面更活泼。（2）局部覆盖局部半透明色块，突出文字标题，相当百搭，尤其适合封面或过渡页。（3）画面等分二等分，利用色块左右分割版面，对称构图，用于人物介绍非常合适。 三等分，左中右切割，展示不同内容，与产品相呼应。 制作方法 ：画三个矩形，分别在左右两个矩形上右键-【编辑顶点】，稍稍拖动其中一个直角顶点的位置就可以了。（4）倾斜切割稍稍倾斜画面角度，与产品的运动方向一致，画面更流畅。制作方法跟上面的三等分色块类似。 对角线切割也是不错的构图方法，尤其适合青少儿产品。 （5）不规则形状简单的弧线切割一下画面，感觉就很不错哦~ 制作方法 ：画矩形和椭圆，按住shift，先选中红色矩形，再选中蓝色椭圆（注意顺序不能错）；形状格式功能区找到【合并形状】-【剪除】，搞定！ 画三个圆谁还不会呢？操作相当简单，注意下分布位置就好。 （6）层次叠加不同深浅、大小比例的色块叠加在一起，形成丰富的画面层次，烘托主体。用于个人简介、团队介绍都不错。 制作方法不多说，多画几个三角和矩形就好。（7）色块拼接图文对应，非常适合多种产品或业务流程介绍。 不同形状的拼接与撞色，纯几何图形构图，适合艺术类产品介绍。 （8）色块点缀各种不规则形状——圆形、矩形、三角形等点缀画面，动感十足。 形状都很简单，排版稍稍需要一点基础，注意元素的分布、点线面协调。 色块的创意非常多，大部分也不需要特别复杂的技巧。只要你有想法，最基础的图形和操作都可以做出不错的作品哦！ 定制PPT：公司介绍丨产品发布丨参赛路演丨教学课件…… “PPT小玩子”全网同名

1.划分区域

在画册或网页设计中，可以用色块来划分区域，一个色块承载一块信息，使该色块内的内容与其他信息区别开来，如果色块较多时最好让它们形成一定的节奏感，比如呈统一或渐变效果。

2.突出重点

突出重点信息的方式有很多，把它放在色块中也是一种不错的方法，文字和色块要使用对比色。

3.分离背景

当我们在图片上排文字的时候，由于图片的明暗关系不是太平均，所以会影响文字的阅读性，这时在文字底部增加色块是一个不错的方法，如果把背景图调成黑白，再使用颜色鲜艳的色块效果会更好。

4.丰富设计形式(装饰)

色块本身就是具有强烈设计感的元素，所以我们可以用色块来进行构图，比如用几个色块组合成一个图形，或者通过色彩搭配制造对比，都可以做出很漂亮且有特色的设计。

以上是青藤小编整理的关于色块在版式设计中的主要用途的内容分享，希望对大家有多帮助，想要了解更多设计相关内容，欢迎及时在本平台进行查看!

色块叠压法，顾名思义就是改变色块的摆放方式，可以分为两类：第一类是：色块与色块之前的叠压；通过色块与色块之间的非常规摆放形式，打破原本常规的版式结构，增强其形式感、活跃度，下面我们举个例子：通过上下对比，我们不难发现，下侧画面整体版式结构更跳跃，直白的说就是不死板，而且形式感更强，给人的感觉也更舒服、有趣味性；而上侧画面的整体感受并不是说不合理，只不过相对比而言，这种种结构形式很常见，版式结构变化性不高，形式感和设计感也稍有欠缺，那么造成这种现象的原因是什么呢？1、顶部LOGO区域因采用了色块叠压的手法且故意将LOGO处的色块放大，使其超出导航栏的固定范围，在视觉感受本身来说就已经形成了很强烈的形式感，打破了原本色块区域分明的布局，因此，版式的跳跃性也更加强烈~2、时间说明区域将原本上下关系的色块划分通过叠压的手法将其改变为前后关系，且合理的将海报、时间说明、以及下半部分三个不同模块连接为一个整体，在提升版式活跃度的同时也增强了视觉的整体性！色块叠压的形式在很多优秀作品中也是很常见的，这种手法对于版式结构的重组、改变也是最直观的一种，比如： 通过色块之间的相互叠压，形成了很好打破常规的效果，使得页面版式的跳跃性更强！第二类：色块与主体的叠压方式，通过色块与主体物或者产品之间的相互叠压作用，营造出非常规的设计形式，从而提升版式整体的灵活度以及设计感，举个例子： 这里运用的就是将主体物与色块之间相互叠压的手法，形成了一定的前后关系，而且这里主体处色块最大作用还是打破常规的版面形式，目的是在视觉上给人以更加新颖、更具形式感的感受，且虽然做了结构上的改变，但并没有影响到主体信息的传达；切记，不能一味的追求非常规而忽略了设计本质问题，一定要合理运用！局部放大法当作品版式不够活跃的时候，我们可以尝试刻意改变某处的局部信息，将其放大，提升视觉变化的对比性，因为放大的元素其本身就具有很强烈的视觉冲击力以及装饰性，比如大号字体、数字、图形等等，所以局部放大的手法在页面版式设计中也是很常用的一种表达形式，比如： 将主体的某一处细节或者某一局部放大处理，与原本偏常规布局形成了鲜明的对比关系，在页面整体而言也起到了很好的打破版式关系，试想一下：当用户前面一直在浏览比较常规的布局结构时，突然有1-2处这样非常规的处理模块，会很大程度上提升页面对于用户视觉的冲击力，，给用户留下更深刻的印象；同时也使得作品整体的版面结构更加富有跳跃性！还有另外一种局部放大形式，即在放大的基础上故意按照非常规的形式摆放，往往也能起到很好的打破版面布局的作用，只不过这种形式在使用时相对不好把握，比如：类似案例中所展示的一样，通过产品非常规的局部放大以及摆放形式，画面给人的感受更加大气，视觉冲击力更强烈，同时版式的跳跃性也更强；只不过这种形式在运用时要注意：页面整体中最多出现1-2次即可，用于活跃版式、提升设计感，一点出现次数过多，很容易形成杂乱的现象；之所以叫做非常规是因为有常规方式加以衬托、辅助，所以才会在视觉上形成反差！

排版设计制作需要一定的美术功底、一定的创意能力以及一定的软件使用技巧。

排版设计技巧：交叉文字色块：在两个或两个以上的长色条上排一行文字，然后将它们交叉排列。这种方式具有很强的视觉冲击力，比起在水平的色条上编排文字更有个性。文字边框：在画面四个边界处添加矩形，在矩形里输入文字，形成一个由文字包围的“口”字型结构。这种方法把画面包围起来，让原本不显眼的边界凸显出来，与生硬的直线边框相比，显得更加灵活。扭曲文字：将原本平淡的文字执行扭曲效果，也可以让画面更加丰富。文字扭曲的方式其实是多种多样的，不同的扭曲会得到不同的结果。环绕文字：将文字绕着一个立体的环形进行排版，让文字具有空间感和设计感。

所谓编排，即在有限的版面空间里，将版面构成要素--文字字体、图片图形、线条线框和颜色色块诸因素，根据特定内容的需要进行组合排列，并运用造型要素及形式原理，把构思与计划以视觉形式表达出来。也就是寻求艺术手段来正确地表现版面信息，是一种直觉性、创造性的活动。编排，是制造和建立有序版面的理想方式。

想系统学习PPT推荐订阅此文集，你值得拥有，【  职场PPT速成指南  】。

注：此篇为长文，内容是关于PPT6种不同类型文字排版的技巧。

先看一下6种文字排版的部分效果，如图所示。

（文末会将本次案例部分PPT源文件送给大家）

PPT里面的内容形式比较多，比如一段、两段、三段文字等，怎么才能更好的进行排版设计呢？

经过思考，郑少对这些不同类型的内容进行排版设计分享，让你在PPT中更好的表现出来，帮你在职场中更好的运用这些排版设计方式。

先来看看一段文字的PPT该如何设计？

看到了，大多数职场PPT都会使用这种方法来处理一段文字。

但是做出来的效果总感觉达不到想要的效果。

那么对于一段内容的PPT，有没有排版设计的方法呢？

这个自然有，郑少总结了一些常用的设计方法，举个例子。

接下来就拿上面的原文做分享，到底该怎么排版，你先思考一下。

1、简单的调整

对于一段文字，简单的调整也要处理的好一点。

要将主次信息拉开，同时根据这段文字的标题使用问号进行修饰。

总之一段文字比较单一，要学会从内容中抓取重要的信息，然后加以设计。

再比如还可以将标题栏修改一下，这样做出来的效果也不单调。

再或者找到一个跟主题有关的3D小人进行设计，让页面更加形象生动有趣。

处理一段文字还是有方法可寻的，继续。

2、使用色块

如果能将色块运用进来，那么设计出的PPT又是另一种不同的视觉体验。

举个例子，下面就是通过色块进行排版设计的效果，让页面更加稳重。

3、使用图片

图片是PPT中最后的元素，能让页面更加的丰富。

当文字遇上图之后，绝对的搭配，郑少设计一些先看一下。

或许你认为郑少应该没有想法了吧！

其实还是有，比如将线条和图片进行搭配。

比如还可以使用全图型进行设计。

为了让页面更加有设计感，使用渐变的方法，可以上下渐变也可以左右渐变，这里使用的是左右渐变。

4、使用图标

最后，如果你没有好的想法，那么找一个符合主题的图标然后将其放大，也能达到预期的效果。

再或者还可以与色块结合使用。

这次再来看看两段文字的处理方法。

对于PPT的排版设计，千万不要让“贫穷”限制了我们的想象力，没你想的那么复杂。

1、使用形状设计

对于两段文字的发挥空间就比较大了，但是设计的套路都是相通的。

上面两段内容依然可以使用色块设计，为了让其更加的丰富，使用两种不同的颜色。

如果不想使用过多的颜色，还可以将有色和无色色块结合起来。

怎么样，是不是已经感受到了设计的套路，不急，后面还有很多设计套路。

再比如还可以将色块进行横向处理，这样做的目的是让内容更加的清晰。

再比如还可以直接使用两个横向的色块，让每段内容都更加清晰。

再比如还可以换成竖向的排版，也很有设计感。

如果条件允许，还可以将文字和形状旋转一个角度，给听众不一样的视觉效果。

再比如还可以换一种形状，使用三角形、圆形、梯形等等形状，要不断去尝试。

这样你才能看出到底哪种设计方式才更能符合内容。

还可以使用基础形状里面的【五边形】，然后提取关键词并用圆形搭配设计。

也可以使用圆形，将圆形的颜色填充为白色，为了让其更加的突出，添加阴影。

再或者将圆形进行剪除，目的是为了让标题更好的融合在里面。

2、使用背景

还可以从背景的角度出发，这时就能做出下面这种效果。

或者使用两种不同的背景颜色，将内容加以区分。

3、使用图片

使用图片排版设计，也可以借助形状，这里将其处理成渐变的效果，如图所示。

为了突出内容，还可以在最下方为其添加色块。

再或者使用色块和全图搭配起来，这样能让场景感更加强烈。

4、修改标题栏

标题栏其实也是PPT中非常重要的元素之一，要是利用好了，也能让PPT很精彩，最起码可以b保证工作型PPT不那么的空洞。

5、使用样机

关于样机的设计方法就比较多了，郑少简单的介绍2个方法。

对于样机的使用也要根据文案的类型有选择性的使用，举个例子，比如可以使用手机，同时与色块进行结合，采用对称的方式。

最后还可以使用MAC样机，将其放大增加页面的冲击力，如图所示。

对于三段内容的排版方法也是有的，带大家看一下例子。

1、借助形状

由于三段内容不是太多，所以需要借助其他元素进行排版设计，增加页面的丰富度。

在上面的基础之上，再增加一个大的色块来保持上面版式的平衡。

如果要是感觉单调，还可以使用不同的形状进行组合式排版设计。

再或者使用图形进行形象化处理，让排版更加的美观。

如果你做的PPT要是条件允许，还可以设计成渐变的效果，这样也相当不错。

2、使用图片

三段内容依然可以使用图片，设计出来的PPT也相当的精彩。

再比如还可以换种排版形式，做出下面这种效果。

一、保证清晰易读

为了让版面醒目突出，往往大部分规划师会忘掉信息的清晰传达。他们就会使用各种工具制造很炫目的图形，而把文字内容放得很小很不起眼。这恰恰犯了版式编排的大忌，因为你总不能让观众去猜想到底要传达什么信息吧。

二、建立层级次序

决议了哪些字体要用来做什么，对他们要怎样处理，依次遵守设立一个系统，这样就能很容易地让你来挑出来编排，也能让读者更容易地阅读。

三、让你的版面呼吸

保证你各个部分的内容都被合理地放置而不是混乱地堆在一起，多调整行距和字距，多使用项目符号。这样你的版式才会看起来舒畅有序。

四、注意版权

不要认为你是从网上取得或者从朋友那里得到的字体，你就能够想怎样用就怎样用了。多想想它有没有版权信息，在你打印之前就保证你是否需要从原作者那里取得使用权。

文字既是语言信息的载体，又是具有视觉识别特征的符号系统；不仅表达概念，同时也通过诉之于视觉的方式传递情感。 粗体字强壮有力，有男性特点，适合机械、建筑业等内容细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。 为了造成生动对比的视觉效果，是排版设计更加完美，可以从风格、大小、方向、明暗度等方面选择对比的因素。