在图片上进行文字设计的技巧

在图像上及其周围进行文字设计是作为设计师每天都要面对的问题。首先您必须选择合适的照片,对排版有一定的了解,并且要充分利用为图像添加文字所要传达的信息。 接下来我们来看看都有哪些技巧可以增加文字的突出属性。

添加对比度

734

在使用浅色图片做为背景时,可以选择深色文字,同理深色图片做背景,则选择浅色文字。以增加视觉对比度,使得文字内容清晰明了。

使文本成为图像的一部分

734

在图像中,结合文字,让文字成为图像的一部分,从而让视觉上更和谐。这样的做法不会让文字显得太突兀,与图像中的产品形成统一视觉。

视觉流程

734

当图像中出现人物时,浏览者的视觉会不自觉的跟随图像中人物的目光探索。这时,可以在目光所及的位置摆放文字,让浏览者自然地看到文字,了解对应信息。

模糊图像

734

在图像相对复杂的背景中,添加文字在显示时不一定可以清晰的表达。我们可以选择模糊背景的形式,让文字突出,并产生空间感和层次感,可以更好的传递信息。注意模糊时不要把范围调整的过大,失去图像内容也并不是好的选择。

将文字放在一个盒子里

734

同样针对于复杂图形背景,除了模糊外,可以对文字做处理。

给文字添加一个色块可以很好解决这个问题,当然不建议添加100%纯色。可以通过降低不透明的方式,一方面,可以让文字得到突出体现,另一方面,背景图页没有完全遮盖,不会太突兀。

使用大字体

734

当您不确定什么有效时,请考虑大文本。这既适用于图像,也适用于类型本身。大尺寸元素将引起用户的注意,使用大文本可以为增加分量,使其几乎可以对任何图像可读。

添加颜色

734

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

使用色彩蒙版

734

越来越流行的效果是在图像上使用了偏色以允许放置文本。尽管这可能是一个棘手的效果,但它也可以使设计令人惊叹。

平衡点在于使覆盖颜色足够透明以使图像可以显示出来,但又不能太透明以至于文本难以阅读。在掌握此技巧之前,您可能必须尝试几种颜色和照片选项。如果不确定要使用哪种颜色,从与您的品牌颜色相关的色彩开始。

文字与图像的错位

734

当您在照片上放置版式时,并不完全意味着照片应完全位于内容的基础上。您可以随意使用背景来建立内容的焦点。为此,您可以稍微移动图像。

要注意的是对比度,大小和文本样式。在这种特殊情况下,由于背景上的不统一,图像上的文字将在可读性方面存在一些问题。

这意味着文本的大小以及样式应能创造出足够的美感,使之易于理解。

开箱视觉

734

该概念意味着扩大视觉边界并将内容推到背景之外。您需要做两个基本的事情:首先,拉伸标题;其次,缩小背面的图像,从而在周围形成巨大的间隙。

这样,图像上的文本会比场景中的其他元素离您更近。此外,图像将用于装饰目的,而页眉将用于提供信息。分层技巧也增加了微妙的深度感。

垂直节奏

734

734

有时,放弃传统路线,并选择一些奇妙的技巧,可能会带来一些意外惊喜,就比如垂直节奏。

在过去的几年中,垂直节奏非常流行。该解决方案为我们提供了很大的创造空间。

创作时,可以遵循三种主要模式。首先,您可以从字面上使用竖排文字来模仿日本传统书写系统启发的美学。只需更改读取流的方向,即可使其从上到下,然后从左到右。

其次,您可以通过将照片上的版式旋转90度来扭曲文本的角度。请注意,不仅要为标题使用了垂直节奏,而且还在一些功能元素上使用垂直节奏,这样能够为设计带来真正的和谐。

最后,您可以按照习惯性的水平阅读流程在图像上放置文本,但是将其分成几段文本,并将它们排列在不同行中。这样,用户在浏览时会更容易理解。

总结

使用图像和文本结合时,请使用简单的版式和合适的图像以获得最佳效果。切记要让图像的重要部分不受阻碍地显示,并在设计中保持有效性,直到文本清晰可读为止。

原作者:Carrie Cousins

本页面最后更新于 2021年01月23日 13:31