排版中整合字体和图像

在排版中,遇到的就是两个不同的成分——文字和图像,那么应该怎样将两种不同的东西放在一起呢?让字体动态地与图像互动,是许多设计师遇到的严峻的问题。如果字体和图像产生不良整合,往往造成两个结果:第一种是字体与它周围的图像毫无共同之处;第二种是整合了图像的版面显得太具跳跃从而难以辨认和操控。要克服字体与其他视觉材料这种鲜明的、疏离的区别,避免上述任何情况的产生,就要在字体的特殊性和多样性中寻找与图片之间的共同点。我们可以从四种属性入手:外形、肌理、明度和节律。

 

形式协调

这里指的字体和图像的形式协调主要是从外形、肌理、明度和节律的协调。

外形的属性包括文字与图片元素的外部平面轮廓(直线、曲线等等),以及它们的比例(高与宽之比)等。

肌理的属性指的是字体;字体给予一块文字区域表面的活跃性;文字细节表现出来的图形特性。

明度,一般都被认为是关于色彩的,这种属性关注的是相对的明暗,与外形属性一样可以被立即辨认出来。

节律也许是协调关系中界定和实行起来最不明显的属性了。它主要关注的是间隔(空间)关系;如何处理图片中各元素的距离远近,以及与如何处理文字长度或文字块距离远近进行对比;从更小的范畴来说,要处理文字本身内部的笔画/轮廓的节奏。

563501589

外形协调

上面的排版中,书名、板块以及栏目的水平设置,都与图像的水平间隔相呼应;细的垂直线再次诠释了人物所站的垂直轴线。

肌理协调

通过选用产生显著对比的衬线字体,文字块表现出的强烈的表面活跃性正好与图片表现的肌理产生关联。松散排列的题目用两种粗细字体,反映了人物后面墙上明暗线条元素的图案效果。

明暗协调

字体在从上到下的空间中分布,形成几组文字中暗的造型和亮的负空间,与图片中变化的节律与明暗比例产生关联。

节律协调

图片中轴强烈的视觉引力,被细直线重新阐释,但同时,通过成比例的水平元素的对比,从中心向内拉和向外推的诠释。

 

空间考虑

整合字体和图像的另一个方面是考虑在给定的版式中,与正负空间相关的图像区域和字体元素之间的相互关系。图像可以用三种方式表现:轮廓图(保留图像的轮廓,或者被“裁切”,以便“漂浮”在版式中);“全出血”图(图像填满版式的各个方向和各个边界);插图(裁剪成一个形状,如长方形,即使是在版式的一边或两边出血,仍旧是构图造型)。无论图像是上述哪种状态,伴随图像的文字的任何一种位置关系都会产生一个新问题:在图像上部的文字,到底是嵌入其中,还是简单地在图像旁边。

轮廓图的方式

轮廓图排版

轮廓图排版2

与剪影图像相连接的字体,或多或少都存在着对比效果。这种对比效果,取决于字体位置与图像的关系。如果文字不对齐的效果介入图像的轮廓线之内,文字与图像两种元素就会融合在一起,字体像是与图像有着相同的空间背景。倘若将文字栏的垂直对齐效果,与不规则的图像轮廓线并排,就会产生相反的效果:字体在空间中比较靠前,与图像的空间背景失去联系。同时,字体的对齐边缘与图像的轮廓线两者之间形成强烈的对比,就有可能有文字栏不对齐效果中的不规则轮廓线所抵消。

“全出血”的方式

全出血排版1

全出血排版2

 

虽然字体本身也是一种独立的构成形式,但编排在图像区域里的文字必须与图像的结构相呼应。同时,字体虽已经成为图像的一部分,但就像它在别的语境中一样,还要在某种特殊的情况下与图像的内部构成相互协调和对立。

整合插入图像的方式

整合插入图像1

整合插入图像2

插入图像与几何形字体有更加直接的呼应。任何一种插入或剪切图像都可能有任意一种平面造型:圆形和椭圆形、有机的点状、三角形、梯形,而不仅仅是长方形。有了这种明确的几何特征,创建文字与插入图像的协调就主要靠造型与比例,以及一个造型中相关的对齐区间逻辑。

Recommended Posts