使用背景图片进行设计的10个技巧

你必须拥有正确的照片，对排版有良好的关注，并知道你想要完成哪些工作以充分利用图像添加类型。如果您觉得自己已准备好接受挑战，可以使用以下10条技巧：

1.添加对比度

文本必须是可读的才能成功。确保文本的颜色变化足以与照片结合使用。如果你的照片背景较暗，请选择白色（或浅色）文字。如果你的照片背景较浅，请使用深色处理。

对比度还可以指与图像中发生的事物相关的文本大小。刻字应该与图像一起使用（而不是反对）。例如，在上面的Pack网站中，图像大而粗，而类型又薄又轻。元素一起工作，但它们包含对比元素。

2.使文本成为图像的一部分

使文本变成你正在使用的图像的一部分。这可能难以实现，仅适用于有限的情况。你需要一个简单的图像和单词来处理，例如上面的迈凯轮处理，或者带有文本的图像。

3.遵循Visual Flow

在处理文本和照片时，使用图像的视觉流程是最重要的提示之一。你需要将单词放入图像的逻辑部分。请注意不要将文字放在图像的重要部分上，例如照片中的主要动作，脸部或你试图展示的产品。

在视觉流方面，寻找图像主体看起来的文本空间。这两个例子都是关于引导你从身体语言或照片中的人的眼睛到文本。每个流程都是定点。

4.模糊图像

套件中最简单的工具之一就是能够模糊部分图像。使用Adobe Photoshop等软件为图像背景添加一点模糊可以帮助你的文本脱颖而出。Blur还可以将重点放在你的整体概念上，例如上面的Wallmob网站。Blur使实际产品和文本更清晰地聚焦于网站用户。

5.将文本放入框中

当照片中包含大量颜色或明暗部分之间的差异时，将文本放在另一个框架内可以使其脱颖而出。

选择一个形状 - 你可以看到一个矩形和上面的圆圈 - 可以用你的单词和图像。然后寻找盒子的颜色，为刻字提供足够的对比度。考虑使用具有一定透明度的框架以获得更柔和的感觉，使图像能够透过。

6.将文本添加到背景中

其中一个最好的“技巧”是将文本放在图像的背景部分而不是前景中。通常背景不太繁忙，在放置文本时更容易使用。背景通常也是单一颜色，使其成为文本颜色易于理解甚至更容易阅读的位置。

最终的结果是一个看起来很自然的位置，不需要对主照片进行大量的技巧或改动。使用细微的着色效果（例如上面的Caitlin Wicker网站）进行文本放置，这也会为图像添加深度元素。

7.放大

当你不确定什么有效时，考虑一下。这适用于图像 - 使其大于生命 - 或类型本身。大小元素将吸引用户的注意力，并且使用大的元素可以更容易地使用文本和图像创建缩放。

使用大图像（例如上面的咖啡豆）可以帮助设置阴影和对比度差异。使用大文本可以为字体添加足够的重量，使其几乎可以在任何图像上显示。

8.添加颜色

添加一些颜色也可以增加图像的视觉趣味。上面的网站采用两种截然不同的方法 - 一种使用图像中未见的对比色来突出显示某些单词，而另一种使用反映图像的色调。这两种技术都同样有效。

9.使用Color Cast

变得越来越流行的效果是在图像上使用颜色投射以允许文本放置。虽然这可能是一个难以实现的效果，但它也可以实现令人惊叹的设计。

选择一种高视觉兴趣的颜色。平衡是使覆盖颜色足够透明以使图像透过，但不是那么透明以至于文本难以阅读。在掌握这个技巧之前，你可能需要尝试多种颜色和照片选项。不确定要使用什么颜色？从与品牌颜色相关的叠加层开始。

10.简单

经过时间考验的设计建议“保持简单”也适用于文本和图像。应用太多技巧可能会产生相反的效果。

处理图像时，请使用简单的排版和简单的图像以获得最佳效果。请记住，允许图像的重要部分不受阻碍地显示，并继续显示在你的设计中，直到文本清晰可读。