# 15.1  图文混排

## **了解图文混排**

在PPT中用的最多的排版方式就是图片混排，这种方式非常的快捷方便，只要找到一张好的图片，然后插入PPT中，配上一些文字，这样的工作处理完成后就叫基本的图文混排了，但是这里面却是有着很多需要注意的地方，并不是那么轻松的就可以完成，首先你需要明白文字放在什么地方才是较为适合的一种方法。

左右型，让图片和文字组合使文字不再那么单调，可以很好的突出文字的内容。

![img](/files/-LmOzsAKBwdfOUjBd489) ![img](/files/-LmOzsAMNzJIDAWEh3B6)

图15-1 图15-2

上下型，利用较大文字和图片本身想结合，既能突出文字本身，图片也能为版式增添活力，让整个版式不至于显得过于单调。

![img](/files/-LmOzsAOT5KYOTeZ_l8a) ![img](/files/-LmOzsAQBz0K6UqS2CDZ)

图15-3 图15-4

聚焦型，图片作为一种辅助元素，将观众的视角引向文字，让文字成为焦点，将图片本身具有的趣味性赋予文字，另外，不仅仅是借助图片，文字本身就可以成为焦点。

![img](/files/-LmOzsAVPJ6F4I70RsD4) ![img](/files/-LmOzsAX4TRt_0iTMMGC)

图15-5 图15-6

文字变形。文字的大量变形在海报中是非常常见的，但在PPT中不宜大面积使用，但是仅是运用在PPT中的一两页中效果还是非常的好的，适宜的文字变形是非常美观的。

![img](/files/-LmOzsA_8yRzG_PeLDRm) ![img](/files/-LmOzsAeQCC6ywumEA3u)

图15-8 图15-9

纯文字型。纯文字型不是直接将文字输入PPT中，然后什么修饰都不加，就这样光秃秃的将文字放在页面的中间位置，这样的制作也是可以，但是需要有很强的把控能力才能在驾驭这种做法，而且还不只是制作者需要驾驭，对演示者来说也是需要驾驭这种文本型的PPT的。

![img](/files/-LmOzsAgluo2uV4TdmM3) ![img](/files/-LmOzsAiOJBSxZ4RkyjD)

图15-10 图15-11

好的图片天生具有做封面的潜质，如若需要使用它，则先结合制作时确定的主题，若你是想制作关于图书馆的PPT，那么你放了一张非常炫酷篮球照片上去，即使图片非好，但它拯救不了这已偏出外太空的题。

## **标题**

对于图片混排类的页面版式，标题扮演者很重要的角色，放在版式中，它可以被忽略，但你迟早会去看它，它可以没有图片那么惊艳，但是它总能抓住你的眼球，它就是这么的稳操胜券。

文字作为说明、解释性的元素被置页面中，一张图片被单纯的放在页面上，多个人有多个看法，放入文字是将这些看法都统一到制作者的看法上，这就是引导性的思维模式，而不是单纯的靠演示者的演示去引导。

在前面具有提到过标题可以使用很粗的字体，同时也可以使用极其细的字体，当然，前提是你将标题放的足够大，如果不能保证字号的大小，则不建议使用太细的字体，特别是演示的场合非常的时候，这时候应当选择较粗，字号增大到适宜程度。

文字间可以自由形成对比，例如字号、颜色的对比，这样的标题会让人印象更为的深刻，这是文字内部间设计思路。

而且我们还可以从文字的顺序入手，当大家都习惯了从左至右的阅读时，可以将文字的顺序更改一下，使之更为的有趣。

![img](/files/-LmOzsAkQ2SVaoKLp72b)

图15-11

一般的，按正常的阅读习惯，文字的重点内容会被放在右边的位置，前面一部分的文字即是导读文字，对于导读文字不会设置过多的效果，而在重点内容上可以才用一些效果来突出文字内容。

![img](/files/-LmOzsAmLCu07X3mZ7FU)

图15-12

另外，对于标题还有一些必要的注意事项，首先文字不要分得太散，太开，紧凑一些的文字，观点比较集中，观众也易于看清。

![img](/files/-LmOzsAotKCcIGqzOuRa)

图15-13

另外，若对标题使用悬线或者是色块进行修饰，不要将文字紧靠在悬线上，色块也需要留下一些空白，要留给观众一些缓和的空间，太挤会造成人的不适。

![img](/files/-LmOzsAqHkkSVUIhrV1P)

图15-14

## **文字与图片的留白**

在文字和图片的排版中比较有特点的设计之一是留白的设计，在前面就有讲述过，留白不是版式的敌人，相反它还是版式设计中不可多得的调和剂，使用留白对观众的眼睛是一种放松，让版式张弛有度。

