图片的编排规则PPT课件VIP

1、.,1,图片的编排规则,2,.,图片的编排规则,图片在版式设计中起着很直观的体现版面的作用，通过对图片的处理，可以展示出不同类型和风格的版面，在明确表达信息的同时更清晰得展现版面的内容。 图片不仅仅起着传递版面的作用，而且好的图片又能使得读者从中获得美的感受。,3,.,图片的编排规则,4,.,图片的编排规则,如何挑选图片 运用图片进行多种组合 通过强调的重点来安排图片的大小 根据图片的外形进行合理编排 掌握图片裁切的要点 图片中的动势及方向性的考虑 图片之间位置关系的考虑 图片与文字的恰当配置 图片的编排规则,学习内容,5,.,图片的编排规则,1、如何挑选图片 图片是有效传达信息的使者。一般来

2、讲，当版面中的图片较少的时候，读者的阅读兴趣会相应降低；当图片较多的时候，阅读兴趣会相应提高。图片在版式设计中的安排非常重要，一张图片可能更具有文字难以描述的视觉表现力。,6,.,图片的编排规则,1、如何挑选图片 注重设计的版式，一般都会对图片的安排精益求精。丰富、色彩鲜艳的图片很容易成为版面的视觉中心，从而形成很强的视觉冲击力。,7,.,图片的编排规则,8,.,图片的编排规则,9,.,图片的编排规则,1、如何挑选图片 图片在版式设计中有如此重要的作用，所以挑选合适的图片也成了版式设计的重点。图片大多数来自摄影，设计师在选择图片的时候可以根据版面所强调的内容选择合适的图片。这类图片大致可以分为

3、静态和动态、近景和远景、整体和局部几种类别。,10,.,图片的编排规则,11,.,图片的编排规则,1、如何挑选图片 静态和动态图片的选择,12,.,图片的编排规则,13,.,图片的编排规则,14,.,图片的编排规则,15,.,图片的编排规则,16,.,图片的编排规则,17,.,图片的编排规则,1、如何挑选图片 近景和远景图片的选择,18,.,图片的编排规则,19,.,图片的编排规则,20,.,图片的编排规则,21,.,图片的编排规则,1、如何挑选图片 整体和局部图片的选择,22,.,图片的编排规则,23,.,图片的编排规则,24,.,图片的编排规则,25,.,图片的编排规则,26,.,图片的编

4、排规则,练习1：静态图片和动态图片的组合 情景：画册设计 规格200*200，2个页面，时间10min,27,.,图片的编排规则,2、运用图片进行多种组合 即使相同的图片，其组合形式也是千变万化的，图片大小、方向的改变就会改变整个版式的效果。 图片的组合形式可以分为两种：规则型和自由型。,28,.,图片的编排规则,2、运用图片进行多种组合 规则型图片组合的特点是图片与图片之间应尽量使用对齐方式，并将所有图片组合的外轮廓统一在一个几何形体中，图片的大小和方向等都会受到一定的限制，这种方式在报纸排版中比较常见。,29,.,图片的编排规则,30,.,图片的编排规则,31,.,图片的编排规则,2、运用

5、图片进行多种组合 规则式的图片组合尽管较为呆板，需要强调和注意的地方很多，在排版中还会受到一定的限制，但是这样的图片组合形式往往能体现出一种权威，给人一种信赖感。,32,.,图片的编排规则,33,.,图片的编排规则,34,.,图片的编排规则,35,.,图片的编排规则,36,.,图片的编排规则,37,.,图片的编排规则,2、运用图片进行多种组合 自由式组合图片的特点是：图片与图片之间没有固定的排列模式，图片的大小、方向等可以根据版面随意进行调整，排版方式较为灵活，杂志排版中有时会用到这种方式。,38,.,图片的编排规则,39,.,图片的编排规则,2、运用图片进行多种组合 自由式组合的图片组合方式

