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

1、L/O/G/O第三章 图片编排与图形的编排第三章第三章 图片与图形的编排图片与图形的编排第一节第一节 图片的编排图片的编排幻灯片幻灯片 3 3第二节第二节 图形的编排图形的编排幻灯片幻灯片 2020第三节第三节 图片、图形的编排技巧图片、图形的编排技巧幻灯片幻灯片 2929一、图片的基本编排一、图片的基本编排二、图片形式对版面编排的影响二、图片形式对版面编排的影响第一节第一节 图片的编排图片的编排三、图片的裁剪三、图片的裁剪一、图片的基本编排一、图片的基本编排（三）图片的方向（三）图片的方向（二）图片大小及位置关系（二）图片大小及位置关系（一）图片的组合（一）图片的组合（一）图片的组合（一）图

2、片的组合1 1图片数量对版面效果的影响图片数量对版面效果的影响图片数量直接影响到版面效果，也影响到读者的阅读兴趣。一般来说，图片数量图片数量直接影响到版面效果，也影响到读者的阅读兴趣。一般来说，图片数量较多的版面更能引起读者的阅读兴趣。但也不能纯粹为了吸人眼球而滥用图片，应根较多的版面更能引起读者的阅读兴趣。但也不能纯粹为了吸人眼球而滥用图片，应根据具体的版面需求来决定图片的数量，如下图所示。据具体的版面需求来决定图片的数量，如下图所示。2 2图片不同的组合编排图片不同的组合编排图片的组合编排是将若干图片合理地编排在同一个版面上，形成一个新的结构样图片的组合编排是将若干图片合理地编排在同一个版

3、面上，形成一个新的结构样式，并将信息传递给观者。它的主要表现形式为图文组合及图片之间的组合，这里主式，并将信息传递给观者。它的主要表现形式为图文组合及图片之间的组合，这里主要讲图片间的组合，图文编排组合将在第四章作详细讲解。最常见的图片组合方法如要讲图片间的组合，图文编排组合将在第四章作详细讲解。最常见的图片组合方法如下图所示。下图所示。（二）图片大小及位置关系（二）图片大小及位置关系1 1放大含有重要信息的图片放大含有重要信息的图片在版式设计中，应将含有重要信息的图片放大，因为大尺寸的图片通常更能引起在版式设计中，应将含有重要信息的图片放大，因为大尺寸的图片通常更能引起读者注意。同时缩小次要

4、图片，这种图片编排能形成版面层次感。对图片进行一定程读者注意。同时缩小次要图片，这种图片编排能形成版面层次感。对图片进行一定程度上的协调统一，将图片大致分为大、中、小三个级别，还能制造版面节奏感，如下度上的协调统一，将图片大致分为大、中、小三个级别，还能制造版面节奏感，如下图所示。图所示。2 2调整图片的位置，突出主要信息调整图片的位置，突出主要信息版面的上下、左右以及对角线上都是视觉的焦点。因此将重要的图片放置在这些版面的上下、左右以及对角线上都是视觉的焦点。因此将重要的图片放置在这些位置，可以突出主题，增强视觉冲击力，如下图所示。位置，可以突出主题，增强视觉冲击力，如下图所示。3 3图片的

5、对齐方式图片的对齐方式常见的图片对齐方式有上对齐、下对齐、左对齐和右对齐四种方式。其中，使用常见的图片对齐方式有上对齐、下对齐、左对齐和右对齐四种方式。其中，使用最频繁是左对齐，因为这种对齐方式最符合人们的阅读习惯。同时，对齐也是创造视最频繁是左对齐，因为这种对齐方式最符合人们的阅读习惯。同时，对齐也是创造视觉美感的方法，能使版面显得井然有序，如下图所示。觉美感的方法，能使版面显得井然有序，如下图所示。（三）图片的方向（三）图片的方向图片本身是不具备方向性的，方向是由图片上主体所呈现的方向决定的，如物体图片本身是不具备方向性的，方向是由图片上主体所呈现的方向决定的，如物体的造型、倾斜方向、人物

6、的动作、面部朝向以及视线等，都可以使读者感受到图片的的造型、倾斜方向、人物的动作、面部朝向以及视线等，都可以使读者感受到图片的方向性与运动感，从而使版面有一种跃动感，如下图所示。方向性与运动感，从而使版面有一种跃动感，如下图所示。图片方向不但能起到引导视线的作用，同时，还能保持版面的平衡感和逻辑性。图片方向不但能起到引导视线的作用，同时，还能保持版面的平衡感和逻辑性。比如图片人物视线一般朝向版面内部，这样会有一种稳定感比如图片人物视线一般朝向版面内部，这样会有一种稳定感; ;谈话类内容的版面中，谈话类内容的版面中，图片人物视线一般相对，以便形成一种交流的感觉，如下图所示。图片人物视线一般相对，

