版式设计
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

2.5.1 采取恰当的图片处理技巧以有效地传递信息

图片的大小和位置关系将直接影响信息传递的先后顺序,这也是图片分类的一个标准。根据图片的功能及内容可以确定其大小及编排位置,以有效地传递信息。如图2.5-1所示为图片的处理方式。

1.角版图片

图2.5-1 图片的处理方式

角版图片又称方形图片,它们在外形上呈现正方形或矩形的样子,这类图片大多由摄影器材拍摄所得。角版图片是生活中较常见的一种图片形式,它拥有规整的外形结构,并能维持版面结构的平衡关系,因此常被运用到书刊、杂志等商业领域。

在版式设计中,将规格不同的角版图片编排到同一个版面中,利用图片在外形上的对比关系来增添版面的变化效果,打破呆板的版式格局,从而提高观看者对版面的感知兴趣。如图2.5-2所示的IMDB网页设计中,将多张图片等量地安排在一个版面上,可使众多内容一目了然。

由于角版图片具备简洁的外形,因此它能最大限度地突出图片中的视觉信息。在版式的编排设计中,为了进一步强调图片的内容,可将外形完全相同的角版图片组合在一起,以规整的形式编排到版面中,利用整齐且直观的编排方式来提升画面的统一感。如图2.5-3所示,尺寸大小相同的角版图片规整地排列在版面中,以打造出规范严谨的版式结构。通过模特的各种肢体造型表现出英文的26个字母,给人有趣、活泼的感觉。图版率是版面中图片与文字在面积上的比例。图版率的高低由版面中图片的实际面积决定。

2.图版率

图版率是版面中图片与文字在面积上的比例。图版率的高低由版面中图片的实际面积决定。设计者会根据设计对象的需求来设定该页的图版率。

图2.5-2 IMDB网页设计

除此之外,图版率还是影响版面视觉效果的重要因素。利用图版率来调节文字与图片之间的空间关系,可通过不同的组合方式,使画面表达出相应的主题情感。

图2.5-3 杂志的海报设计

随着生活节奏的不断加快,人们的阅读时间变得越来越少,因此,那些文字少、图版率高的版式作品往往最先引起观看者的阅读兴趣。然而,并不是所有的版式作品都以高图版率为设计目标,那些以文字为主要表达对象的版面,其图版率就显得相对较低。

在低图版率的版面中,观看者将面对大量的文字信息,此时图片在版面中起到调节的作用。

高图版率是指版面中的图片占据了大量的面积,成为画面的主导元素。在高图版率的版面中,文字信息变得相对较少,而大篇幅的图片元素能在视觉上呈现给人们更多的内容与信息,并能产生一种阅读的活力。通过这种编排方法,能有效地增强版面的传播能力。如图2.5-4所示,图片占据了大量的版面面积,成为画面的主导元素,有效地增强了版面信息的传播效果。

图2.5-4 冰淇淋的海报

低图版率就是指图片在版面中占据的面积相对较少,此时,文字内容自然就变得丰富起来。在低图版率的版面中,观看者将面对大量的文字信息,此时图片在版面中起到调节的作用。通过少量的图片内容来丰富版式的结构,从而避免过多的文字信息在视觉上带给人们的疲劳感。如图2.5-5所示,占据版面大部分面积的段落文字给人以丰满的感觉。

图2.5-5 英文书籍的版式设计

出血线的作用主要表现为在进行成品裁剪时,通过将版面中的有效信息安排在出血线内,以确保色彩覆盖版面中所有要表达的区域。

适中的图版率是指在同一版面中图片与文字要素的面积比例应为1:1的关系。需要注意的是,这种等量比例是相对的,可利用文字与图片在面积比例上的等量关系来维持版式结构的均衡感,使两者均得到有效的强调。

3.出血图片

出血线即印刷术语中的“出血位”,它的作用主要表现为在进行成品剪裁时,通过将版面中的有效信息安排在出血线内,以确保色彩覆盖版面中所有要表达的区域。除此以外,还可以利用印刷中的出血线来进行创作,以此打造出具有独特魅力的版式效果。

出血线的标准是经过精密计算的。在印刷中,不同规格的纸张有着不同的出血标准。对图片进行标准的出血剪裁,去除多余部分的图片,将有价值的视觉信息保留在版面中,从而提升图片要素的表现力。如图 2.5-6 所示,对图片进行有针对性的裁切,将最能表现主题的鲜活商品满版保留,更能表现出“鲜·美·生活”的品牌诉求。

图2.5-6 盒马的生鲜广告

在进行出血图片处理时,一般情况下会将图片的四边多留出3mm,以避免由于剪裁造成图片偏小而漏出页面的白底,进而影响画面的效果。如果希望某些图片更加引人注目时,可以对图片进行出血处理,通过将图片放大至超过页面大小的程度,使页面显得更加宽广。需要注意的是,不能将图片中的重要内容放在订口处,以免装订时对其造成破坏。

