敲黑板！划重点！图文混排要注意哪些？

@学习设K先生 ：众所周知，文字和图片是布局中重要的视觉元素。文本的排列决定了观众的阅读效果，而图片更容易吸引观众的注意力。此外，在布局中，它们在大多数情况下出现在一起。因此，在我们的设计过程中，它们之间的排列形式非常重要。那么，这个看似简单的话题有哪些值得注意的问题和细节呢？让我们先欣赏一些混合图形的作品。

海报、DM、网页、长图、杂志、报纸等媒体都有大量的图文混排应用。

图片与文字之间的距离

在混合图片和文本的过程中，首先要注意图片和文本之间的距离。如果图片和文本放在一起，要么是文本解释图片，要么是图片表达文本的内容，即它们之间的内容是相关的。如果距离没有得到很好的控制，它将给读者带来阅读障碍。

让我们看一个小例子。如果布局中只有一张图片和一组文本，只要它们之间的距离不太近或太远，就可以在保证美观的同时接受。

然而，他们的距离特别近，就像现在一样，几乎粘在一起或特别远，中间没有其他装饰符号，看起来不那么漂亮。

正常情况下，如果我们以文字为参考，一行文字的高度是1X，那么文字和图片之间的距离就保持在一个文字的高度。

或者1.5X，在一张图片和一段文字的情况下，包括两个字的高度都没问题，看起来还是比较舒服的。

布局中出现了两组或两组以上的图文组合，此时我们不能简单地考虑一组图文之间的距离。

水平排忽略距离的效果就会变成这样。

如果布局中的两组图形和文本之间的间隔距离太近，它们也会导致布局混乱和信息传输不清楚。我们很难区分哪些文本解释了哪些图形。当这两组图形和文本之间的间隔增加时，它们之间的关系非常清晰。布局设计的目的是美观、清晰、快速地向外传递信息，尽量不要为读者的阅读设置这个障碍。

图片和文字的布局

了解距离，然后了解图片和文本的布局。在布局设计的过程中，图片和文本的布局也同样重要。我们不能简单地忽视文本的可读性，以便美观。

例如，在正常情况下，我们将根据布局的大小设计这三组图形混合信息。然而，有些学生会觉得这太普通了，想做一些改变。

改变后，看看这种布局形式，也很漂亮，很漂亮，但文本和图片之间的联系非常模糊，阅读顺序让一个人感觉不到任何规则，所以这是一个美丽但功能很弱的形式设计。

假如你只是想把它设计成这种形式，那么在图片和文字的组合中，加入线进行分割，以缓解这个问题。

除了使用线条进行分割外，还有很多方法可以解决这个问题。例如，对于同一条线，我们还可以使用线的连接功能将文本与相应的图片联系起来，提醒观众这段文本是用来解释图片的。

此外，我们还可以使用序列号标记来加强提示文本和图片之间的联系。

包括使用位置关系，对应布局中的图片和文本，也可以自然地将它们联系在一起。这些都是改变图片和文本混合排列而不影响阅读体验的技巧。

让我们来看看这种组合的形式。布局似乎没有问题，但尽量不要使用插入段落文本中间的图片。因为图片出现在这个位置会阻碍我们正常的视觉流动，读者阅读整个信息的节奏会被打乱，产生不连贯的感觉，所以这也是一个错误的案例。

用竖排的文字代替，道理也是如此，图片的布局要在不妨碍我们视线流动的基础上进行安排。

图片与文字的统一

在图片和文本的混合布局中，我们还需要注意这两个视觉元素的协调和统一。统一的重要性已经在以前的内容中提到了，它直接影响了整个布局的视觉效果。因此，我们应该找到减少图片和文本之间不协调的方法。

如果是文字量大的段落，那么这种文字和图片宽度一致的方式是最统一的。如果左右结构，最好保证高度一致，这是秩序。

简单地这样做，肯定是不舒服的。

如果标记和注释文本数量较少，我们可以确保文本信息与图片对齐。左对齐、右对齐、中对齐都很舒服。

如果把文字的位置放在这个不左不右不居中的位置，就很难统一。

图片中文字的处理

当在完整的图片中添加文本信息时，文本信息通常起着解释图片的作用。与文本相比，图片相对更重要，是主体。在这种情况下，我们应该注意文本不能抓住图片的聚光灯，破坏图片的完整性。

文本与图片重叠，文本不应压缩图片中关键显示的位置，最吸引人的位置被压缩。因此，现在，文本破坏了图片的美，阻碍了图形向外传递信息的速度。

假如文字是放在这些地方的，那就完全没有问题了，文字解释图片。

这张照片，当文本被安排在绿叶的位置时，它的颜色不适合再次使用绿色，与图片区域的颜色太接近，文本识别变得很差。用白色代替文本，与图片分开，这个问题就不会出现了。

当然，上面提到的是用文字来解释图形。如果我们以图形为背景，他们的主次关系就会逆转。这是另一件事。

案例演示

这是我们为本课程设计的一个案例。整个布局的形式主要由图片和文本的混合排列组成。细节的控制也遵循了我们之前内容中提到的知识点。整体美感和信息传递方式都非常舒适。

比如上面提到的图片和文字的距离不远不近，恰到好处。这里两组图文之间的距离增加了，以免增加读者阅读的负担。

当文本出现在图片内部时，注释文本不能压制图片中显示的关键位置。

包括上面提到的其他预防措施，我们可以在欣赏优秀作品时有意识地观察，看看其他人在做图形混合排时是否会这样处理。在注意和理解了这些知识点后，将它们应用到我们自己的设计过程中，这也是我们学习和改进的过程。

总结

总结今天的内容，我们应该注意控制图片和文本之间的距离，不要给读者设置障碍，图片和文本布局不能破坏文本的识别，注意图片和文本的统一，如果图片中的文本，文本不能破坏图片的完整性，颜色也需要比较。

微信微信官方账号欢迎关注研究:「Yanxishe2017年」