6、虽然没有受到任何限制，排版也较为灵活，给人一种轻松感，但是不适合大多数的排版要求。,40,.,图片的编排规则,41,.,图片的编排规则,42,.,图片的编排规则,43,.,图片的编排规则,44,.,图片的编排规则,45,.,图片的编排规则,练习2：图片的自由式组合 情景：儿童画册设计 规格200*200，2P，时间：10min,46,.,图片的编排规则,练习3：图片的规则式组合 情景：报纸版式编排 参考规格297*420，1P，时间：10min,47,.,图片的编排规则,3、通过强调的重点来安排图片的大小 在进行页面内容分类的时候，可以通过图片的功能及内容来确定图片排列的先后顺序。图片排列的先

7、后顺序是排版设计工作中的重要环节，如果图片的先后顺序安排不合理，就会看不出文章的方向性，造成与编辑的意图相悖的页面效果。 如何确定版面的重点，一方面要根据客户的要求，重点突出客户强调的部分；另一方面，设计人员可以在客户提供的图片素材中筛选，从颜色、构图、立意等方面考虑版面重点。,48,.,图片的编排规则,3、通过强调的重点来安排图片的大小 （1）将重要位置的图片放大，使其变得显眼 首先，最大的图片表示最重要的内容，但是需要注意图片的质量决定了能够放大的尺寸。 其次，可以利用图片尺寸之间的相对大小，来区分图片的主次关系。 当不需要强调两张图的先后顺序的时候，可以将两张图片的尺寸调至等大，表现出并

8、列关系。,49,.,图片的编排规则,50,.,图片的编排规则,3、通过强调的重点来安排图片的大小 （2）调整图片的位置，以吸引读者的注意 从视觉流程的角度来讲，人们的视线会首先集中在左上角的版面中，可以将重点图片安排在左面版面中，其他次要的图片可以适当缩小后放置在其他位置，这是强调版面重点的一个重要方法。 通过位置调整可以控制图片的先后顺序，如果在有多张图片的页面中，如果一张图片与其他图片有一定距离位置的时候，就可以明显区分开来。,51,.,图片的编排规则,52,.,图片的编排规则,53,.,图片的编排规则,3、通过强调的重点来安排图片的大小 （3）调整图片尺寸类型不宜过多 图片尺寸大小，是表

9、现先后顺序的有效手段。但是，为了保持页面结构的平衡，需要在一定程度上对图片大小进行协调统一。 如果图片尺寸类型过多，会造成每张图片大小各不相同，使得图片的主次关系变得不容易确定。,54,.,图片的编排规则,55,.,图片的编排规则,56,.,图片的编排规则,3、通过强调的重点来安排图片的大小 （4）利用出血图片控制视觉效果 当有些图片希望引起读者注意的时候，可以使图片填充整个页面，这是一种可以有效提高图片视觉冲击力的手段。如果使用图片出血的处理方式，可以让图片扩大至超过页面大小的程度。 如果一味地压缩边距，会使得页面给人一种憋闷感，不要将对页的四角都填满，而应该将对角线留出空隙。 不要将图片重

10、要的位置放置在对页的订口处。,57,.,图片的编排规则,58,.,图片的编排规则,59,.,图片的编排规则,练习4：通过强调的重点来安排图片的大小 情景：商务杂志内页设计（突出重点） 规格：285*210，2P 时间：10min,60,.,图片的编排规则,4、根据图片的外形进行合理编排 对图片来说，大致可以分为几何形与自然形两种使用方法。分别把握它们各自的特征，可以有效地运用于图片的编排设计中。 几何形：拍摄出来的图片，都是被包围在四边形的方框之中。经过裁剪，如果图片仍然保持了四边形、圆形等形状，就叫做几何形图片。 自然形：有时候可以按照拍摄对象的轮廓线来进行裁剪，将图形单独提取出来用于排版。

