图片与文字的编排2

图片 与 文字 的 编 排
图形与文字的对比关系 图形与文字编排的基本形式 展开页的整体设计
图形与文字的对比关系
图 形形 与 文字 的 的比 关 比 关 系 图 与 文 字 对 对 系
图片与文字的对比关系
无论是有色还是无色的版面，均为黑白 灰的三色空间层次。黑白为对比极色， 最单纯、强烈、醒目，最能保持远距离 视觉传达效果；灰色能概括一切中间色， 且柔和而协调。三色的近中远空间位置， 依版面具体的明暗调关系而定。
3
线 性 编 排
线性编排的特征是几个编排元素在空间被安排为一个线状的序列。
竖向、横向、或任何给定角度的一行元素都可以产生线状。 线不一定是直的、可以扭转或弯曲， 元素通过距离和大小的重复互相联系， 运用这种方式构成的版式，会使人的视线立刻集中到中心点， 且这种构图具有极强的动感。
4
重复编排
把内容相同或有着内在联系的图片重复， 会有流动的韵律感出现。 尤其对较为繁杂的对象，通过比较和反复联系， 使复杂的过程变得简单明了。 重复还有强调的作用，使主体更加突出。 重复编排的特殊版式是渐变重复。 渐变也指一个形在形状、位置、方向、或比例上的转换。 通常用于在编排中创造逐渐变大的多个形， 这些形通常按规律间距排列，也可以按照增加或减小的密度来排列。
展开页的整体设计体 设 计 展开页的整
展开页的整体设计
展开页
的整体设计
展开页
的整体设计
作为版式设计师，设计前须明白怎样投放设计作品？
确定设计作品应用类别：精美杂志广告，报纸广告，宣传手册，POP广 告等。 广告投放于精美杂志上，字体、照片、插图等都有更大的选择范围，因 为它们在平滑的纸上印刷，有较高的清晰度，可以使用高质量字体、高 清晰图形和精细的色调。 报纸是在强吸水纸上进行印刷的，因此决定了设计作品应选择线条不太 细的字体和在廉价纸张上不会降低效果的图片，而且要避免使用灰色的 小字体，因为特殊印刷会使它们很难辩认。
这个报纸的半页广告，你很难忽 略它。原因恰恰是它的元素尺寸非 常小，这是一种强对比的设计——
大面积的留白空间与小元素形成
强烈对比。
将元素变大，也意味着让 它更有力量，可以将一些平淡 无奇的元素变得吸引人。 在这个例子中，虽然只是以文 字编排为主，但却一点都不枯 燥。在背景中将名称放得很大， 甚至超出了版面，但读者仍然 知道它的意思，因为黄色的大 标题已经点明了它的全称。而 且文字呈角度摆放，同样传达 了一种很强的冲击力。
于同一空间平面,缺少层次,起不到突出第一
视 觉 要 素 ( 人 物 ) 的 作 用 。
颜色 最强烈的颜色冲击力来自它出乎意料 及极端的运用。在处理颜色照片时，完全可
以大胆一点，或许你会有惊奇的发现。
图片与文字的对比关系
各视觉要素随弧线或回旋线而运动变化。更 具韵味、节奏与曲线美。弧线具有饱满、扩 张和一定的方向动感。 弧线有呈“C”型，有呈“S”型。
图 形 与 文 字编 排 的 基 本 形式
图形与文字编排的基本形式
图形与文字编排的基本形式
1
上下分割
平面设计中较为常见的形式， 是将版面分成上下两个部分， 其中一部分配置图片， 另一部分配置文案。 安静平稳，稍显呆板。 图片应尽量活泼，富有动感： 文字应稍多，调节版面。
2
左右分割
左右分区，易产生崇高肃穆之感。 由于视觉上的原因，图片宜配置在左侧， 右侧配置小图片或文案， 如果两侧明暗上对比强烈， 效果会更加明显。
本设计中，左边具有流动感的图形与 右边做垂直编排的文字形成“动与静” 的对比，版面呈现出动静相宜的协调 感。
图片与文字的对比关系
图片做了集中处理，观者 的视线集中在版面的中心 －－标题。图片、标题与 上下文字形成疏密对比。
图片与文字的对比关系
பைடு நூலகம்
中国传统美学上有“计白守黑”这一说法。就是指编排的内容是“黑”，也就 是实体，斤斤计较的却是虚实的“白”，也可为细弱的文字、图形或色彩，这 要根据内容而定。
一种大面积的单色以简单的 形状出现时，可以很快吸引 读者的眼光。对比来自于灯 泡的插图及小尺寸的文字， 使到图片看起来更大。我们 在脑海中会将插图超出边缘 的部分自动补上，也进一步 强化了图片的大尺寸印象。
这是为一家出版社所设 计的版面，一个尺寸非常大 的装饰元素与一张很大的肖 像图片形成吸引人的视觉焦 点，同时传达了一种 16 世 纪的氛围。由于文字很小， 所以装饰元素与文字一起与
[重点提示]
版式设计中色彩运用原理：
① 版式设计从草图开始就应该策划如何运用色彩，而不是到最后再加上。
② 借助色彩可以把版式中各个信息级别的分区连接起来。 ③ 色彩应用要和谐统一，独特的色彩组合能达到与众不同的效果。 ④ 版式设计中，颜色不宜太多，否则将增加受众在一大堆色彩中解读、 辨认信息的难度。
在中国传统美学中有“形得之于形外” 之说。 版面中的虚是为实而衬托，虚可以视 为空白，也可以视为细小脆弱的元素。 为了强调主体，有意的将其它部分削 弱为虚，甚至虚为空白，巧妙得当的 虚，是为了更好地烘托实，这是版式 设计中不可忽略的重要法则。 但具体的运用则应根据版式设计的对 象而定，一般来说，报刊杂志类信息 共用版面的读物，只能虚少实多；画 册、广告类信息专用版面的读物，则 可虚多实少。
蒙德里安式布局得名于著名抽象派画家蒙德里安的冷抽象构图风格， 这种布局运用一系列水平线、垂直线、长方形和正方形， 将图形放置在骨格单位中进行构图。
9
边框式编排
这种版式编排常用于信息量大的设计之中， 编排方式有二种，其一为文案居中，四周围以图形； 其二为图形居中，四周围以文案。
10
散点式编排
版式采用多种图形、字体，使画面富于活力、充满情趣。 散点组合编排时，注意图片大小、主次的配置， 还应考虑疏密、均衡、视觉引导线等，尽量做到散而不乱。
展开页
的整体设计
编排元素之间在版式中以对称或均衡的形式表现。 只有在刻意强调庄重、严肃的时候， 对称的编排才会显出高格调、风格化的意向。
7
重叠编排
各编排元素间上下重叠、覆盖的一种编排形式， 元素之间由于重叠易影响识别性， 因此，需要在色彩、虚实、明暗、位置之间进行调整， 以便相得益彰而又层次丰富。
8
蒙德里安式编排
5
以中心为重点
中心编排是稳定、集中、平衡的编排，用于营造空间中的点或场， 作为中心的主要形通常成为一个更吸引人的形状且没有方向性。 人的视线往往会集中在中心部位， 产品图片或需重点突出的景物配置在中心，会起到强调作用。 如果由中心向四周放射，可以起到统一的效果，并形成主次之分。
6
对称与均衡的编排
整个版面仍然形成了对比。
在设计中，大尺寸的黑色 标题统领着整个版面，与插图 及 LOGO 形成强烈对比。没有 绝对的大和小，只有在对比中 才能有相对的大和小，而大标 题及结束文字都是一样大（ We deliver 是结束文字）
这个例子中，由于颜色的特殊运用使到一张 普通的硬照变成充满设计气息的图片。 标题文字采用蓝色，属于冷色, 因为人物是 暖色,文字用冷色是为了与人物产生冷暖对比, 使他们处于不同的空间平面层次,从而衬托人 物,如果标题文字采用暖色,就变成和人物处