instagram上的励志名言和facebook上的搞笑段子随处可见。
从网站登录页面到在线广告，从广告牌到商务名片，我们每天接触到的这些平面设计作品都有着共同点。文本与图像的结合是平面设计基础之一。选用一张好图不代表完成一个好设计。本文将介绍文本与图像搭配的通用技巧，下面就让我们一起来看看吧：
01.构图
文本与图像的排列可以成就一份设计也可以毁了一份设计。文本太小，背景繁杂，或有其他元素降低易读性，都会使作品效果大打折扣。文本只是一个方面，图片的摆放也尤为重要。所以需同时注意以下两个方面：
图片的构图。无论是选择自己摄影还是选择别人的照片，都要注意照片的留白，画面背景需留出足够的空白放置来文字（除非你想添加其他设计元素装饰字体，或者制作精细的背景，之后我们再讨论这个问题）。案例中的杂志封面是一张有大片的天空的垂直的景观照。有大片水域或者天空的自然景观照是放置文本的绝佳背景，简洁干净的留白能够突出文字。
图文的结合构造了整体构图。相比细节，设计更看重的是整体。即使同时使用了好照片，好看字体，好文案，如果构图不好，效果也会大打折扣。构图方法之一是根据图片的形状来摆放文字。下面案例中，网页主页文字围绕着宣传产品图片（桌子）摆放，文字左右错开，既具创造性又和桌子图片形成视觉上的平衡。
或者尝试其他的摆放布局，不要局限于将文字放置在一张背景图片上，文字和图片可以有很多种组合方式。看看下面这个案例，背景照片被剪裁拼贴成摄影镜头的模样，文字正好置于镜头中间。
下面的案例使用剪贴模板将图片填充在文字里，效果很漂亮。
02.建立焦点
焦点是一张好的构图的关键。焦点是吸睛的视觉元素，具有引导读者浏览你的设计的功能。如果一个平面设计作品中同时含有文字和图片，那么焦点只能在文字和图片中二者选其一，先决定哪一个更重要，再通过颜色，尺寸，位置或其他手段来突出它。案例中作者用度假景点的照片作为焦点，符合了旅游网站的定位。在此设计中，度假景点的照片延展到了全屏且颜色最深（其他的设计元素都是浅色），自然成为了读者的第一关注点，同时，垂直线、图形的使用也吸引了读者观看文本。
下面的案例选择了文本作为焦点。文字的字体醒目夸张，尺寸大，图片置于底部图层且用了透明叠加。文字和图片的摆放使用了分层效果，使构图有了动态感。
如果你觉得文字和图片同样重要，也可以选择将它们同时突出。下面的图书封面将文字缠绕花朵摆放，达到了使读者同时关注文字和图片的效果。
03.平衡
画面平衡也是平面设计的一个重点。想象一下，如果一个大人和一个小孩玩跷跷板，会很不平衡，设计也是如此，如果某部分过于繁杂会导致整体画面不平衡。平衡问题和焦点问题不同，视觉重量大的部分通常会与其他设计部分视觉分离。设计元素太纷繁杂乱，或所有的内容都挤在了一边，或摆放出了问题。这些都会导致画面失衡。对于一个只有文字和一张图片的简单设计，比如登陆页面和书本/杂志封面，画面平衡很重要：设计元素越少，越难布局。下面案例的包装设计中，品牌名称和图片达到了很好的平衡，字体和图片大小相同，颜色一致。图片本身为文本提供了摆放的空间，用于描述产品的名称和成分。
下面的案例通过简单地将文字置于左边达到了画面的平衡。如果将文字放在右边，就会和右边的人物剪影构成双重焦点，留下左边一大块空白，导致画面失衡。而将文字放在左侧，画面左右两边视觉等重，达到了平衡。
04.图片选择
平面设计中，图片有着很大的作用，它能为设计奠定背景、基调和感情。图片和文字搭配的好，读者会轻易领悟到作品的内涵。所以，除非你故意想创造些视觉上的矛盾，你最好使用和文字相匹配的图片。下面是一个非常有趣的案例，图片中模糊的形象和放置在男人眼睛上的文字都加强了“伪装”的主题，正好和书名一样。这些设计共同促进了文字和图片的搭配，它们之间的关系清晰又有趣，连贯地连接在一起。
看看下面案例中的包装设计：还有什么比五颜六色的蔬菜照片更能展示产品的新鲜健康？另外，“新鲜”，“农贸市场”，“季节”这样的文案加深了产品新鲜健康的印象。
05.给你的文字创造一个背景
如前所述，为你的文本创建一个易于阅读的空间是很重要的，有两种方法可以做到：
选择带有空白处的图像。这又回到了关于构图的第一个秘诀。带有大而清晰的区域、模糊的焦点的照片是最好的选择。若文本后的背景精细复杂，会影响读者阅读。
例如，这张社交媒体图片的背景使用了模糊效果，模糊度恰使读者足以识别文字。
编辑或添加滤镜。当你为你的设计找到了完美的图片，但不适合将文本放在其顶部，它也没有多余的清晰的空间，或者它有很多有趣的细节。通过一些小技巧，你仍然可以使用它。添加一个图形：用纯色和透明色的图形只覆盖背景的一部分，再将文本覆盖在图形上。
添加一个透明的颜色叠加图层：用透明的颜色图层覆盖整个背景，淡化背景的细节，再将文本覆盖在叠加图层上。
调亮或调暗图像：如果不想在背景上添加别的东西，试着调亮或调暗图像。例如，下面的背景被暗化后，白色的文本凸显了出来：
这个案例中，每个网格中的照片本身颜色就很深，作者给每张照片的底部又添加了黑色的渐变用于放置文字。
06.用色彩和对比度提高可见度
不用其他的技巧，颜色和对比度是凸显文字的好方法。选择颜色方案有很多方法，现在让我们来看看有关搭配文本和图像的方法。
直接在图像中取色，应用到文字上去，如下面案例所示，效果很和谐。
用对立色会给设计带来强烈的对比感，视觉效果。你可以在色轮中选择对立的颜色，如蓝色搭配橙色，或者紫色搭配黄色，如下面案例所示。
你可以尝试用颜色达到对比的效果（如前所述），也可以尝试通过大小、形状、位置等实现对比。下面的明信片设计采用了上述所有的对比手法：鲑鱼红和蓝绿色形成颜色对比；文字的大小，字体的选择形成对比；倾斜弯曲的“road”一词与明信片中的水平元素形成对比（但是与倾斜的小山弧度一致）。所有的这些创造了一个有趣吸睛的作品。
轮到你了！
希望你能在下一个平面设计作品中加入一些新的想法，快使用canva开始设计吧！祝你设计愉快！
关于作者：canva是全球最大的在线设计平台，提供海量免费中文模板，涵盖海报，传单，演示文稿，banner，简历等多种设计场景，还有百种中文字体和百万张版权图片素材，供你免费使用。无需掌握设计技巧，就能做出精彩设计。