11、,61,.,图片的编排规则,62,.,图片的编排规则,4、根据图片的外形进行合理编排 （1）四边形与圆形图的使用 几何形一般为四边形、圆形、多边形等，这种处理形式较为普遍，特点是规则，有规律可循。 在图片排版过程中，一般会运用四边形图的处理方式。以图片的外边线为标准，来确定图片文字说明的位置、调整图片与文字条目的位置。 此外，还可以按照圆形等其他形状来裁剪图片。圆形图这种图片处理方式，在保持图片外轮廓的同时还削弱其四角张扬的感觉，从而呈现出一种介于四边形与自然形之间的效果。,63,.,图片的编排规则,64,.,图片的编排规则,4、根据图片的外形进行合理编排 （2）按照轮廓线来裁剪图片使用 外形

12、轮廓就是根据图片的图形形状进行抠图，将背景部分扣掉，保留需要的部分。 这种对图片的处理方式较为灵活，没有固定规律，对于图片的外形有突破，有利于图片内容的展示，并且文字以及其他元素的安排方式会更加多样化。,65,.,图片的编排规则,66,.,图片的编排规则,67,.,图片的编排规则,4、根据图片的外形进行合理编排 （2）按照轮廓线来裁剪图片使用 当需要让页面的图像具有动感的时候，可以借助对裁切图片的灵活运用达到。这种方法多数用于对杂货及衣服、食品等物品的拍摄中，最大优势是可以最大限度的灵活利用拍摄对象的形状来进行处理。 进行图片裁剪的时候，必须分清背景与被拍摄物品之间的边界，必须裁切得非常精细。

13、,68,.,图片的编排规则,69,.,图片的编排规则,70,.,图片的编排规则,4、根据图片的外形进行合理编排 （2）按照轮廓线来裁剪图片使用 图片的外形可以是几何状的任意图形，也可以是图片中某个具体图像的外形。只有合理安排好这些元素才能很好地对其他元素进行编辑。 版式设计中没有固定的图片外形处理模式，不同的版面会对图片的外形处理提出不同的要求，寻找最适合当前版面版式的图片处理方式才能让图片发挥最大的作用。,71,.,图片的编排规则,72,.,图片的编排规则,73,.,图片的编排规则,练习5：根据图片外形编排 情景：运动画册内页设计（尝试四边形、圆角矩形等的编排方式） 规格：200*200，2

14、P 时间：10min,74,.,图片的编排规则,5、掌握图片裁切的要点 在排版过程中，有时候需要对图片进行裁剪。裁切可以将不必要的部分裁掉，也可以改变图片的长宽比例，调整图片的效果。以整体构图的合理性为目的的图片裁切，是很有必要的。 好的图片在视觉上会形成好的效果，不同的裁切方式对图片视觉效果的影响不同，因此对图片的裁切对整体版面效果控制来说就显得尤为重要。,75,.,图片的编排规则,5、掌握图片裁切的要点 （1）通过裁切来改变图片的缩放 通过裁切，可以截取图片中的某一部分。通过减少一张图片所包含的信息量，可以有效地将读者的视线几种到想要展示的内容上。 图片经过裁切，图片中的信息量的比例发生了

15、变化。图片变成了局部“放大”的图片。经过裁切的图片比原图片实际尺寸小，但可以通过图片的放大处理，在保持原大图尺寸的同时展示局部。,76,.,图片的编排规则,77,.,图片的编排规则,5、掌握图片裁切的要点 （2）根据画面内容确定裁切方向 对于裁切图片没有明确规定，裁切的方式及大小主要根据画面内容而定。 当在一个有限的版面中对图片进行编排的时候，很多图片的形状与版面空间会发生冲突。如在正方形区域中要放置长方形图片，在纵向的区域需要放置横向排列的图片。这个时候就需要对图片进行裁切，裁剪图片不仅可以完全改变图片的尺寸，还可以改变图片的长宽比。,78,.,图片的编排规则,79,.,图片的编排规则,80

