[翻译]10个妙招帮你设计图片文字

作者：王佩

在设计师应当拥有的诸多技能中，设计图片文字是非常重要的一项，然而要达到成功的效果，同样也要花一番功夫。

首先你要找到合适的图片，还要有排版的眼力劲儿，对于文字与图片结合时，你想达到什么效果也要了然于胸。如果这些你都准备好了，我们还有10个小妙招，帮你更好的设计图片文字。

1、增加对比

要达到成功的效果，就要增加文字的可读性。要确保文字与图片在颜色上有足够的对比，这样看起来才不会混到一起。如果图片有深色背景，文字颜色就选择白色或亮色调；反之如果图片使用浅色背景，就采用深颜色的文字。

对比也涉及字体大小方面，要跟图片所表达含义相关。文字应当与图片互相协调，而不是显得突兀。以网站“Pack”为例，使用大幅图片及深色背景，字体采用白色瘦体，各元素相得益彰，同时也包含了对比。

2、使文字成为图片一部分

有时使文字成为图片的一部分，或者干脆让图形文字融为一体是个行之有效的方法。但这种方案只在某些特定案例中有效，并且效果做起来也比较困难。要么像上图的”McLarentreatment”案例，使用简单的图片或字母；要么让文字融入图片中成为其中一部分。

3、遵循视觉流

遵循图片的视觉流是设计图片文字时最重要的诀窍。要让文字成为整个图片逻辑上的一部分。并且要注意，不要让文字遮住图片上的重要内容，如主要工作区、脸部或产品展示区。

根据视觉流寻找放文字的位置，让用户一眼看出图片主题。以上两个例子使用肢体语言或人的视线引导你关注图片上的文字，这里的视觉流使用得恰到好处。

4、将图片变模糊

你应该拥有一项最简便的技能，就是将图片变模糊。使用PS等软件在背景图片中稍稍加入模糊效果，就能立刻使文字显得突出。模糊的方法同样也能为整体概念增加重点，就像上图”Wallmob”网站一样，通过模糊让产品与文字更加清晰，让用户更容易聚焦。

5、把文字放到框中

如果图片包含很多种颜色，或亮暗跨度太大，将文字放到专门的框中可以使之更加醒目。

选择一种形状——可以考虑上图中的矩形或者圆形（当然形状要与你的图片、文字相协调），然后为其填充合适的颜色，以提供足够的对比度来展示文字。可以尝试半透明的框来营造柔和的感觉

6、把文字加到背景上

有一个很棒的技巧，就是将文字放在图片背景区域，而非前景区域。背景区域一般没有聒噪的元素，因此更易于放置文字。同时背景区域通常只有一种颜色，因此能更好地突出文字，提高可读性。

最终要达到自然的效果，不需使用过多的技巧或者做太大变化。如上图中的”CaitlinWicker’s site”一样，在文字区域稍微使用阴影效果，图片也显得有深度了。

7、放大

如果你不确定应该怎样做，可以考虑放大。可以放大图片，也可以放大文字本身。尺寸可以抓住用户的注意，放大某个元素更易于创造图片与文字间的平衡。

像上图的咖啡豆一样，使用大图有助于营造阴影与对比。使用大号字能为文字增加足够的分量，使文字在几乎所有图片上都表现出可读性。

8、增加颜色

以颜色为线索，同样也能提高图片的视觉吸引力。例如上图网站使用两种截然不同的方法，一种使用图片所没有的对比色来强调特定的词语，另一种使用与图片辉映的色调。两种方法都很有效。

9、使用颜色蒙版

现在日益流行一种效果，就是在图片上覆盖颜色蒙版来放置文字。这是一种取巧的方法，却不失为很好的设计。

选择一种视觉吸引力强的颜色。平衡之处在于，既要为颜色蒙版设置足够的半透明度以展示图片，又不能因此使文字难以阅读。因此在使用这种方法时，你需要尝试不同的颜色和图片。如果你不确定使用哪种颜色，可以从品牌相关的颜色试起。

10、简化

“保持简洁“这句经得起时间验证的设计箴言也适用于设计图片文字。你一定希望人们既注意图片又看到文字，使用过多的技巧反而会弄巧成拙。

在设计时，使用简单的字体或直白的图片就能达到最好的效果。要记得让图片中重要的部分一览无余，不断调整设计直到让文字具有清晰的可读性。

引用：原文作者：CarrieCousins、原文网址：http://designmodo.com