想要图片配字配的好，可不能只是『凭感觉』

2015-09-25 本文已影响2861人 ZUO先生

图片加文字正越来越成为一种流行的图片处理方式。配上文字的图片，故事性一下子就出来了，可逗比，可文艺。

但是如何搭配的好看呢？也许有人会轻描淡写的一句『凭感觉』就把你打发了。但作为一个有态度的公众号，我们希望尝试像之前的『三分钟带你走进极简色彩学』一样，尝试着总结一些规律性的东西。其中第一部分『图片与文字的关系』中的大部分内容都是来自梁木东，一名设计专业大四学生的总结，在此表示感谢。

其实图片加文字有两种目的，一种是为了让文字粉饰图片，主体是图片；一种是为了让图片突出文字，主体是文字。相信大家更多的使用场景还是第一种，以图片作为主体。所以在这里就主要以『文字修饰图片』作为主要的使用场景。

想要用文字来修饰图片，首先的前提是你要读懂图片。这里先说两个概念。

主体物和视觉焦点是摄影作品里的两个基本要素。在一张照片里通常会有一个突出的人或物作为主体。而其他例如在风景类摄影作品，照片里即使没有明确的主体物，也会存在一个视觉焦点。

一张摄影作品的主体物和视觉焦点是很容易看出来的，如下图：

而我们所要做的，就是让文字不要过度影响视觉焦点和主体物，并且形成有序的呼应。

下面就让我们来实战操作一下。

第一张图只有视觉焦点没有主体物，你需要记住的定律是：当视觉焦点位于画面中线，文字部分使用居中式。而因为照片上的主体物并不明确，所以文字离边缘的距离没有参考，文字部分的位置随意。

第二张图既有视觉焦点又有主体物（只要图里有眼睛，就有视觉焦点）。横向的文字应和视觉焦点平行。此外，只要有主体物，文字的大小就不能比主体物大。同时字体到屏幕边缘的距离也要和主体物到屏幕边缘的距离相当。

接下来就是字体具体的选择问题了。

字体的使用和色彩一样，需要克制，需要搭配。『衬线字体』相对复杂、花哨，如下图中的B组，而『无衬线字体』清晰、简单，如下图中的A组。

具体用哪种，就得注意和图片风格上的搭配。比如下面这张，就略显违和，整张图片的气势就毁在了这几个字手里。

此外，字体的尺寸也是很重要的。如果重点是图片的话，文字千万不要太大，容易喧宾夺主。

下图就是一个反例，因为文字部分已经完全影响了画面，成为了重点。但是不这么做，小编会死的很惨，原因是什么你懂的。

这里给大家提供一个比较巧妙的方法。如果不想文字太过显眼可以让字顺着图片走去描轮廓线。也就是文字绕着物体的轮廓线排布。可以给画面增添活力，又不会太过张扬。

适当的使用颜色能让图片更加生动，多维化。但是对于字体颜色的使用需要克制，使用太多颜色会让人眼花抓不到重点。

比如添加白色文字，看起来效果还不错是不是？

但如果把颜色换成和图片颜色互补和相近的颜色，是不是一下子就感觉生动立体了很多？有了更多活力感，让人眼前一亮。

如果你想不好颜色搭配，可以参考我们之前推送的『三分钟带你入门极简色彩学』。

比如说刺激的互补色，也就是传说中的撞色，经常会有一些非常奇妙的效果：

以及分散互补色，也就是两个相邻色配一个互补色。

三角对立配色：

如果你懒得搭配，那么请看下一条。

如果你上面那些都懒得细想，那请你直接看这一条。

这是随便找的一张图，是号称最符合人机工程的椅子，但是图片毫无美感可言吧？

套用一个黑白滤镜，再加上一段文字，是不是看起来舒服很多？是不是感觉自己瞬间文艺高大上了？

总的来说，不论什么时候，黑白噪点压大字是不会出错的。

最后，给大家安利一款图片加字的App叫Camu（虽然他们并没有给我广告费），优点主要是：

界面简洁美观，操作交互顺手

滤镜、文字效果好并且支持中文

支持iOS和安卓

谁用谁知道。当然，同类型的软件有很多，而且每个人使用习惯都不一样，还是那句话，合适的才是最好的。