2.5.2 图片编排可营造不同的版式格局
图片是版式设计中最基本的构成要素之一,在视觉表达上具有直观性与针对性,通过图片要素能使观看者更易理解画面中的主题信息。
在版式设计中,可以通过对图片进行位置、所占面积、数量与形式等方面的调控来改变版式的格局,最终使画面呈现出理想的视觉效果,如图2.5-15所示。
图2.5-15 图片编排可营造不同的版式格局
1.方向的编排
物体的造型、倾斜方向、人物的动作、脸部朝向及视线等,都可以使观看者感受到图片的方向性。通过对这些要素的掌控,可以引导观看者的阅读视线。以人物照片为例,人物的眼睛总会特别吸引观看者的目光,观看者的视线会随着图片中人物凝视的方向移动。因此,在这个地方安排重要的文字,是引导观看者目光移动的常用方法。此外,运用多张图片并按照一定的规则排列成一定的走向,也可以形成明确的方向性,以引导观看者阅读。
物体的造型、倾斜方向、人物的动作、脸部朝向及视线等,都可以引导观看者的阅读视线。
图片的方向性是由其内容决定的,因为图片本身是不具备任何方向性的。通过利用视觉要素的排列方式或特定动态可以赋予图片以强烈的运动感。图片的方向性还能对观看者的视线起到引导作用,并根据图片内容的运动规律来完成相应的视线走向。如图2.5-16所示,将一个人不同阶段的状态进行编排,可形象地传递给观看者“低谷正是充电的时候”的正能量诉求。
图2.5-16 雷诺汽车广告
还可以利用物象自身的逻辑关联来诱使图片产生特定的方向感。例如,地球的重力始终是朝下的、单个生物的进化过程等,这些要素不仅能给予图片方向性,同时还能增添版式结构的条理感。如图2.5-17所示,利用地球的重力始终是朝下的原理,将主体图片采用上下对齐的方式居中竖向排列,给人以稳重的感觉。
图2.5-17 音乐杂志的版式设计
除此之外,还可以运用物象本身的动势来赋予图片以方向感。如高耸的建筑在视觉上的透视效果能赋予图片以延伸感,或者人物的动作朝向、眼神的凝视方向等,这些要素可使观看者能切身体会到图片在特定方向上所产生的动感效果。如图2.5-18所示,利用建筑物在空间中的透视效果,使图片具有了向上的动势。版面左半部分为文字,右半部为大幅图片,面积比例基本为1∶1,使版面显得均衡。
图2.5-18 房地产海报设计
将主要图片放置在版面的左部,相对于文字来说,图片更具有视觉吸引力,因此通过该类排列方式,可使画面产生由左向右的阅读顺序。
将版面中的视觉要素按照一定的轨迹或方式进行排列,同样可以赋予图片以方向感。例如,将图片中的视觉要素以统一的朝向进行排列与布局,使版面形成固定的空间流向,并引导观看者完成单向的阅读走向。如图2.5-19所示,左右两侧人物相互吸引的眼神,有效引导了观看者的视线,将其集中在版面中央位置的咖啡杯图案上。人物元素有规律地排列在版面两侧,形成版面的韵律感。
图2.5-19 巴西的咖啡平面广告
2.位置的编排
对于主体图片来讲,在版面中摆放位置的不同,对其本身的表现也将造成很大的影响。通常情况下,主体图片会出现在版面中的不同区域,可以根据版面整体的风格倾向与设计对象的需求来考虑图片的具体摆放位置。
1) 左部
将主要图片放置在版面的左部,相对于文字来说,图片更具有视觉吸引力,因此通过该类排列方式,可使画面产生由左向右的阅读顺序。通过主体图片的左置处理使版面展现出统一的方向性,同时还可以增强版式结构的条理性。如图2.5-20所示,主角的机长形象放大处理放置在版面左侧,符合观看者的阅读习惯。机长的视线方向以及镜片中反射出来的飞机方向都自然而然地引导着观看者的视线走向右下角的相关信息。
图片右置的排列方式能有效打破常规的版式结构,并在感官上给观看者留下深刻的印象。
2) 右部
图2.5-20 《中国机长》的电影海报
将主体图片放置在版面的右侧,使观看者产生从右到左的颠覆性视线走向。由于与人的阅读习惯恰好相反,因此,该种排列方式能有效打破常规的版式结构,并在感官上给观看者留下深刻的印象。如图2.5-21所示,几条鲤鱼首尾相接,形成扭动的姿态呈现出自由灵活的动态感,与字体的穿插叠加,以及版面左侧的大面积留白,形成简洁、通透的空间视觉效果。
3) 中央
图2.5-21 海报作品
版面的中心位置是整个画面中最容易聚集视线的地方,因此将图片摆放在版面的中央,并将文字以环绕的形式排列在图片的周围,通过该种编排手法可以赋予画面饱满、迂回的版式特征。
为了使观看者在第一时间了解到版面的主题信息,设计者通常会将图片摆放在画面的下方,以强调文字要素,使整个阅读过程变得清晰、明朗。
设计者常将主体要素放置在该位置,以提升该要素的视觉表现力。将图片摆放在版面的中央,并将文字以环绕的形式排列在图片的周围,通过该种编排手法可以赋予画面饱满、迂回的版式特征。如图2.5-22所示,将图片摆放在杂志跨页的中央,并将文本内容置于两侧。不同的内容采用不同的字体和大小,版面的整体效果非常饱满、均衡。
图2.5-22 杂志的版式设计
4) 下部
在一些文字较少的海报设计中,由于版面中的视觉要素非常有限,一般能起到宣传作用的主要是标题与说明文字。为了使观看者能在第一时间了解到版面的主题信息,设计者通常会将图片摆放在画面的下方,以强调文字要素,使整个阅读过程变得清晰、明朗。如图2.5-23所示,计算机及人物图片以一种时空穿越的表达形式放置在版面下部,使版面形成稳重感。大号字体的宣传语放置在版面上方,有力地传达了这个情人节“愿大家早日穿破阴霾,拥抱在春天,共待花开,爱永不下线。”的美好祝愿。
将图片摆放在版面的上方,可以构建起自上而下的阅读顺序,使观看者能够直接从图片的内容入手。
5) 上部
图2.5-23 ThinkBook的抗疫的宣传海报
如果版面中的文字与图形有着潜在的逻辑关系,就可以利用图片在视觉上的直观性与可视性阐明文字信息。将图片摆放在版面的上方,可以构建起自上而下的阅读顺序,使观看者能够直接从图片的内容入手。如图2.5-24所示,将人物图片放置在版面上方,为其他信息的表达提供了足够的表现空间。人物的眼神引导观看者将注意力放置在人物左手中的化妆品上,自然而然地引出了广告所要宣传的对象。
3.面积的编排
图2.5-24 化妆品的海报设计
在版式设计中,可将不同规格的图片要素组合在一起,利用图片间面积上的对比关系来丰富版式的布局结构,提升或削弱图片要素的表现力,使版面表现出不同的视觉效果。
运用均等的图片面积来帮助版面营造平衡的视觉氛围,与此同时,凭借这些图片在面积上的微妙变化来打破规整的版式结构,使画面显得更具活力。
在版式的编排设计中,缩小图片在面积比例上的差异程度可以打造出充满均衡感的版式空间,营造平衡的视觉氛围。凭借这些图片在面积上的微妙变化来打破规整的版式结构,使画面显得更具活力。如图2.5-25所示,运用女性的身躯加上不同的动作和背景设计出来的英文字体,带给人们舞台剧的感受,肢体语言十分丰富。
图2.5-25 英文字体设计
将版面中的图片设定为同等大小,可以利用相等的图片面积来提升版式结构的规整感。该类编排手法的主要特征为严谨的排列结构与规整的版面布局,因此通常被用在那些极具正式性的时事报刊中。如图 2.5-26 所示,在版面的左上方放置主题图片,形成版面重心,可有效吸引观看者的视线。将若干相关的系列图片以相同的尺寸、编排形式摆增强版面中图片面积的对比效果,可以帮助图片要素划分出明确的主次关系。
图2.5-26 英文报纸的版式设计
散状排列的手法能带给观看者以轻松、活泼的视觉感受。
放在版面底部,形成严谨与规整的版面布局。
在版式的编排设计中,将具有明显面积差异的图片安排在一起,利用物象在面积上的对比来突出相应的图片要素,从而达到宣传主题信息的目的。增强版面中图片面积的对比效果,可以帮助图片要素划分出明确的主次关系。因此该类编排手法通常被运用到一些以图片为主的刊物中,如时尚杂志、画册等。如图2.5-27所示,版面中分别在左下角和右侧放置了两张在面积对比上十分明显的图片,使版面图片划分出明确的主次关系。版面整体为黑白灰色调,中部粉色的圆形起到了活跃版面氛围的作用。
图2.5-27 英文书籍的版式设计
4.组合的编排
在图形编排设计中,图形的组合排列分为两种,即散状排列和块状排列。可针对不同的版式题材和画面中图片要素的数量来选择适宜的排列方式,从而打造出富有表现力的版式空间。
散状排列是指将图片要素以散构的形式排列在版面中,以形成自由的版式结构。该类编排手法没有固定的排列法则,只要求图片的排列位置尽量分散,追求整体的无拘束感。因此,该类排列手法能带给观看者以轻松、活泼的视觉感受。如图2.5-28所示,结合塞浦路斯当地的人文特色和地理条件,将人物系列插画与摄影作品相结合,图片以散构的形式排列在版面中,形成轻松、自由、活泼的版式结构。
块状排列是指将版面中的图片要素以规整的方式进行排列,使画面表现出强烈的秩序性与简洁性。
图2.5-28 塞浦路斯航空公司海报
块状排列是指将版面中的图片要素以规整的方式进行排列,使画面表现出强烈的秩序性与简洁性。相比于散状排列来讲,该种排列形式就显得严谨了许多,它不仅使图片组合形成了一个整体,同时还将版面中图片与文字的界限划分得十分清楚,以便于观看者对相关信息进行筛选。如图2.5-29所示,版面中的图片以规整的方式进行竖向排列,表现出了块状排列的特点。将图片全部摆放在版面的左侧,使版面产生向左的视觉吸引力。
图2.5-29 英文网页设计
5.动态的编排
通过将图片倾斜放置,或将若干张图片按照一定的路径排列成倾斜的构图等方法,也可以打破平衡以强化图片的动感。
通过网格的分割,能够使版面中的各种构成元素层次分明。
具有动感的图片可以让人感受到一种跃动的韵律。每张图片都会由于拍摄对象动作强弱的不同而产生不同程度的动感效果。根据被拍摄物体动感的强弱,可以控制版面整体的运动感或稳定感。此外,通过将图片倾斜放置,或将若干张图片按照一定的路径排列成倾斜的构图等方法,也可以打破平衡以强化图片的动感。如图2.5-30所示,版面上极速坠落的死亡蝴蝶构成视觉的重心,冲击感十足,向观看者形象传达了原子弹爆炸给生态系统带来的毁灭性破坏,呼吁人们牢记历史,珍惜和平。
图2.5-30 海报设计