7、以便形成一种交流的感觉，如下图所示。二、图片形式对版面编排的影响二、图片形式对版面编排的影响（三）出血图片（三）出血图片（二）去底图与特写图（二）去底图与特写图（一）方形图与圆形图的运用（一）方形图与圆形图的运用（一）方形图与圆形图的运用（一）方形图与圆形图的运用方形图是最常见一种图片形式，一般通过照相机、扫描仪等途径获得。方形图构方形图是最常见一种图片形式，一般通过照相机、扫描仪等途径获得。方形图构成的版面给人大气而平稳的视觉印象；圆形图片削弱了方形图片四角的锐利感，呈现成的版面给人大气而平稳的视觉印象；圆形图片削弱了方形图片四角的锐利感，呈现出更加圆润、柔和的视觉印象，使版面充满轻松、活泼

8、之感，如下图所示。出更加圆润、柔和的视觉印象，使版面充满轻松、活泼之感，如下图所示。（二）去底图与特写图（二）去底图与特写图去底就是删除图片背景，使图片主体独立呈现的一种方式。这种方式能轻松、灵去底就是删除图片背景，使图片主体独立呈现的一种方式。这种方式能轻松、灵活地运用图片，使画面空间感强烈，版面灵活多变活地运用图片，使画面空间感强烈，版面灵活多变; ;需要注意的是，在裁切图片时应需要注意的是，在裁切图片时应将背景剪裁彻底，否则会在物体边缘留下难看的杂边。此外，对图片主体的特写、拉将背景剪裁彻底，否则会在物体边缘留下难看的杂边。此外，对图片主体的特写、拉近并对图片进行合理地裁切，能使一张普通

9、的图片呈现出精彩的画面效果，令人惊喜，近并对图片进行合理地裁切，能使一张普通的图片呈现出精彩的画面效果，令人惊喜，如下图所示。如下图所示。（三）出血图片（三）出血图片出血图片是将图片超出整个版面的编排处理，它没有边框的束缚，使版面具有一出血图片是将图片超出整个版面的编排处理，它没有边框的束缚，使版面具有一种向外的张力，同时还有一种运动感。出血图片拉近了版面与读者的距离，增加版面种向外的张力，同时还有一种运动感。出血图片拉近了版面与读者的距离，增加版面的联想性，丰富版面内容，如下图所示。的联想性，丰富版面内容，如下图所示。2 2线框的运用线框的运用（1 1）版面的分割与限定）版面的分割与限定利用

10、线框对版面空间进行分割和限定，能使版面具有一种被限制的紧张感，并使利用线框对版面空间进行分割和限定，能使版面具有一种被限制的紧张感，并使版面划分出明确的阅读区域，提高阅读效率版面划分出明确的阅读区域，提高阅读效率; ;线框还影响着版面结构，通过线框的组线框还影响着版面结构，通过线框的组织和限定，将版面元素进行规则设计，使版面更加稳定，具有很强的理性秩序感，使织和限定，将版面元素进行规则设计，使版面更加稳定，具有很强的理性秩序感，使阅读更流畅，如下图所示。阅读更流畅，如下图所示。三、图片的裁剪三、图片的裁剪1 1放大裁剪图片放大裁剪图片放大裁剪图片是截取图片中的某一部分，形成了局部放大的效果，以

11、减少图片多放大裁剪图片是截取图片中的某一部分，形成了局部放大的效果，以减少图片多余信息，这种方法能有效地将读者视线集中到想要展示的内容上；需要注意的是，裁余信息，这种方法能有效地将读者视线集中到想要展示的内容上；需要注意的是，裁剪后的图片应有足够大的分辨率，以保证印刷成品的清晰度，如下图所示。剪后的图片应有足够大的分辨率，以保证印刷成品的清晰度，如下图所示。2 2通过剪裁删除多余图像通过剪裁删除多余图像剪裁删除多余的图像是将多余的部分删除以完善图片效果，使版面效果更协调，剪裁删除多余的图像是将多余的部分删除以完善图片效果，使版面效果更协调，如下图所示。需要注意的是，裁剪时应把握好尺度，尽量避免

12、因过度裁剪而删除掉本如下图所示。需要注意的是，裁剪时应把握好尺度，尽量避免因过度裁剪而删除掉本需要保留的信息，或者因为裁剪不彻底而残留了不需要的信息，给读者带来错误的印需要保留的信息，或者因为裁剪不彻底而残留了不需要的信息，给读者带来错误的印象。象。3 3通过裁剪调整图像位置通过裁剪调整图像位置图片位置的不同给读者带来的视觉印象也不一样。当拍摄的照片原图没有达到预图片位置的不同给读者带来的视觉印象也不一样。当拍摄的照片原图没有达到预想的效果和排版要求时，可以通过裁剪来调整物体的位置，以突出主题，增强信息传想的效果和排版要求时，可以通过裁剪来调整物体的位置，以突出主题，增强信息传达力度，如下图所

13、示。达力度，如下图所示。一、图形的主要分类及特征一、图形的主要分类及特征二、图形的基本编排二、图形的基本编排第二节第二节 图形的编排图形的编排一、图形的主要分类及其特征一、图形的主要分类及其特征1 1简洁的图形简洁的图形简洁的图形有利于设计的准确性和清晰性，能使版面重点突出，视觉效果得到优简洁的图形有利于设计的准确性和清晰性，能使版面重点突出，视觉效果得到优化，如下图所示。化，如下图所示。2 2夸张的图形夸张的图形夸张的图形能直接、鲜明地揭示事物本质，增强艺术传达效果，赋予版面新奇而夸张的图形能直接、鲜明地揭示事物本质，增强艺术传达效果，赋予版面新奇而变化的情趣，使版面效果更加生动，如下图所示