在对版面的编排设计中,可以在出血线以外的区域加入其他的视觉信息,从而丰富图片的边缘结构。例如,在出血线外加上黑色的边框,利用该边框元素来加强图片内容的表述能力。与此同时,还使画面四周达到整洁、美观的效果。如图2.5-7所示的Formula E电动方程式赛事海报,利用边框使图片得到突出和强调的效果。同时,赛车又从图片边框中突出一部分,营造出了速度感。

图2.5-7 Formula E电动方程式赛事海报

处理图片出血时,如果对图片的剪裁不当,并一味地压缩页边距,就会使页面形成不透气的感觉,这样的处理会对版面效果造成负面的影响。因此,设计时应注意不要将页面的四边全部填满,可以在对角线的位置上留有一些空间。如图2.5-8所示,在英文名片的版式设计中,将版面的边角部分进行了大幅留白的处理,形成通透的版面空间感。

去背图片是指将图片中的某个视觉要素沿着边缘进行剪裁,以此将该要素从图片中“抠”出来,从而形成去背图片的样式。通过对图片进行去背处理,使该图片的视觉形象得到提炼,并使图片要素变得更加鲜明。

4.调整位置

图2.5-8 英文名片的版式设计

通过调整图片的位置关系,可以控制观看者浏览图片的先后顺序。版面的左上角是视线走向的第一个焦点,将重要的图片放在此位置,可以凸显主题,并令这个版面层次清晰,视觉冲击力强。此外,如果将某张图片与其他若干张图片的间隔扩大,那么这张图片也会相对变得显眼,会让观看者将其视为特殊内容来关注。如图2.5-9所示,在对角线上安置图片要素,可以支配整个页面的空间,能起到相互呼应的作用,具有平衡性。

图2.5-9 网页设计

5.去背

去背图片(褪底图片)是指将图片中的某个视觉要素沿着边缘进行剪裁,以此将该要素从图片中“抠”出来,从而形成去背图片的样式。在图片处理中,通过对图片进行去背处理,使该图片的视觉形象得到提炼,并使图片要素变得更加鲜明。

在实际的版式设计中,去背图片能有效地突出其内容,并将观看者的视线集中在该视觉要素上,使主题信息得到完美的展现。

去背图片能使主体物的视觉形象变得更为鲜明,为了进一步增强该类图片在版面中的表现力,将做过去背处理的图片与常规图片组合在一起,利用松散的图片结构关系打造出具有视觉冲击力的版式效果。如图2.5-10所示,将去背图片与常规图片编排在一起,使版面具有变化性,增添了趣味。图片与文字以随意的方式编排在版面中,体现出版面结构的特点。

图2.5-10 家具宣传册内页版式设计

图片进行去背处理时,务必要做到严谨与细心,以保证主体物彻底地从背景中抽离出来,从而确保去背图片的美观性。在实际的版式设计中,去背图片能有效地突出其内容,并将观看者的视线集中在该视觉要素上,使主题信息得到完美的展现。如图2.5-11所示,将完全去除背景的人物头像满版放置,从表现形式和编排上加强了主题图片的表现力。将人物头像图片进行黑白色调处理,形成人物头像叠加的效果,对比十分强烈。

通过对图片的特定区域进行剪裁处理,将有价值的视觉信息保留在版面中,并利用该要素帮助画面完成对主题信息的阐述。

图2.5-11 guinness黑啤广告设计

6.剪裁

通过对图片的特定区域进行剪裁处理,将有价值的视觉信息保留在版面中,并利用该要素帮助画面完成对主题信息的阐述。在实际的设计过程中,虽然图片的剪裁方式有很多种,但剪裁图片的目的只有一个,就是要突出图片中与主题有直接关系的视觉要素。

首先,利用剪裁图片来完成对视觉要素的缩放,并强调版面中的主体物。如图2.5-12所示,画面沿用电影的黑白色调,一丝丝细雨不断地落在小男孩身上,而小男孩的眼神中既没有快乐也没有悲伤,仿佛是看透了什么,正如这部电影给人的感受那般—既沉重又空虚。

图2.5-12《撒旦探戈》的电影海报

在处理版面中的图片时,通过对图片进行剪裁还能控制画面中各视觉要素间的大小比例,并根据物象间的比例关系来区分版面信息的主次关系,从而提高图片表述主题的能力。剪裁图片时一定要时刻保持清晰的思路,以免因失误而将与主题有关的视觉信息删除。如图2.5-13所示相机的版式设计,将不同的相机图片进行去背处理,使其形象突出。

图2.5-13 相机的版式设计

除此之外,还可以对版面中的主体物进行剪裁,并将该主体物的局部放置在画面中,以构成风格独特的视觉效果。最常见的剪裁对象有人物、动物和建筑等元素,结合特定的剪裁与排列方式,该类图片能在视觉上形成切入式的构图样式。如图2.5-14所示,通过剪裁将汽车头部保留在版面中,构成切入式的编排效果。将背景颜色设置为浅灰色,与人物精致、正式的着装和色彩艳丽的汽车色彩形成呼应,以营造出高级的版面感。

图2.5-14 汽车广告

在版式设计中,可以通过对图片进行位置、所占面积、数量与形式等方面的调控来改变版式的格局与结构,最终使画面呈现出理想的视觉效果。