16、,.,图片的编排规则,5、掌握图片裁切的要点 （3）图片的大小将决定将裁切的区域 裁切图片的局部也是常用的手法之一，局部的图像很多时候给画面带来不一样的视觉感受。但是在裁切图片的时候还需要重点考虑图片的尺寸。 如果图片尺寸很大，裁切大部分或者小部分的图像都是没有问题的，裁切后放大也不会改变图片的质量；如果图片过小，裁切之后进行放大，很可能使图片产生锯齿或者模糊情况，影响版面效果。,81,.,图片的编排规则,82,.,图片的编排规则,83,.,图片的编排规则,5、掌握图片裁切的要点 （4）将画面中多余的部分裁掉 将不需要的物品和人物拍进来的情况是很常见的，这是就需要裁掉画面中不需要的部分，只保留

17、需要的部分，这样照片才能被充分利用。 在裁切的时候，也需要把握不应该裁掉的图像，否则影响图片的完整性。如果过度裁切，有可能造成意图不明的效果。,84,.,图片的编排规则,85,.,图片的编排规则,86,.,图片的编排规则,87,.,图片的编排规则,88,.,图片的编排规则,89,.,图片的编排规则,5、掌握图片裁切的要点 （5）根据图片的分辨率与裁切根据版面的不同形式对图片进行裁切 有的图片不能想裁成怎样就裁切成怎样，还要考虑图片本身的尺寸和分辨率大小。 图片的尺寸如果过小，裁切的图片和可能就不能用了。了解数码照片的尺和分辨率等知识十分必要。 图片的分辨率是指图像中存储的信息量，以每英寸的像素

18、数来衡量，图片分辨率和图片尺寸决定了文件的大小及输出的质量。文件大小与图片分辨率的平方成正比，如果图片尺寸不变，将分辨率提高一倍，文件大小增大到四倍。,90,.,图片的编排规则,5、掌握图片裁切的要点 （5）图片的分辨率与裁切根据版面的不同形式对图片进行裁切 如果图片的分辨率为300dpi，图片可以放大至原来140%，如果分辨率高达720dpi，图片放大至原来120%也不会出现不清晰现象，如果只有72dpi，放大至图片原始尺寸，打印都会不清晰。 裁切图片的时候，在版面上一定要主次分明且简洁有序，这样能突出重点，吸引读者眼球。可以运用不同的角度和方法进行裁切，力求让读者一眼就将注意力集中到版面亮

19、点上。,91,.,图片的编排规则,练习6：根据画面内容确定裁剪方向 情景：婴儿画册内页设计 规格：200*200，2P 时间：10min,92,.,图片的编排规则,练习7：裁剪画面中多余部分 情景：旅游人文杂志内页设计 规格：285*210，2P 时间：10min,93,.,图片的编排规则,练习8：图片裁剪综合练习 情景：上午杂志内页设计 规格：285*210，2P 时间：10min,94,.,图片的编排规则,6、图片中的动势及方向性的考虑 图片中，有一些让人感受到动势及方向性的因素。人物图片中，被拍人物的动作及脸部朝向，都可以让人感受到图片的动势及方向性的因素。通过对这些要素的灵活处理，来引

20、导读者视线流动的方向，具有动势的图片也可以让人感受到一种跳跃的感觉。,95,.,图片的编排规则,6、图片中的动势及方向性的考虑 （1）考虑人物图片中视线的方向 人物眼睛的位置是特别吸引读者的目光的，读者的眼光也会移向人物凝视的地方。在人物目光凝视的位置上需要安排重要的文字内容，以及使人物的目光朝向下一页，都是引导读者视线的方法。 此外，拍摄对象目光朝向位置的空间大小，会影响图片的效果。拍摄对象目光朝向处空间较大时候，这样的构图能给人稳定的印象，是常用的构图方式。,96,.,图片的编排规则,97,.,图片的编排规则,98,.,图片的编排规则,99,.,图片的编排规则,6、图片中的动势及方向性的考

