给照片配上文字怎样排版 「图片和文字的排版」

如果你仔细观察，会发现很多以图为主的设计，都会在图片的角落加上小小的文字。即使这些文字很小很小，只是一些标注信息，我们根本不会去读。

图片加上文字，二者相乘会让设计看起来更加丰满。

我们来对比看看，若只有图片，尽管注意力不会被分散，但元素的层次减少了。

我们再来看一份Baugasm的海报，也是在图片的周围布设了小字。

对比看看将字去掉，精致的设计感似乎缺失了一些。

我们有时候看外文的设计会觉得更高端，会印在T恤上。

外国人看中文的设计也会觉得很高端，会印在T恤上。

这从客观上说明了：文字首先是作为一种形状存在，本身具有美感，其次才是装载信息的工具。

这是特别神奇的一件事情。应用到照片上的时候，就是一张平平淡淡的照片加上文字，文字首先作为一种设计元素存在，能增加页面的平衡感和信息量。

用我拍的这张照片举个例子。灰蒙蒙的天色下，一只鸟。

加上点文字，是不是感觉变了一些：上一张图是孤独的，带有一点失衡，加上文字之后变得有点温馨而稳定了。

老话说，字如其人，看一个人写的字，大概能够知道他是一种怎样的性情。我们也知道，摄影当中有很多不同的风格，每张照片有自己的气质，有的清新，有的大气，有些梦幻，有些纪实。那么文字和照片之间如果要搭配好，首先气质上要是吻合的。就像找对象一样，都希望找三观相合的。

因为我们天天都会接触各种各样的图片，很容易辨别出一张图片的气质。可以用一个词来形容这种气质给我们带来的感受，比如有趣、欢快、惊叹、感伤等等。

但是大多数人对于字体的了解并不多，能够看出某个字和某张图的搭配有点奇怪，但是不知道字体属于哪个种类，也就难以去匹配照片以文字。

英文字体一般是分为衬线和无衬线两类，这种分类方法源自西方，应用到中文上划分过于笼统，我们大概可以把最常用的中文可以分为宋体、黑体、毛笔书法、硬笔书法、卡通几类。

宋体字文化感比较强，字体方正；

黑体横竖的粗细比例相似，横平竖直，简洁明了，互联网时代最常用的字体。

毛笔书法是模仿毛笔触感的字体，艺术感足，磅礴大气。

硬笔书法仿手写笔触，具有亲和力，清爽自然。

卡通字体笔划可爱，有趣而欢快。

不同感受的照片可以配不同性格的文字。举个例子，下面这张照片是知乎一位题主拍摄的，纵深感强，整体较暗的大片冷蓝色中，被橙黄色的灯光照亮星星点点。

整体给我的感觉是安静、满足、幸福的，就像在寒冷的山巅夜晚，有一碗热腾腾的泡面。我会给这样的照片配上认真的宋体字。

或者笔划不那么粗的毛笔字体。

在确定文字气质之后，下一步就是确定文字摆放的位置。在照片中配上文字其实就是全图型排版，需要将照片中的各种主体当成是设计元素来对待。

在排版的过程当中，首先考虑元素之间的视觉平衡。和海报等平面设计有所不同的是，照片加文字中的文字只是装饰，而不是主题，因此一般不会太大，重点还是要留给图片本身。

但我们可以参照平面设计的手法，通过对齐让元素之间互生关系，让画面看起来更加融合。以这份龙猫的海报来看看。

尽管用了自由的毛笔字体，文字的方向也有横有纵，但仔细观察其实文字的放置位置都是有所考量的。

同样以这张照片为例，我们来试着确定文字的位置。

为了保持整体的平衡，首先考虑将文字放在右边，可以找一些明显的参考物，这些就是视线锚点，拉出参考线以确定文字的位置并评估文字板块的大小。

最后是赋予文字本身一定的节奏变化。各种设计手段的应用，能够让文字更耐看。举一个简单的例子，如果在页面当中单单放几个字，是不是显得特别的乏味。

但是当我们加上几条无关紧要的线条，这个时候就可以去当一个店铺的logo了。

这是一种刻意设计的结果，大家都能够感受到这一个东西是经过考虑的，它想吸引观者的注意力，传达出来某种信息。

前两个步骤考虑好了字体气质和摆放位置，这里再将文字的形态更改，这是一个不断尝试的过程。

当然，增加设计感也有一些小窍门。

1、运用字体对比

往往用两种以上的字体往往比只用一种字体好看，但当字体种类太多，又会变难看。

2、用形状和线条来修饰

加一些色块；加一些分隔线条；加一枚印章，都是不错的选择。

3、文字的二次设计

在选取字体的基础上，我们还可以对它们进行再次设计。例如渐变、投影、拆分等。

总结一下，给图片配文字可以分三步走：

1、字如其图

判断图片的气质，匹配相应的字体类别。

2、确定位置

将图片内主体当做设计元素，拉出参考线，大致判断文字大小和位置。

3、节奏变化

通过字体、字号、色彩的对比，辅以形状、线条、素材让文字组合变得更耐看。

再以这张照片来一遍~

首先，这是一张居中对齐的图片，如果安排文字，都不用去多做判断，安排在中间就好。

拍摄的照片难免会稍稍有一点点不对称，一般的照片使用看不太出来，但若要配上横平竖直的文字，就会变得特别显眼。因此第一步对照片的水平和透视矫正。

具体的方法为在Lightroom或者PS的Camera Raw滤镜中，选择【变换】面板，首先尝试使用自动矫正功能一般能够完成准确完成矫正。如果不行，可以选择参考线矫正功能，拉出2-3条参考线，即可修复照片的水平和透视问题。

如动图所示：

这是矫正后的结果。

因为照片主要表现几何的重复，因此字体选用了简洁的黑体字，找到明显的几个主体，拉出参考线来。

最后写上文字，去掉参考线即可。

以上就是本期的分享~

最后再来欣赏一组以图为主，配以文字的海报作品，希望能带给你更多的灵感。

黑白间设计

致力于在美与实用间寻找平衡

让设计变得简单

∨