版式设计图片与文字的编排2.ppt

1、版式设计图片与文字的编排图片图片 与与 文字文字 的的 编编 排排图形与文字的对比关系图形与文字编排的基本形式展开页的整体设计图图 形形 与与 文文 字字 的的 对对 比比 关关 系系图图 形形 与与 文文 字字 的的 对对 比比 关关 系系图图 形形 与与 文文 字字 的的 对对 比比 关关 系系图片与文字的对比关系图片与文字的对比关系无论是有色还是无色的版面，均为黑白灰的三色空间层次。黑白为对比极色，最单纯、强烈、醒目，最能保持远距离视觉传达效果；灰色能概括一切中间色，且柔和而协调。三色的近中远空间位置，依版面具体的明暗调关系而定。这个报纸的半页广告，你很难忽略它。原因恰恰是它的元素尺寸非

2、常小，这是一种强对比的设计大大面积的留白空间与小小元素形成强烈对比。将元素变变大大，也意味着让它更有力量，可以将一些平淡无奇的元素变得吸引人。在这个例子中，虽然只是以文字编排为主，但却一点都不枯燥。在背景中将名称放得很大，甚至超出了版面，但读者仍然知道它的意思，因为黄色的大标题已经点明了它的全称。而且文字呈角度摆放，同样传达了 一 种 很 强 的 冲 击 力。一种大面积的单色以简单的形状出现时，可以很快吸引读者的眼光。对比来自于灯泡的插图及小尺寸的文字，使到图片看起来更大。我们在脑海中会将插图超出边缘的部分自动补上，也进一步强化了图片的大尺寸印象。这是为一家出版社所设计的版面，一个尺寸非常大的

3、装饰元素与一张很大的肖像图片形成吸引人的视觉焦点，同时传达了一种 16 世纪的氛围。由于文字很小，所以装饰元素与文字一起与整个版面仍然形成了对比。在设计中，大尺寸的黑色标题统领着整个版面，与插图及 LOGO 形成强烈对比。没有绝对的大和小，只有在对比中才能有相对的大和小，而大标题及结束文字都是一样大（We deliver 是 结 束 文 字）这个例子中，由于颜色的特殊运用使到一张普通的硬照变成充满设计气息的图片。标题文字采用蓝色，属于冷色,因为人物是暖色,文字用冷色是为了与人物产生冷暖对比,使他们处于不同的空间平面层次,从而衬托人物,如果标题文字采用暖色,就变成和人物处于同一空间平面,缺少层次

4、,起不到突出第 一 视 觉 要 素(人物)的 作 用。图图片与文字的对比关系片与文字的对比关系各视觉要素随弧线或回旋线而运动变化。更具韵味、节奏与曲线美。弧线具有饱满、扩张和一定的方向动感。弧线有呈“C”型，有呈“S”型。本设计中，左边具有流动感的图形与右边做垂直编排的文字形成“动与静”的对比，版面呈现出动静相宜的协调感。图片与文字的对比关系图片与文字的对比关系图片做了集中处理，观者的视线集中在版面的中心标题。图片、标题与上下文字形成疏密对比。图片与文字的对比关系图片与文字的对比关系中国传统美学上有“计白守黑”这一说法。就是指编排的内容是“黑”，也就是实体，斤斤计较的却是虚实的“白”，也可为细

5、弱的文字、图形或色彩，这要根据内容而定。在中国传统美学中有“形得之于形外”之说。版面中的虚是为实而衬托，虚可以视为空白，也可以视为细小脆弱的元素。为了强调主体，有意的将其它部分削弱为虚，甚至虚为空白，巧妙得当的虚，是为了更好地烘托实，这是版式设计中不可忽略的重要法则。但具体的运用则应根据版式设计的对象而定，一般来说，报刊杂志类信息共用版面的读物，只能虚少实多；画册、广告类信息专用版面的读物，则可虚多实少。图形与文字编排的基本形式图形与文字编排的基本形式图图 形形 与与 文文 字字 编编 排排 的的 基基 本本 形形 式式 图形与文字编排的基本形式图形与文字编排的基本形式1 1上下分割上下分割

