图片与图形的编排

第3章文字与图形的版面构成

3.1文字的编排3.2图片与图形的编排课题概述：本章主要介绍版式设计的字体与图形，通过对版式设计文字与图片的编排的学习，从而深入了解文字与图形在具体版面中的具体表现与运用。教学目标：文字与图形是构成版式设计的主要设计元素，通过对文字的编排以及图片与图形的编排的学习，能够了解其主要表现形式，在实际版式设计中能够熟练运用。章节重点：了解文字与图形在编排过程中的具体表现以及通过编排方式的不同对版面产生什么样的视觉效果。3.2图片与图形的编排

图形是对穿插于正文中的照片、绘画、插图、漫画平面表现图的总称。图片在版面构成中，占有很大的比重，视觉冲击力比文字强85%；也有这样一说：一幅图片胜于千字。但这并非语言或文字表现力减弱了，而是因为图片能具体而直接地把我们的意念表现出来，使本来平淡的事物变成强而有力的画面，充满了更强烈的创造性。图48图形的比例图49图形的比例得出结论：比例越小越显得画面的稳定与安静；比例越大则表现出画面的强烈视觉冲击。3.2.1图形的比例和分布图形的比例与分布，影响整个画面的跳跃率，所谓跳跃率，就是画面中最小面积的图形与最大面积的图形之间的比率。图形之间的比例大小不仅在于图形本身的大小，还包括图形本身所含信息量的大小。图片根据版面的需要分布在版面当中，因此要注意图片与图片之间的位置关系，图片在版面当中的编排会影响到版面的视觉效果，有些图片在版面当中分布的过于杂乱，版面也会显得杂乱无主题，统一图片分布，可以使得版面显得整齐。3.2.2图形形状的应用在版式设计中，图形的不同运用可以改变整个画面的节奏与情感。图形可以是方形的，也可以是自由形的。根据版面的需求决定需要排列的图形的形状，方形的运用使画面更稳定，增强了画面理性的感觉。自由形可以是任何形状，比如：圆形、植物的外形、抽象形态等，表现出一种活跃的画面气氛。方形图形方形图式，是图片中最基本、最简单、最常见的表现形式。它能完整地传达诉求主题，富有直接性、亲和性。构成后的版面稳重、安静、严谨、大方，较容易与读者沟通。

方形图被四周边框限定，显得冷静、理性而具有条理性。

圆形图给人亲切舒服感。为了强调版面效果，用白色线框在图片四周划定，与周围环境和标题字相呼应，使版面整体协调。图50四边形图形的编排图51自由形图形的编排3.2.3图片的应用和排列图片在版面中的位置直接影响到版面的构图布局，版面中的上下左右及对角线的四角都是视线的焦点。根据视觉焦点合理编排图片，使得整个版面主题明确、层次清晰，具有强烈的视觉冲击力。（1）图片的位置

图片放置的位置，直接关系到版面的构图布局。恰倒好处地安排图片，版面的视觉冲击力就会明显地表露出来。图52图片的位置关系图53图片的位置关系图片的大小面积直接影响着整个版面的视觉传达。一般把主要传达信息的图片进行放大，其他次要的图片缩小，可以使画面整个结构清晰，主次分明。（见图55）（2）图片的面积图55图片的面积

扩大图形的面积，能产生版面的震撼力，能在瞬间传达其内涵.

图的面积小，会产生精密细致的感觉。

把同样大小尺寸的图片并列编排，显得理性且有说服力。同时，左右边的大小图片放置，产生鲜明的对比关系。大图形情感强烈，小图形精密。（3）图片的数量版面中图片数量的多少也直接影响到阅读者的兴趣。如果一个版面上连一张图片都没有，使得整个版面变得枯燥无趣。添加几张图片以后增添了版面跳跃率，使原本无趣的画面恢复活力，变得生动而具有层次。（见图56～图57）图57图片的数量图56图片的数量

十多张图片安排在一个版面中，使读者有了浏览的兴趣，具有经久耐看的功效，受众大多乐意接受这一诉求方式。图片的组合就是把多张图片安排在同一张版面上，它包括块状组合与散点组合。块状组合强调了图片与图片之间的直线、垂直线和水平线的分割，文字与图片相对独立，使组合后的图片整体大方，有秩序化条理。在编排的过程中需要注意的是主次安排，它主要表现为文字与图片的组合、图片与图片的组合。（4）图片的组合

图片按照水平与垂直线的规整组合，具有节奏的韵律美。

图片打散与重新组合，使版面设计意识感强，从而使观众获得视觉的审美享受。

把不同角度的图片组合在一张图中，形成一个整体，这已成为当今设计师们所追求的版面构成效果。a

c

图58图片的组合b

d

（5）图片的方向图59图片的方向图60图片的方向图片的方向性，主要表现在图片本身的画面元素。方向感强则动势强，产生的视觉感应就强，反之则会平淡无奇。图片的方向可以通过图片上人物的姿势、视线等来获得，在选择图片时应该注意到版式的需要。（见图59～图60）

图片的正三角形编排，把读者的视线引向主题，形式感强劲。

图片的倾斜方向，引领读者关注主题，渲染出一种轻松、愉快的气氛。在编排图片时，还应该注意图片的上下位置关系。如图61中，将年长的人物头像放在偏上的位置，画面显得合理自然，如果颠倒两者的上下关系，就会显得不礼貌，如图62所示。（6）图片的上下关系图61图片的上下关系图62图片的上下关系3.2.4图片的去底和特写图片的去底，简单地说就是去掉图片的背景，使图形独立呈现的一种方式。能轻松、灵活的运用图像，使画面空间感更强烈，设计范围更广泛。照片去底不仅可以去除多余复杂的背景，使画面主体更突出，而且去底后的照片可以更和谐的与整个版面设计元素相结合，形成整体、和谐的视觉效果。（见图63）图