图片加文字正越来越成为一种流行的图片处理方式。配上文字的图片,故事性一下子就出来了,可逗比,可文艺。
但是如何搭配的好看呢?也许有人会轻描淡写的一句『凭感觉』就把你打发了。但作为一个有态度的公众号,我们希望尝试像之前的『三分钟带你走进极简色彩学』一样,尝试着总结一些规律性的东西。其中第一部分『图片与文字的关系』中的大部分内容都是来自梁木东,一名设计专业大四学生的总结,在此表示感谢。
其实图片加文字有两种目的,一种是为了让文字粉饰图片,主体是图片;一种是为了让图片突出文字,主体是文字。相信大家更多的使用场景还是第一种,以图片作为主体。所以在这里就主要以『文字修饰图片』作为主要的使用场景。
1. 图片与文字的关系:需要把握主体物、视觉焦点
想要用文字来修饰图片,首先的前提是你要读懂图片。这里先说两个概念。
主体物和视觉焦点是摄影作品里的两个基本要素。在一张照片里通常会有一个突出的人或物作为主体。而其他例如在风景类摄影作品,照片里即使没有明确的主体物,也会存在一个视觉焦点。
一张摄影作品的主体物和视觉焦点是很容易看出来的,如下图:
而我们所要做的,就是让文字不要过度影响视觉焦点和主体物,并且形成有序的呼应。
下面就让我们来实战操作一下。
第一张图只有视觉焦点没有主体物,你需要记住的定律是:当视觉焦点位于画面中线,文字部分使用居中式。而因为照片上的主体物并不明确,所以文字离边缘的距离没有参考,文字部分的位置随意。
第二张图既有视觉焦点又有主体物(只要图里有眼睛,就有视觉焦点)。横向的文字应和视觉焦点平行。此外,只要有主体物,文字的大小就不能比主体物大。同时字体到屏幕边缘的距离也要和主体物到屏幕边缘的距离相当。
2. 文字的选择和搭配:喜欢就是放肆,但爱就是克制
接下来就是字体具体的选择问题了。
字体的使用和色彩一样,需要克制,需要搭配。『衬线字体』相对复杂、花哨,如下图中的B组,而『无衬线字体』清晰、简单,如下图中的A组。
具体用哪种,就得注意和图片风格上的搭配。比如下面这张,就略显违和,整张图片的气势就毁在了这几个字手里。
此外,字体的尺寸也是很重要的。如果重点是图片的话,文字千万不要太大,容易喧宾夺主。
下图就是一个反例,因为文字部分已经完全影响了画面,成为了重点。但是不这么做,小编会死的很惨,原因是什么你懂的。
这里给大家提供一个比较巧妙的方法。如果不想文字太过显眼可以让字顺着图片走去描轮廓线。也就是文字绕着物体的轮廓线排布。可以给画面增添活力,又不会太过张扬。
3. 图片与文字的颜色组合:注意和背景的搭配
适当的使用颜色能让图片更加生动,多维化。但是对于字体颜色的使用需要克制,使用太多颜色会让人眼花抓不到重点。
比如添加白色文字,看起来效果还不错是不是?
但如果把颜色换成和图片颜色互补和相近的颜色,是不是一下子就感觉生动立体了很多?有了更多活力感,让人眼前一亮。
如果你想不好颜色搭配,可以参考我们之前推送的『三分钟带你入门极简色彩学』。
比如说刺激的互补色,也就是传说中的撞色,经常会有一些非常奇妙的效果:
以及分散互补色,也就是两个相邻色配一个互补色。
三角对立配色:
如果你懒得搭配,那么请看下一条。
4. 压箱底的绝招:黑白噪点压大字,高端贵气上档次
如果你上面那些都懒得细想,那请你直接看这一条。
这是随便找的一张图,是号称最符合人机工程的椅子,但是图片毫无美感可言吧?
套用一个黑白滤镜,再加上一段文字,是不是看起来舒服很多?是不是感觉自己瞬间文艺高大上了?
总的来说,不论什么时候,黑白噪点压大字是不会出错的。
最后,给大家安利一款图片加字的App叫Camu(虽然他们并没有给我广告费),优点主要是:
界面简洁美观,操作交互顺手
滤镜、文字效果好并且支持中文
支持iOS和安卓
谁用谁知道。当然,同类型的软件有很多,而且每个人使用习惯都不一样,还是那句话,合适的才是最好的。