6、平面设计中较为常见的形式，是将版面分成上下两个部分，其中一部分配置图片，另一部分配置文案。安静平稳，稍显呆板。图片应尽量活泼，富有动感：文字应稍多，调节版面。2左左 右右 分分 割割 左右分区，易产生崇高肃穆之感。由于视觉上的原因，图片宜配置在左侧，右侧配置小图片或文案，如果两侧明暗上对比强烈，效果会更加明显。3线线 性性 编编 排排线性编排的特征是几个编排元素在空间被安排为一个线状的序列。竖向、横向、或任何给定角度的一行元素都可以产生线状。线不一定是直的、可以扭转或弯曲，元素通过距离和大小的重复互相联系，运用这种方式构成的版式，会使人的视线立刻集中到中心点，且这种构图具有极强的动感。4 4重

7、重 复复 编编 排排 把内容相同或有着内在联系的图片重复，会有流动的韵律感出现。尤其对较为繁杂的对象，通过比较和反复联系，使复杂的过程变得简单明了。重复还有强调的作用，使主体更加突出。重复编排的特殊版式是渐变重复。渐变也指一个形在形状、位置、方向、或比例上的转换。通常用于在编排中创造逐渐变大的多个形，这些形通常按规律间距排列，也可以按照增加或减小的密度来排列。5 5以中心为重点以中心为重点中心编排是稳定、集中、平衡的编排，用于营造空间中的点或场，作为中心的主要形通常成为一个更吸引人的形状且没有方向性。人的视线往往会集中在中心部位，产品图片或需重点突出的景物配置在中心，会起到强调作用。如果由中心

8、向四周放射，可以起到统一的效果，并形成主次之分。6 6对称与均衡的编排编排元素之间在版式中以对称或均衡的形式表现。只有在刻意强调庄重、严肃的时候，对称的编排才会显出高格调、风格化的意向。7 7重叠编排各编排元素间上下重叠、覆盖的一种编排形式，元素之间由于重叠易影响识别性，因此，需要在色彩、虚实、明暗、位置之间进行调整，以便相得益彰而又层次丰富。8 8蒙德里安式编排蒙德里安式布局得名于著名抽象派画家蒙德里安的冷抽象构图风格，这种布局运用一系列水平线、垂直线、长方形和正方形，将图形放置在骨格单位中进行构图。9 9边框式编排这种版式编排常用于信息量大的设计之中，编排方式有二种，其一为文案居中，四周围

9、以图形；其二为图形居中，四周围以文案。1010散点式编排版式采用多种图形、字体，使画面富于活力、充满情趣。散点组合编排时，注意图片大小、主次的配置，还应考虑疏密、均衡、视觉引导线等，尽量做到散而不乱。重点提示 版式设计中色彩运用色彩运用原理：版式设计从草图开始就应该策划如何运用色彩，而不是到最后再加上。借助色彩可以把版式中各个信息级别的分区连接起来。色彩应用要和谐统一，独特的色彩组合能达到与众不同的效果。版式设计中，颜色不宜太多，否则将增加受众在一大堆色彩中解读、辨认信息的难度。展开页的整体设计展开页的整体设计展开页的整体设计展开页的整体设计展展 开开 页页 的的 整整 体体 设设 计计展开页展开页 的整体设计展开页展开页 的整体设计 作为版式设计师，设计前须明白怎样投放设计作品？作为版式设计师，设计前须明白怎样投放设计作品？确定设计作品应用类别：精美杂志广告，报纸广告，宣传手册，POP广告等。广告投放于精美杂志上，字体、照片、插图等都有更大的选择范围，因为它们在平滑的纸上印刷，有较高的清晰度，可以使用高质量字体、高清晰图形和精细的色调。报纸是在强吸水纸上进行印刷的，因此决定了设计作品应选择线条不太细的字体和在廉价纸张上不会降低效果的图片，而且要避免使用灰色的小字体，因为特殊印刷会使它们很难辩认。展开页展开页 的整体设计