前言
原作者:Carrie Cousins
原文地址:https://designmodo.com/design-type-photo/
翻译:章鱼小年糕
仅供学习参考,严禁转载;非专业,若有错误,欢迎提出
正文
一个在你可以使用的工具范围中很不错的技巧就是在图片周围加一些文字。但是这个技巧也是最难把握让你达成目的的一个概念。
首先,你必须要有一张正确的照片,对排版有良好的眼感,然后清楚你想通过文字的修饰而达到何种目的。如果你感觉你已经准备好接受这个挑战,那么这里有10个建议来帮你完成它:
1. 添加对比
文字必须要是可读的才算是成功。确认文字的颜色与图片结合后能够被区分开来。如果你有一张深色的图片,就选择白色(或者浅色)的文字。如果你的照片是白色的背景,就选深色的文字。
对比还可以指文字尺寸和图片结合产生的效果的关系。字母应该要帮助(而不是打压)图片。在上面展现的Pack这个网站中,举个例子,这张图片很大也很醒目,然而文字是细长的。这些元素组合虽然包含了对比,但都还是帮助了对方的展示。
2. 让文字成为图片的一部分
有时候文字会成为图片的一部分,这种情况只能在一些有限的例子里能达到。你需要一张简单的图片和一小搓文字来协调合作,比如上面展示的McLaren,文字像嵌入了图片一样。
3. 跟随视觉流
当谈及文字和图片的协作,符合视觉流是这之中最重要的一个建议。你需要符合一张图片逻辑部分的文字,并且要注意,不要把文字放在图片的重要部分,比如图片中主要的动作区,脸部或者你想要展示的产品。
根据视觉流,为文字寻找一些能从图片主题开始能看到的空间。以上两个例子都可以引导你从图片中身体语言或者用人的眼睛到文字。每一个流都使用的恰到好处。
4. 虚化图片
一个你可以使用的最简单的技巧就是虚化图片的一部分。用一些软件,比如Photoshop来虚化图片的一小部分,这样可以凸显你的文字。虚化同样可以把注意力集中在你整个主题上,比如上面这个wallmob网站。对于网站浏览者来说,虚化让产品的展示更加真实,文字也更加锐利。
5. 把文字放进一个容器
当图片包含了各种颜色或者有明暗部分的差别,就可以把文字放在另一个框框中让它显得更加突出。
选择一个形状,你也可以看到上面的例子有矩形和圆形,它们和你选择的文字和图片互相协作。然后给这个容器选择一种和你的文字有足够对比的颜色来展示。
考虑给这个框框添加一些透明度能够增加一种温和感并且还能展示一些被挡住的部分图片。
6.给背景加上文字
一个很好的技巧不是在前景上加字,而是给背景加上文字。一般背景的空间都不会很拥挤,所以更加容易放置文字。背景也常常是一个单调的颜色,在这里放文字可能更加被发现也更加容易阅读。
最终的结果是非常自然的放置,不需要大量的技巧或者对主图片做一些替换。使用微妙的阴影效果,比如上面Caitlin Wicker的网站展示的,放置文字的时候,还顺便给图片添加了一些可以表现深度的文字。
7. 放大
当你不确定什么可以帮助你,那就考虑一下放大。这个可以运用在上面的两张图片上,或者放大文字本身。元素的大小将会抓住用户的注意力,使用一个很大的元素能更容易打造文字和图片的比例。
使用大图,比如上面的coffee这个网站,可以帮助添加阴影和对比差距。使用足够大的文字以及加粗,放在图片可读的地方进行一个对比。
8. 添加色彩
添加一个提示的颜色可以添加图片的视觉趣味。在上面展示的两个网站都使用了两种不同的方法:一个是用了图片中没有看到的对比颜色来高亮某个单词,另一个是使用了一个可以映射这张图片的色调。这两个技巧都非常的有效果。
9. 使用颜色遮罩
在图片上使用一种颜色遮罩正在成为一种越来越受欢迎的效果。它不仅可以达成一种微妙的效果,也能让它成为一种出色的设计。
Opt for a color that his high visual interest. The balance is in making the overlay color transparent enough for the image to show through, but not so transparent that the text is difficult to read. You may have to experiment with several color and photo options before mastering this trick. Not sure what color to use? Start with an overlay related to your brand colors.
选择一种能引起别人高度兴趣的视觉颜色。要把握好覆盖颜色的透明度的平衡度,这样才能很好地透出图片。但是不透明的话文字就可能很难阅读。你在尝试这个技巧的时候,可能需要尝试几种颜色和图片的选择。是不是不确定选择使用什么颜色?那么就从一种你的品牌颜色开始来覆盖吧。
10. 简单化
运用在文字和图片上的一个经过时间验证的建议就是“保持简单”。如果你真的是很希望人们能观察到图片和文字,使用太多的技巧反而可能会造成反效果。
当和图片进行协调的时候,使用简单的排版和直观的图像就是最好的结果。记住图片重要的部分,要无障碍的进行展示。并且坚持设计到文字清晰易读。