招投标文件编排设计 招投标项目作品册编排 项目化课程教材第九章.docx

第九章：方案手册的编排--图文编排 第一节 方案手册的图文编排 一、网格 网格，20世纪起源于瑞士，也是平面构成中骨架的概念，并得以发展与延伸。 网格（Grid)意为格栅、网栅，指由交叉或平行的条构成的架子，是系列版面在视觉表现上的框架。即：利用页面上预先确定的网格，按照一定的视觉原则在网格内分配文字、图片、标题等元素。 图9-1-1网格 不管属于什么项目不管多少栏目，所有的页面都在一定的网格（结构、规矩）中完成，版面所有的要素都按照这些格子的划分有序分布、组织。 特点：重视比例、秩序、连续感和现代感，具有整体的统一。 图9-1-2网格 二、网格设计的基本原则： 对齐 竖向对齐： 图与文的栏的竖向对齐 横向对齐： 对开页面中图文的左右横向对齐 图9-1-3网格 三、网格的种类： 可见的网络,清晰,具有条理性，但一味机械地使用，会使人产生呆板的感觉。 不可见的网格,在统一网络的风格中，进行一些破格或变异的设计，运用网格作为版面编排的程序。这种自由方式的构造，能使版面更丰富，更创新、更活泼。 图9-1-4网格 正方形的网格形式是网格体系中最普遍、最基础的部分，它不仅是比例原则和模数结构的起点，也是在此基础上诞生的1×2、2×3、3×4长方形比例的的基本形式。 图9-1-5网格 大家请看这个版面的网格设计，整体用了正方形为主，局部做了很多分割变化，版面看起来，既整齐有序，精致美观，又显得很有张力，很多网格是空的，右边的空对比左边的图文，视觉上张弛有度，左边的图文设计，分了主次和轻重缓急，层次丰富，版面之间很有节奏感！ 图9-1-6网格 据页面大小设定版心的位置，可参考不同类型的页面，注意出血线的制定，还要考虑订口，要用尺子设定版面的上下左右的尺度； 版心内的栏数设定：选定好内文的字体（字体、字距、字号、行距），选择图片等要素，根据栏布局整个版面； 比较、修整，注意版面之间的节奏关系； 图9-1-7网格 1、上下分割 较为常见的形式，是将版面上下分成两部分，其中一部分配以图片，另部分配置文字。 安静平稳、稍显呆板 图片应尽量活泼，富有动感；文字应稍多，调节版面！ 图9-1-8上下分割 2、 左右分割 将版面左右分成两部分，给人肃穆崇高之感由于视觉原因图片应配置于左侧，右侧配置小图片或文字，两侧明暗对比强烈效果更好！ 图9-1-9左右分割 3、 斜向分割 将图片倾斜放置或将画面斜向分割可以产生动感 对于较为呆板的图像内容，倾斜防治效果较生动！ 图9-1-10斜向分割 4、 以中心为重点的编排 将图片或要点突出的元素配置在画面的中心，会起到强调作用。如果由中心向四周放射，可以起到统一的效果。 5、 L形的编排 将版面文字编排在L形的框架内，把图片放在L的空缺处。 图9-1-11 L形分割 6、 U形的编排 将图片放置在版面中央的上方或下方，并在一方出血，产生U型空白，空白处的编排要精心设计，否则会呆板！ 图9-1-12 U形分割 7、 三角形的编排 最富稳定感的金字塔形 图9-1-13 三角形编排 8、 N形的编排构图 将图流线型编排，使视线上下反复移动，适合多图编排。 图9-1-14 N形分割 9、重复编排 较为常见的形式，把内容相同或有着内在联系的图片重复，会使读者产生冷静的畅快感和协调感！ 图9-1-15 重复排列 10、 包围 用图案或图形将四周围起来，是画面产生喧闹热烈的气氛。 图9-1-16 包围 第二节 图文编排的基本步骤 第一步：确定主题（需要传达的信息）。第二步：寻找、收集用于表达信息的素材－含文字、图形图像。　　 文字表达信息最直接、有效，应该简洁、贴切。　　 应该根据具体需要确定视觉元素的数量和色彩（黑白、 彩色－色系）。第三步：用草图的形创作版面视觉元素的布局。第四步：选定草图定稿，使用图形图像处理软件进行制作。 第三节 设计草图 图9-3-1 草图 图9-3-2 草图 图9-3-3 草图 第四节 编排版式的确立 最终确立版式要考虑一下三个方面： （一）整体化 好的编排设计，最终目的是使版面具有条理性，更好的突出主题，达到最佳的诉求效果。整体化包括：文字的字体、大小、颜色，图片的风格，版面整体的色彩倾向，统一的版面装饰素材，与读者交流的角度与口吻等方面。 （二）层次化 建立信息等级，以明确的主次关系传递设计主题。版式设计中，在整体化的前提下，主次关系是影响版面编排质量的非常重要标尺，明确的主次关系可以引导阅读者区分哪些是重要的信息，和重要信息在版面中所在的位置，提高阅读和获得信息量的效率。面对纷乱繁杂的信息，版面设计就是要从混乱和随意中找到条理，建立一个阅读顺序