Quantcast
Channel: IT社区推荐资讯 - ITIndex.net
Viewing all articles
Browse latest Browse all 15843

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

$
0
0

作者:王佩

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

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

1、增加对比

 

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

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

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

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

3、遵循视觉流

 

 

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

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

4、将图片变模糊

 

 

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

5、把文字放到框中

 

 

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

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

6、把文字加到背景上

 

 

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

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

7、放大

 

 

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

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

8、增加颜色

 

 

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

9、使用颜色蒙版

 

 

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

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

10、简化

 

 

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

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

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


Viewing all articles
Browse latest Browse all 15843

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>