如果一张本身就具有留白，那当然是可以，并且还很好，这样就可以直接拿来就用，若这样图片还有字怎么办，这样也是好办的，前面所讲到的遮挡的思维，用色块来对它进行遮挡，然后添加上你需要内容，记住需要与图片本身想配合。例如图15-15所示。

![img](/files/-LmOzsAsfohZjJkYBt0r)

图15-15

![img](/files/-LmOzsAuZEzFwvidn5aU)

图15-16

这样的留白设计让人看起来是非常的舒服的，内容极其简约，要点一般只有一个，清晰明了，一眼就可以明晰，图片也是一个欣赏的点，这算是一种极简风格的设计。

但是恰恰有些不凑巧的是在需要的时候没有那么好的运气找到一张跟内容相符的留白照片，更别说是否和主题相符了，若是没有这样的图片，我们可以强行制造出这样的留白图片，并且还会很好。

在图片底部加入一个纯白色的色块，然后插入文字，这样文字不会被图片颜色所遮挡，图文并茂。

![img](/files/-LmOzsAwexWLdOa8n2pv)

图15-17

除了加入纯色的色块，这里还能添加一个半透明的色块。添加透明色块能在加入文字情况还对图片不造成什么影响，若加入纯色色块则是将图片进行了一部分的遮挡，而透明色块则能保留图片的原滋原味。

![img](/files/-LmOzsAyFcgW5qzOLrpe)

图15-18

透明化的色块设计还可以更为高大上的设计方式，如图15-19所示，充分的利用了图片本身的设计感，然后加入透明色块，最后加入文字内容，点名主题思想。

![img](/files/-LmOzsB-RtBGAYQdwq81)

图15-19

如果在图片的底部或是其他的位置，不管是插入纯色色块还是插入透明色块都不适用，觉得有些违和感，那么还可以试试其他的方法，比如插入一个小色块不适合，那就插入一个全屏色块，让色块成为主体。

例如这样的一张的图片。

![img](/files/-LmOzsB1XodJDqMd4CM1)

图15-20

可以插入一个色块，颜色更改为灰色，然后调节它的透明度，将它盖在图片上，这样在图片上添加的文字就不会被图片本身所干扰，文字就成为了视觉的焦点，观众是不会一直盯着你的图片看的，观众看到的第一眼一定是最清晰的元素。

![img](/files/-LmOzsB39nE7WLZWhwUF)

图15-21

在图片上覆盖一层色块，能提升文字的聚焦能力，削弱图片的特效，增强文字的描述性功能，这是人为的制造留白以供文字进行使用，留白就是文字的主场，这里的主场就是明明白白的告诉你的观众，我设置的焦点在这里，你不看这里，还在看哪里，连图片都被我给处理了，你还不知道我的用意吗？

另外，既然加入了色块，那就不得不说的是色块的另一个很具特色的功能——渐变，渐变是非常常用的一个功能，既然可以用色块进行遮挡，那么很自然的会联想到是否可以使用渐变进行遮挡，效果是否是一样的。

于是图片就变成这样的了，如图15-22所示。

![img](/files/-LmOzsB5xkAMVqCECMw0)

图15-22

图15-22所示的效果就是通过设置渐变填充所实现的效果，只不过不是使用的是我们常用的线性渐变，这里使用的是射线渐变中—中心辐射，如图15-23所示，设置了三个光圈，光圈1为“黑色，透明度100%”，光圈2为“白色”，光圈3为“黑色”。

![img](/files/-LmOzsB7mgzFbq5zrfWp)

图15-23

除了设置成这样的效果，还可以有着这样的效果，如图所示。

![img](/files/-LmOzsB9DKYVO1HHYFug) ![img](/files/-LmOzsBB8VWaIaS8pB8s)

图15-24 图15-25

这样的设置只是颜色的改变，但不管怎么变都遵从这这样的原则，那就是让文字和图片以一种更好的方式相互融合，这样的处理其实就是弱化图片的影响，加强文字的效果，文字的放入肯定是重要观点的提示，既然如此重要，若是观众看不到，它依然还是不重要，看不到是因为有干扰，有干扰就在不影响其他的条件下去掉干扰即可。

渐变并只有这一种玩法，这里还有其他的玩法，但不管怎么玩，都是在为文字打下它的主场，若是仅仅为了玩，那完成PPT的时间则将不知要延期多少了。如图15-26所示，利用渐变色块遮挡住图片的一侧，然后再将文字设置在色块上。

![img](/files/-LmOzsBDWEdCGkYsG5U9)

图15-26


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://purelife.gitbook.io/little-design-powerpoint/part-3-gao-ji-pian/chapter15/chapter15-1.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.