第三章 图片编排与图形的编排.ppt

1、版式设计 Layout Design,第三章 图片与图形的编排,第一节 图片的编排幻灯片 3,第二节 图形的编排幻灯片 20,第三节 图片、图形的编排技巧幻灯片 29,一、图片的基本编排,二、图片形式对版面编排的影响,第一节 图片的编排,三、图片的裁剪,一、图片的基本编排,（三）图片的方向,（二）图片大小及位置关系,（一）图片的组合,（一）图片的组合 1图片数量对版面效果的影响 图片数量直接影响到版面效果，也影响到读者的阅读兴趣。一般来说，图片数量较多的版面更能引起读者的阅读兴趣。但也不能纯粹为了吸人眼球而滥用图片，应根据具体的版面需求来决定图片的数量，如下图所示。,2图片不同的组合编排 图片

2、的组合编排是将若干图片合理地编排在同一个版面上，形成一个新的结构样式，并将信息传递给观者。它的主要表现形式为图文组合及图片之间的组合，这里主要讲图片间的组合，图文编排组合将在第四章作详细讲解。最常见的图片组合方法如下图所示。,（二）图片大小及位置关系 1放大含有重要信息的图片 在版式设计中，应将含有重要信息的图片放大，因为大尺寸的图片通常更能引起读者注意。同时缩小次要图片，这种图片编排能形成版面层次感。对图片进行一定程度上的协调统一，将图片大致分为大、中、小三个级别，还能制造版面节奏感，如下图所示。,2调整图片的位置，突出主要信息 版面的上下、左右以及对角线上都是视觉的焦点。因此将重要的图片放

3、置在这些位置，可以突出主题，增强视觉冲击力，如下图所示。,3图片的对齐方式 常见的图片对齐方式有上对齐、下对齐、左对齐和右对齐四种方式。其中，使用最频繁是左对齐，因为这种对齐方式最符合人们的阅读习惯。同时，对齐也是创造视觉美感的方法，能使版面显得井然有序，如下图所示。,（三）图片的方向 图片本身是不具备方向性的，方向是由图片上主体所呈现的方向决定的，如物体的造型、倾斜方向、人物的动作、面部朝向以及视线等，都可以使读者感受到图片的方向性与运动感，从而使版面有一种跃动感，如下图所示。,图片方向不但能起到引导视线的作用，同时，还能保持版面的平衡感和逻辑性。比如图片人物视线一般朝向版面内部，这样会有一

4、种稳定感;谈话类内容的版面中，图片人物视线一般相对，以便形成一种交流的感觉，如下图所示。,二、图片形式对版面编排的影响,（三）出血图片,（二）去底图与特写图,（一）方形图与圆形图的运用,（一）方形图与圆形图的运用 方形图是最常见一种图片形式，一般通过照相机、扫描仪等途径获得。方形图构成的版面给人大气而平稳的视觉印象；圆形图片削弱了方形图片四角的锐利感，呈现出更加圆润、柔和的视觉印象，使版面充满轻松、活泼之感，如下图所示。,（二）去底图与特写图 去底就是删除图片背景，使图片主体独立呈现的一种方式。这种方式能轻松、灵活地运用图片，使画面空间感强烈，版面灵活多变;需要注意的是，在裁切图片时应将背景剪

5、裁彻底，否则会在物体边缘留下难看的杂边。此外，对图片主体的特写、拉近并对图片进行合理地裁切，能使一张普通的图片呈现出精彩的画面效果，令人惊喜，如下图所示。,（三）出血图片 出血图片是将图片超出整个版面的编排处理，它没有边框的束缚，使版面具有一种向外的张力，同时还有一种运动感。出血图片拉近了版面与读者的距离，增加版面的联想性，丰富版面内容，如下图所示。,2线框的运用 （1）版面的分割与限定 利用线框对版面空间进行分割和限定，能使版面具有一种被限制的紧张感，并使版面划分出明确的阅读区域，提高阅读效率;线框还影响着版面结构，通过线框的组织和限定，将版面元素进行规则设计，使版面更加稳定，具有很强的理性

6、秩序感，使阅读更流畅，如下图所示。,三、图片的裁剪 1放大裁剪图片 放大裁剪图片是截取图片中的某一部分，形成了局部放大的效果，以减少图片多余信息，这种方法能有效地将读者视线集中到想要展示的内容上；需要注意的是，裁剪后的图片应有足够大的分辨率，以保证印刷成品的清晰度，如下图所示。,2通过剪裁删除多余图像 剪裁删除多余的图像是将多余的部分删除以完善图片效果，使版面效果更协调，如下图所示。需要注意的是，裁剪时应把握好尺度，尽量避免因过度裁剪而删除掉本需要保留的信息，或者因为裁剪不彻底而残留了不需要的信息，给读者带来错误的印象。,3通过裁剪调整图像位置 图片位置的不同给读者带来的视觉印象也不一样。当拍

7、摄的照片原图没有达到预想的效果和排版要求时，可以通过裁剪来调整物体的位置，以突出主题，增强信息传达力度，如下图所示。,一、图形的主要分类及特征,二、图形的基本编排,第二节 图形的编排,一、图形的主要分类及其特征 1简洁的图形 简洁的图形有利于设计的准确性和清晰性，能使版面重点突出，视觉效果得到优化，如下图所示。,2夸张的图形 夸张的图形能直接、鲜明地揭示事物本质，增强艺术传达效果，赋予版面新奇而变化的情趣，使版面效果更加生动，如下图所示。,3具象图形 具象图形是写实性与装饰性的结合，这样的图形给人带来一种亲切感，留下直观的视觉印象，使版面构成一目了然，如下图所示。,4抽象图形 抽象图形运用简单

8、的点、线、面等元素提炼而成，它体现的是事物本质的特性，是规律的概括。抽象图形为版面营造了想象空间，引导读者去联想与体味，使版面具有一种广阔感和深远感，并富有时代气息，如下图所示。,5符号性图形 符号性图形是一种高度凝练和概括的图形，其本质就是一种视觉符号。含蓄的图形符号暗示与启发观者产生联想，进而揭示内在的设计意图，如下图所示。,6文字性图形 文字性图形包括图形文字和文字图形两层意思，其中，图形文字是指将文字用图形的形式表现出来，最常见的是文字类的logo设计；而文字图形是利用文字作为基本构成元素形成图形，进而构成版面，使版面图文并茂，如下图所示。,二、图形的基本编排 1图形的编排布局 图形的

9、版面布局应具有整体性和简洁性。同时可以增强图形与图形、图形与背景的对比，进而提升版面张力，突出设计重点，增添版面趣味性，如下图所示。,2图形形状的应用 图形按其形状可分为规整的几何形和活泼的自由形，其中几何形给人一种严肃整齐之感；而自由形则没有特定的规律可循，是根据版面视觉的编排情况而定的，版面编排更为灵活，如下图所示。,一、图片的动态编排,二、肌理图片的应用,第三节 图片、图形的编排技巧,三、一图多用和两次图的应用,一、图片的动态编排 图片的动感可以由拍摄对象的动势来体现，还可以通过将图片倒置、倾斜或将若干图片按照一定的路径编排等方法，来打破平衡以增强动感，使版面更加生动和丰富，如下图所示。,二、肌理图片的应用 肌理体现物质的表面特征，使人产生触觉感受，凸显视觉质感，丰富视觉感受。合理地将肌理图片应用在设计作品中，能丰富版面的艺术表现力，增加版面