开通VIP，畅享免费电子书等14项超值服
首页
好书
留言交流
下载APP
联系客服
2020.02.04
很多以图为主的设计，都会搭配上文字，即使这些文字我们很少去看。
为什么要这样设计？当然是为了让图片看上去内容更加丰富！
那么，「图片+文字」的搭配有哪些需要注意的呢？
今天「黑白间设计」的老黑，就来为大家讲讲图片配文字三步走策略。一起来看看吧~
本文作者：老黑
本文编辑：小叮、竺兰
如果你仔细观察，会发现很多以图为主的设计，都会在图片的角落加上小小的文字。
即使这些文字很小很小，只是一些标注信息，我们根本不会去读。
图片加上文字，会让设计看起来更加丰满。
我们来对比看看，若只有图片，尽管注意力不会被分散，但元素的层次减少了。
再来看一份Baugasm的海报，也是在图片的周围布设了小字。
将字去掉，精致的设计感似乎缺失了一些。
我们有时候看外文的设计会觉得很高端，因为外文会印在T恤上。
将中文印在T恤上，外国人看中文的设计也会觉得很高端。
这从客观上说明了：文字首先是作为一种形状存在，本身具有美感，其次才是装载信息的工具。
这是特别神奇的一件事情。
文字作为一种设计元素存在，能增加页面的平衡感和信息量。
用下面这张图片举个例子：
灰蒙蒙的天色下，一只鸟。
加上点文字，是不是感觉有了变化：
上一张图是孤独的，还带有一点失衡，加上文字之后变得温馨而稳定了。
字如其图
老话说，字如其人，看一个人写的字，大概能够知道他是一种怎样的性情。
我们也知道，摄影当中有很多不同的风格，每张图片有自己的气质，有的清新，有的大气，有些梦幻，有些纪实。
那么文字和图片之间想要搭配好，首先，气质上要是吻合的。
就像找对象一样，都希望找三观相合的。
我们天天都会接触各种各样的图片，所以很容易辨别出一张图片的气质。
还可以用一个词来形容这种气质给我们带来的感受，比如有趣、欢快、惊叹、感伤等等。
但是大多数人对于字体的了解并不多，只能够看出某个字和某张图的搭配有点奇怪。
他们不知道字体属于哪个种类，也就难以用文字去匹配图片。
英文字体一般是分为衬线和无衬线两类。
这种分类方法源自西方，应用到中文上则过于笼统。
我们大概可以把最常用的中文分为宋体、黑体、毛笔书法、硬笔书法、卡通几类。
宋体。
宋体字文化感比较强，字体方正。
黑体。
黑体横竖的粗细比例相似，横平竖直，简洁明了，是互联网时代最常用的字体。
毛笔书法。
毛笔书法是模仿毛笔触感的字体，艺术感足，磅礴大气。
硬笔书法。
硬笔书法仿手写笔触，具有亲和力，清爽自然。
卡通。
卡通字体笔划可爱，有趣而欢快。
不同感受的图片可以配不同性格的文字。
举个例子，下面这张图片，纵深感强，整体较暗的大片冷蓝色中，被橙黄色的灯光映出星星点点。
整体给我的感觉是安静、满足、幸福的，就像在寒冷的山巅夜晚，有一碗热气腾腾的泡面。
我会给这样的图片配上认真的宋体字。
或者是笔划不那么粗的毛笔字体。
文字摆放的位置
在确定文字气质之后，下一步就是确定文字摆放的位置。
在图片中配上文字其实就是全图型排版，需要将图片中的各种主体当成是设计元素来对待。
在排版的过程当中，首先考虑元素之间的视觉平衡。
和海报等平面设计有所不同的是，图片加文字中的文字只是装饰，而不是主题，因此一般不会太大，重点还是要留给图片本身。
但我们可以参照平面设计的手法，通过对齐让元素之间具有互生关系，让画面看起来更加融合。
以这份龙猫的海报为例。
尽管用了自由的毛笔字体，文字的方向也有横有纵，但仔细观察其实文字的放置位置都是有所考量的。
同样以这张图片为例，我们来试着确定文字的位置。
为了保持整体的平衡，首先考虑将文字放在右边。
可以找一些明显的参考物，这些就是视线锚点。
然后拉出参考线，以确定文字的位置并评估文字板块的大小。
这样一页大致的排版就完成啦。
节奏变化
最后是赋予文字本身一定的节奏变化。
各种设计手段的应用，能够让文字更耐看。
举一个简单的例子，如果在页面当中单单放几个字，是不是显得特别乏味。
但是当我们加上几条无关紧要的线条，这个时候就可以去当一个店铺的Logo了。
这是一种刻意设计的结果，大家都能够感受到这一个东西是经过考虑的，它想吸引观者的注意力，传达出来某种信息。
前两个步骤考虑好了字体气质和摆放位置，这里再将文字的形态更改，这是一个不断尝试的过程。
当然，增加设计感也有一些小窍门。
运用字体对比。
用两种以上的字体往往比只用一种字体好看，但当字体种类太多，又会变难看。
用形状和线条来修饰。
加一些色块、加一些分隔线条或者加一枚印章，都是不错的选择。
文字的二次设计。
在选取字体的基础上，我们还可以对它们进行再次设计，例如渐变、投影、拆分等。
总结一下
给图片配文字可以分三步走：
字如其图。
判断图片的气质，匹配相应的字体类别。
确定位置。
将图片内主体当做设计元素，拉出参考线，大致判断文字大小和位置。
节奏变化。
通过字体、字号、色彩的对比，辅以形状、线条、素材，让文字组合变得更耐看。
以这张图片为例，再教大家一遍~
对图片的矫正。
首先，这是一张居中对齐的图片，如果安排文字，都不用去多做判断，安排在中间就好。
拍摄的图片难免会稍稍有一点点不对称。
一般的照片使用看不太出来，但若要配上横平竖直的文字，就会变得特别显眼。
因此第一步对图片的水平和透视矫正。
具体的方法为在Lightroom或者PS的CameraRaw滤镜中，选择【变换】面板。
首先尝试使用【自动矫正】功能一般能够完成准确完成矫正。
如果不行，可以选择【参考线矫正】功能，拉出2~3条参考线，即可修复照片的水平和透视问题。
如动图所示：
这是矫正后的结果。
如果你不仅想学到专业的设计操作，还想学到可以轻松掌握的设计思维，小叶强烈推荐你来秋叶PPT设计进阶班！
在PPT设计进阶班，海报设计、模板制作、配色动画、插件AI、视觉化表达和定制，通通一网打尽~
不仅仅教你操作，更是你的PPT思维课程，还可以教你如何用PPT赚零花钱！