【设计干货】图文混排高级设计技巧

图文混排是版式设计中最常见的情况，图片与文字在传达版面信息上具有不同的特点，图片在视觉传达上可以辅助文字，并帮助理解，使版面的视觉效果更加丰富和真实。

文字能具体而直接地解释版面中的信息，图片化的文字同样也具有很好的视觉表现力。图文结合可以创造出更加有力的诉求性画面，丰富的结合方法充满了创造性。所以说图片和文字之间具有不可分割的关系，掌握图片和文字结合的方式对编排设计是非常重要的。

图文对应

图片以其独特的想象力、创造力及超现实的自由构造，在排版中展示着独特的视觉美。文字是对版面内容进行具体阐述、说明的使者。图片和文字的排列方式虽然没有固定的模式，但是可以通过一些方法灵活处理版式中的文字和图片。

①并置。图片与文字并置的方法是较为常见的一种排版方式。图片与文字并置是将图片或者文字相邻摆放，以便建立两者之间的关系，使用这种方法能很好地将图片和文字的特点进行相互的融合以便增强版面的效果。想要直接展示图片或者文字的关系，将其设置为并置的方式是最简单的一种方法。

②横置。横置是指将图片和文字的方向旋转90度，有的时候会使版式呈垂直阅读的状态，也就是说只有将书籍进行旋转才能正常地阅读，这样的排版方式非常具有艺术表现力。横置的方法大致分为三种：只有图片横置、只有文字横置和图片文字都横置。

③斜置。在图片倾斜的情况下，将文字做倾斜处理，倾斜角度与图片相同，斜置之后的图形打破了整个版面横平竖直的构成，对观者的视觉流程也产生了一定影响。文字的安排也可以采用同样的方式，文字和图片的角度旋转一致，这样做既统一了版面，又从视觉上打破了常规，赋予了版面活泼的动势。

文字浮于图片之上

在版式设计中，文字浮于图片上的情况是比较常见的，其中的文字起到了对图片的解释和重点提示的作用，因此文字和图片的关系处理是很重要的。在图片中插入文字主要使用三种方法来增强文字的识别性。

①文字使用和图片差别较大的颜色一般的情况下，会在深色的背景中选择白色的文字；在浅色背景中选择黑色的文字，和图片颜色差别不大的文字就不容易被辨认出来。

②选择较粗的字体。如果希望图片中的文字更引人注意，较粗的文字会比较细的文字更加易于识别。

③在文字下方添加底色。如果白色和黑色的文字都不能很好地识别，可以在文字下方添加底色，一般是规则的几何形态。添加底色后，文字颜色就可以不仅局限于黑色和白色两种。

图文绕排

在版面设计中，当图片成为创意和视觉的主要中心时，文字就要围绕图片编排，而不能与之发生视觉上的冲突。文字编排时，要善于与图片的中心保持一致，来顺应版面的视觉流程，或与图片形成呼应，起到稳定构图的作用。

文字嵌入图片

当版面中没有具有实际意义的图片或者没有非常合适的图片，并且文字量较大时，在这种情况下可以通过灵活地将文字嵌入图片的方式来为版面增加亮点。这样做表面上看主要是强调文字，但实际上，在文字中也强调了图片。版面中文字嵌入图片的方式有三种：

①将文字嵌入整张的图片中，这样的文字看上去与图片浑然一体，虽然辨识度减弱，但也会使画面看上去更加朦胧，充满迷幻色彩。

②将文字部分嵌入图片，这么做的目的主要是打破文字的沉闷，增强文字的变化，也可起到对于关键字、词提示和强调的作用。

③将文字的左右两端嵌入图片并在中间的文字中嵌入图片的方式。这样的嵌入方式增加了画面的丰富程度，同时也使图文之间产生了新的联系。

文字与图片结合

①文字与图片的融合。图片和文字经常是融合为一体，文字成为图片的一部分，构成版面中重要的视觉元素。在这样的版面中，图片要结合文字的笔画特征灵活处理，文字要适应图片的形态和质感，它们之间的大小比例、动态关系、相互呼应，达到完美的结合。

②文字形态图片化。图片化文字是指以文字为主要元素构成画面主体图片的表现形式。正因为文字具有“信息载体”和“视觉图片”的双重身份，所以具有视觉系列和信息阅读的双重作用。在追求阅读速度和视觉设计的今天，将丰富的信息与简洁的图片结合满足人们快节奏的生活方式变得十分重要。

③文字编排图片化。文字图片的塑造，不仅仅是字、词的图片化，还包括了文字编排的图片化。在栅格体系中，各个文字的关系包含了文字整体构成的形状、大小、位置，甚至方向间的联系。而在很多应用项目中，设计师通过对文字内容形式的适合，赋予其图片特征，引发人们的阅读兴趣，文字编排的图片化是基本的设计意识。