21、虑 （2）注意图片中的边线 图片的边线不仅包括外框四边形的边线，还包括一些让人感觉像边线的线条。这些线条包括地平线、建筑的纵向线条，斜拍时产生的斜线等。 借助这些线条，来表现空间的延伸或动态，这些线也可以作为编排过程中整合各项内容的一种标准。,100,.,图片的编排规则,101,.,图片的编排规则,102,.,图片的编排规则,6、图片中的动势及方向性的考虑 （3）向图片中加入动势和变化 很多图片由于拍摄对象动作的强弱而产生强弱不同的动势。可以根据这些拍摄对象运动感的强弱，来控制页面整体的运动感或者稳定感。 利用照片来使页面富于动感的处理方式，还可以通过将图片倾斜放置等方式，来打破垂直或水平的平

22、衡来增加图片的动感。,103,.,图片的编排规则,104,.,图片的编排规则,105,.,图片的编排规则,7、图片之间位置关系的考虑 图片并不是以单张的方式呈现的，有时需要对多张图片进行组合。这时就有必要在对图片分类的基础上，进行明确的组别划分。 （1）通过距离进行组别划分 距离相近的图片之间容易被看作是同一组图片看待。为了区分不同的组别，可以拉开图片之间的距离。,106,.,图片的编排规则,107,.,图片的编排规则,108,.,图片的编排规则,7、图片之间位置关系的考虑 （2）利用组合图片 如果利用了图片的组合方式，由于图片的反复效果，使页面给人信息充足而有凝炼的印象，呈现出不同的效果。

23、图片组合最基本的类型是，所有图片都占有相同大小的页面空间，使页面井然有序。如果将页面分割空间之后，可以形成相对复杂的分割方块。 图片组合编排的时候，图片之间可以采用间隔设置为零的方式；如果图片之间适当拉开距离，每张图片更容易辨认，也可以缓解图片带来的压迫感。,109,.,图片的编排规则,110,.,图片的编排规则,111,.,图片的编排规则,8、图片与文字的恰当配置 排版中，图片与文字的组合方式也是重要的问题。以图片与文字说明的关系为例，文字说明是与图片内容具有相关性的文字，与图的对应关系必须是明确的。应该避免图文之间的距离太远。,112,.,图片的编排规则,113,.,图片的编排规则,114

24、,.,图片的编排规则,8、图片与文字的恰当配置 （1）统一文字与图片之间的边线 应该能够统一文段与图片的宽度统一起来，如果字行或文段的结尾处长短不一，会让人感觉不协调。 如果所有的图片和文字等内容都被处理得过度统一，会给人带来憋闷的感觉，在图片的编排中，整齐中加入变化是一个要点。,115,.,图片的编排规则,8、图片与文字的恰当配置 （2）不要用图片将文字切断 图文排版中的重点，应注意不要破坏文字的可读性。如果在文段的段落之中插入图片，阅读的实现将被打断。 在一行文字中，也不应该在不合适的位置插入图片而造成阅读的不便。可以在文段开始的地方或者结尾处插入图片，当需要在文段中插入图片的时候，需要考

25、虑不妨碍视线流动的同时进行编排设计。,116,.,图片的编排规则,117,.,图片的编排规则,118,.,图片的编排规则,8、图片与文字的恰当配置 （3）注意对图片中插入的文字的处理 需要在图片中插入文字的时候，注意不要将文字覆盖在需要重点展示的图片对象上。 同时也需要考虑，文字需要采用不影响文字的可辨识性的颜色，最好将白色或者黑色作为基本的文字备选颜色，同时需要选择宽大的字体。,119,.,图片的编排规则,120,.,图片的编排规则,121,.,图片的编排规则,9、图片的编排规则 图片的目的是让版面在更大程度上符合人们的视觉习惯，使版面信息的可读性更强。 在对图片进行编排处理的时候，一定要考虑到版面的内容，如果使用的图片