14、。变化的情趣，使版面效果更加生动，如下图所示。3 3具象图形具象图形具象图形是写实性与装饰性的结合，这样的图形给人带来一种亲切感，留下直观具象图形是写实性与装饰性的结合，这样的图形给人带来一种亲切感，留下直观的视觉印象，使版面构成一目了然，如下图所示。的视觉印象，使版面构成一目了然，如下图所示。4 4抽象图形抽象图形抽象图形运用简单的点、线、面等元素提炼而成，它体现的是事物本质的特性，抽象图形运用简单的点、线、面等元素提炼而成，它体现的是事物本质的特性，是规律的概括。抽象图形为版面营造了想象空间，引导读者去联想与体味，使版面具是规律的概括。抽象图形为版面营造了想象空间，引导读者去联想与体味，使

15、版面具有一种广阔感和深远感，并富有时代气息，如下图所示。有一种广阔感和深远感，并富有时代气息，如下图所示。5 5符号性图形符号性图形符号性图形是一种高度凝练和概括的图形，其本质就是一种视觉符号。含蓄的图符号性图形是一种高度凝练和概括的图形，其本质就是一种视觉符号。含蓄的图形符号暗示与启发观者产生联想，进而揭示内在的设计意图，如下图所示。形符号暗示与启发观者产生联想，进而揭示内在的设计意图，如下图所示。6 6文字性图形文字性图形文字性图形包括图形文字和文字图形两层意思，其中，图形文字是指将文字用图文字性图形包括图形文字和文字图形两层意思，其中，图形文字是指将文字用图形的形式表现出来，最常见的是文

16、字类的形的形式表现出来，最常见的是文字类的logologo设计；而文字图形是利用文字作为基本设计；而文字图形是利用文字作为基本构成元素形成图形，进而构成版面，使版面图文并茂，如下图所示。构成元素形成图形，进而构成版面，使版面图文并茂，如下图所示。二、图形的基本编排二、图形的基本编排1 1图形的编排布局图形的编排布局图形的版面布局应具有整体性和简洁性。同时可以增强图形与图形、图形与背景图形的版面布局应具有整体性和简洁性。同时可以增强图形与图形、图形与背景的对比，进而提升版面张力，突出设计重点，增添版面趣味性，如下图所示。的对比，进而提升版面张力，突出设计重点，增添版面趣味性，如下图所示。2 2图

17、形形状的应用图形形状的应用图形按其形状可分为规整的几何形和活泼的自由形，其中几何形给人一种严肃整图形按其形状可分为规整的几何形和活泼的自由形，其中几何形给人一种严肃整齐之感；而自由形则没有特定的规律可循，是根据版面视觉的编排情况而定的，版面齐之感；而自由形则没有特定的规律可循，是根据版面视觉的编排情况而定的，版面编排更为灵活，如下图所示。编排更为灵活，如下图所示。一、图片的动态编排一、图片的动态编排二、肌理图片的应用二、肌理图片的应用第三节第三节 图片、图形的编排技巧图片、图形的编排技巧三、一图多用和两次图的应用三、一图多用和两次图的应用一、图片的动态编排一、图片的动态编排图片的动感可以由拍摄

18、对象的动势来体现，还可以通过将图片倒置、倾斜或将若图片的动感可以由拍摄对象的动势来体现，还可以通过将图片倒置、倾斜或将若干图片按照一定的路径编排等方法，来打破平衡以增强动感，使版面更加生动和丰富，干图片按照一定的路径编排等方法，来打破平衡以增强动感，使版面更加生动和丰富，如下图所示。如下图所示。二、肌理图片的应用二、肌理图片的应用肌理体现物质的表面特征，使人产生触觉感受，凸显视觉质感，丰富视觉感受。肌理体现物质的表面特征，使人产生触觉感受，凸显视觉质感，丰富视觉感受。合理地将肌理图片应用在设计作品中，能丰富版面的艺术表现力，增加版面生动性和合理地将肌理图片应用在设计作品中，能丰富版面的艺术表现力，增加版面生动性和趣味性，如下图所示。趣味性，如下图所示。三、一图多用和两次图的应用三、一图多用和两次图的应用一图多用是从原图中截取几组富有美感的局部图片来配合版面设计。它可以延伸一图多用是从原图中截取几组富有美感的局部图片来配合版面设计。它可以延伸设计美感，使版式布局更为协调，赋予版式新的意义；两次图的应用是指将同一张图设计美感，使版式布局更为协调，赋予版式新的意义；两次图的应用是指将同一张图片，通过两种不同的方式填充版面，能给人新颖的视觉美感，如下图所示。片，通过两种不同的方式填充版面，能给人新颖的视觉美感，如下图所示。