版式设计原理_0

版式设计原理_0 版 第一节 分类 式设计原理 在广告无处不在的今天，大多数消费者都有这样一个习惯——回避，不愿意多费神去挖掘信息的含义及其重要性，如何让你的广告吸引消费者的汪意力，这就需要设计人员对广告涉及的信息进行分类，从混乱中理出头绪，从而导引消费者的目光。 设计的过程是一个从各级别信息中筛选找到最重要信息元素的过程。这个过程分几个阶段完成。首先要去掉大量没有价值的信息，然后，在相对重要的信息中仔细寻找，逐渐分离，最后找出最重要的信息，设计师以此来提高它的重要性，并把它呈现在读者面前。 1、同类合并原则 信息等级处理是成功设计的关键。 首先，面对一项设计任务，必须认真阅读文本，通过对信息进行分类和归纳，在文本中将信息等级一一标注清楚，诸如标 题 快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题 、副标题、子标题、引文或说明文、正文等，对不同级别的信息含量(特别是正文所占的面积)做到心中有数，这样，在设计时就能有意识地将同类同级别的信息合并在同一个区域内。事实上，一旦这个工作完成，大的文字分区也就自然完成，接下来就是如何安排这些编排元素了。 具体设计时，还应对与文本相关的图片信息进行细分类，找出图片与文字之间的关系进而同类合并，使文字与图片一一对应，形成明晰的信息级别。 信息级别的寻找通常以三到四个级别为宜，过多也会造成另一种混乱。 好的版式设计，清晰明确的信息级别能轻松引导受众依据重要性依次递减原理进行浏览，主题与 内容 财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容 一目了然，避免无序纷乱的信息给人造成的不明确感觉。 2、确定中心内容 面对大量信息，如何在版面中清晰明了的表现，这就需要确定中心内容。 正确的选择中心内容依赖于你的意图、市场和消费者所关注的方面。 ?使一个内容成为中心内容就是使其他内容变得不太显眼的过程。因此，有些内容必须变小。不要将所有的东西都变得很大，否则就没有人看它们。 ?在同类合并的原则下，还需对各类的中心内容进行强调，中心内容的确定，具体而言就是对合并在同一信息级别中的内容进行再分析，分清主次，由此决定黑、白、灰的分布。选择不同的中心内容是建立不同布局的一个好途径，同时，在布局中因突出的中心内容不同，让不同的内容形成对比，就自然会出现无数种可能的创意 方案 气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载 。 通常，每一信息级别中都可以确定一个中心内容，但是主要信息级别内，中心内容的确定以表达主题为目的，不能任意选择。次要信息级别中，可以有针对性的选择不同的中心内容，建立不同的布局，创意方案自然会出现无数种可能。 ?并不是每个字、每个内容都有着同样的价值，如果你坚持给每个字以同等的 重视，则设计的可选择性就很小了。 3、邻近原则 我们知道，同类合并原则是指导文本信息的分类，以确定中心内容。 邻近原则是指导版式设计中各分类信息的编排和放置。 在版式设计中，邻近原则就是使同一信息级别的编排元素尽量靠近一些，编排元素之间的距离越接近，在编排中就会被看作是整体中的”一员”;同样，不同信息级别的编排元素之间尽量拉开距离。 明确的分区使信息条理化，如果信息级别在分区中的距离、位置含糊不清，将会导致信息传递的不通畅。 [重点提示一] ?一张宣传单上最重要的就是要有一个能够吸引注意力的中心内容。 对于图片，根据需要，可以用特殊的方式来剪载;对于文字，放大字体，或重叠或穿插，用不同方法来增加整个画面中的对比或者是使用不同的字体，例如:与大标题形成对比的小标题可以让读者快速浏览这个宣传单上的主要信息。 ?使一个内容成为中心内容就是使其他内容变得不太显眼的过程。 中心内容一旦确定，其它信息内容在编排时就要有意识的减弱或变小，不要将所有的东西都变得很大，否则就没有人看它们。 ?并不是每个字、每个内容都有着同样的价值，如果你坚持给每个字以同等的重视，则设计的可选择性就很小了。 [重点提示二] 设计草图 ?创意思维的源泉——草图 草图是思维的物化，研究的心得，是记录梦想、幻想、想像的手段，它告诉人们最初的创意如何萌芽，如何推敲与完善。 对于学习设计的人而言，研究大师的草图，是一种快捷而有效的学习方式，因为从大师设计过程的展示中，可以感受到设计家奇思异想的源流，聪颖睿智的根本。同时，从草图中我们还得以见到设计师可能受到的同时代艺术风格的某些因素的影响，并且是如何在草图中加以修正和改造，逐渐形成了个人的风格和语言。 现代设计领域，如工业产品设计、建筑设计、舞台设计、服装设计、环境艺术设计、室内设计、广告设计、版式设计、包装设计……，每一个领域中解决的问题不同，草图的表现又各有侧重(见图)。这些都是我们学习创意、表现手法、风格、进行设计理论研究的源泉，给我们许多有益的启迪。 ?优化方案——重要的设计环节 要养成想到就画的好习惯，每个点子，只有画下来才能知道好还是不好～ 草图是给设计提供多种选择的方案，反复修改、推敲，改变各种元素在纸上的位置和大小，可以得到全新的创意。 草图完成后，还要作进一步的研究，审视这些草图的可取之处和不足之处，进行归纳和提炼，我们将这一过程称为优化方案。 第二节 分区 分区是确定编排元素在版式中的具体位置，诸如图片区、标题区、正文 区等，它是一种隐藏在版式中的结构线，给受众明确的定位提示，引导受众 清晰明了的依信息等级进行阅读。 分区是对合并后的各信息等级进行版式上的规划，确定它们的区域位置、 主次、黑白灰的关系，从而完成整体布局。 1、黑、白、灰关系 在版式设计中，图形与图形，图形与文字，文字与文字、编排元素与背 景之间，无论表现为有彩色或无彩色，我们在分析中，都在视觉上整体归纳 为黑、白、灰三种空间层次关系。通过黑、白、灰的明度对比，使某些元素 比其它元素更突出，各编排元素之间建立起先后顺序，使信息层次更加分明。 如何在版式设计中进行编排元素的黑白灰构成呢，我们从分析作品入手 导入课程内容～ ?图片 是由摄影师提供给版式设计师的作品，通常为不可变的元素，因此，在 有图片的编排中，首先要分析图片的明度关系，以确定在版式中的黑白灰布 局，并由此决定其他编排元素在版式中的明度关系。 ?文字类信息 纯文本信息包含标题字、副标题、引文、说明文、正文几个部分，是用 来构成画面黑白灰关系的主要编排元素。标题区的明度关系可以通过字型、 大小、粗细、色彩来表现;正文区可以通过字号、字型、字间间距、行间间 距的不同选择表现出不同的灰度层次，它的灵活变化，营造出版面的美感和 空间感。 2、面构成 在视觉构成中，面用于定义空间或体积的边界，被面所限定的区域也称为形。 面在二维平面上，常表现为各种各样的形状:几何形，有机形，不规则形，曲线形。 形可以根据 文字的字体、字号、粗细、行距、字距的选择不同，在版式设计中形成的面的明度也有所不同，由此决定版式构成中黑白灰的整体布局。文 案的群组化是避免版面空间散乱状态的有效方法。 [重点提示一] ?注意细节的处理，最黑的小标题放在了空白空间中，形成黑白强对比。 ?当版式中有底色时，一定要首先把底色的明度分析出来，那么白的概念就需要有意识的留出空白空间来加以表现。 ?当版式中有图片时，作为不变因素，也必须将其明度分析出来，使其成为其它编排元素布局时黑白灰整体构成的参考因素。 [重点提示二] 目录(索引)设计 ?书的目录是读者购书时首先浏览的页面，重点突出，导航清晰，编排舒适是设计的重点。 ?要有意识地注意你所看到的每本杂志、书籍或者报刊的目录页设计。注意不同的 ?目录中的章与节非常清晰，同一章节的信息尽量靠近，不同章节的信息应拉开一定距离，注意运用邻近原则。 ?不要过于强调信息级别的层次而把页面变得很乱，牢记整体概念。 第三节 分栏 1、网格 ?网格概念 信息内容有着它自己的内在结构和固定的组成部分，需要一定的鉴赏力去揭开各部分的相互连续性，网格为设计提供了一个基本的框架，帮助形成 清楚、连贯的信息关系和易懂的页面，给设计一种 网格由垂直线与水平线相交构成网格单元，网格单元之间的空白区域称为分隔线。 网格的表现:首先，在版式四周要留出页边，采用1磅的线条。其次，把该空间等分，以使各列文字相互间不接触，每个单元格之间也要有一条空白的分隔带，网格内采用细线。 网格以垂直单元与水平单元的数目定义。一个两栏三行的网格被称为6单元网格，或2×3网格。而一个三栏四行的网格被称为12单元网格，或3×4网格。网格一旦建立，各栏文字或图片的宽度、长度便可以随便调整，并且可以占用多个网格单元)。 网格使用原则:对以文本为主的版式，通常使用两栏或三栏简单的网格。对于以插图、图片为主的版式，通常使用三栏以上复杂的网格。 网格越复杂，你的设计就越具有灵活性，当然难度把握就越大，需要长期的经验积累。 ?网格分类 ?一次性运用于设计作品的网格 这类网格通常一次性用于设计项目之中，不 反复使用。 对于一些复杂的信息，如 表格 关于规范使用各类表格的通知入职表格免费下载关于主播时间做一个表格详细英语字母大小写表格下载简历表格模板下载 、科学数据、 名单和一些重复的元素，如标题、多幅图片和正 文，在特定的页面和版幅上都需要设计网格进行 定位，使复杂的信息条理化。 提示: 6纵列和5纵列网格是最基本的标准 2纵列、 网格。 2纵列网格把设计空间分为4部分;而6纵 列网格是在各页上再分3纵列; 5纵列网格可以单独使用，也可以两个大纵列加一个小纵列合并使用(见图)。 ?用于多页面或多主题出版物的网格系统 网格可以提供一个重复使用的系统，使设计过程和出版周期达到一体化，许多最基本的设计元素因网格系统得以保留，每次使用时只需作局部的修改，保持了出版物特有的风格。 本小节仅对网格的基本概念作一些介绍。网格构成设计是一门学问，可以参考相关专业书籍进行深入学习。 网格系统:或称为标准尺寸系统、程序版面设计、比例版面设计、瑞士版面设计、或欧洲形式(与美国的自由版面形式相对而言)，它的源流可追溯到20世纪20年代的构成主义。 网格设计不是简单地把文字和图片并列放置在一起，而是从画面结构中的相互联系发展出来的一种形式法则。50年代才在欧洲定型为版面设计形式。它的特征是重视比例感、秩序感、连续感、清晰感、时代感、准确性和严密性。 著名的瑞士设计师约瑟夫•米勒•布罗克曼说:“网格使得所有的设计因素——字体、图片、美术之间的协调一致成为可能。网格设计就是把秩序引入设计中去的一种方法。” ?如何构成简单的网格 简单些的网格通常比复杂的网格更好掌握，一般分成五个、七个栏目的网格，普遍情况下都较为实用， 而且用起来很有趣，因为它有一定的选择余地，但过分复杂的网格因选择的余地过大，好像到处都是网格， 也会毫无用处，因为网格单位太小，读者就很难看清它的条理。 有条理的设计来自于流畅的结构，它能按顺序地从一个元素到另一个元素进行 引导。 网格构成方法: ?分析优秀设计作品，解读网格的构成规律和形式。 首先，在速写本上通过目测分析出优秀版式设计的基本网格结构并绘制出来。这一步非常重要，它可以训练视觉迅速捕捉出基本网格结构线，减少对电脑分析的过于依赖或者依葫芦画瓢的错误分析方法。 其次，将优秀版式设计输入进电脑，在软件中进行分析。 ?确定主要信息元素位置，以此延伸外形轮廓线，在版式中构成基本框架 根据信息等级整体布局，依主要元素延伸获得网格结构线。 2、版式中的线 版式中的线包括三种:由字的编排构成的线、视觉引导线、几何线。 ?字有秩序的编排构成线 在平面构成中我们知道点的移动可以构成线，设计中常常将字符作为点 进行线的编排，通过字体、粗细、大小构成不同明度的线(见图)。 ?视觉引导线 视觉引导线在版式中是一条看不见但却非常关键的导向线，它直指中心 内容。 我们在分析作品时，一定要善于发现这条看不见的线。因为它引导视线 去关注设计主题，成为贯穿版面的主线，版式中的编排元素以视觉引导线为 中心依信息级别向左右或上下展开。 视觉引导线是版式设计中定位的依据，表现为水平线、垂直线、曲线、 斜线。 ?几何线 几何线表现为可视的网格分区线和装饰线。 ?用线分割版面的设计 网格线通常是隐性的，仅起定位作用，没经过专业训练的受众不易发现。 但是，版式设计师有时也别出心裁的使优美的网格结构线跃然纸上，成为可 视线条。设计时，应将网格线视为装饰元素作整体上的安排，切不可让纵横 密布的网格线影响信息的传递。 ?用线装饰编排元素的设计 在版式中，编排元素时常用线来装饰，引起视觉关注。 当引文需要强调时，用线作为装饰，将引文与正文加以区别。正文中， 装饰线条可以将正文进行平级信息分区;同时，线条也可以用在 单词 英语单词 下载七年级上册英语单词表下载英语单词表下载深圳小学英语单词表 下载高中英语单词 下载 下方， 对正文中重点内容起强调作用。 ?用线框来限定版式中的编排元素 线框可以用来加强某种编排元素视觉效果，使其在整体中显得特别出众。当被强调的对象是说理性很强的文字或图形时，可用有规律的几何形线框来限定它，使形式与 版式设计中编排元素间形的重复、编排元素与空白空间形的重复、编排元素在网格单元中的重复，构成协调一致的视觉形象。然而太多的重复可能会损害编排的活力，这时可以在方向和空间上作一些变化:形以各种方式相互迭加、穿透、组合、或正负形的结合等。 ?重复构成方法 依据对文本的分类，找出重复的 ?把某一元素移出它原有的位置(见图)。 ?去除某一预料之中的元素。 ?改变某一元素量。 [同类合并原则如何指导设计案例分析一] 翻阅一些精美的期刊杂志，我们常常感叹于优秀设计中标题字的穿插、重叠技巧，通常这些技巧的应用是建立在同类合并原则的基础上，也就是找出标题中的信息等级与中心内容。 我们分析一下这一组英语标题字，in the 属付词，可以用小写体表现; girl,city是名词，也是句子中的主要信 息内容，其中girl又是最重要的中心 词，因此用黑色表现，city与girl字体 大小相同，用白色表现，重点突出而又 使主次拉开距离。这种主次关系看似是 以一种不经意的方式表现，而这个中理 由只有通过分析才可以明了;New是 定语，所以放在被修饰词girl的前面， 穿插关系就这样建立起来(见图)。 [理解分区概念中黑白灰关系优秀作品案例分析二] 通常编排元素在白纸上进行布局 时，我们都将白底作为黑白灰中的白， 用其它元素来构成版式中 的黑或不同明度的灰，黑 白灰的整体关系易于理 解。 这是一页纯文本的编排 (见图)，这张作品中， 增加了一个深色色底，那 么如何理解黑白灰的概念 呢, 事实上，平面构成中黑白灰关系是相对的。在这张版式中，底色为中明度的灰，标题字为黑，说明文、引文、正文构成不同明度的灰。那么白的概念如何表现呢,在这里，它是由版式左边大面积的空白空间构成的。 这就是为什么在版式设计中空白空间显得尤为重要的原因。 [理解分区概念优秀作品案例分析三] 这是一页以图片为主的版式设计(见图)。 大型时装杂志的时装 摄影是由专业时装摄影师 完成，图片本身的光线和 动态都经过摄影师的精心 安排，在编排设计中属不 变因素，也是时装杂志所 要表现的中心内容。版式 中的黑白灰关系，主要依 图片的明度来进行布局和 调整。 左图中，为突出图片，文字区的编排在明度上的考虑就必须是减弱而不是加强，以中灰度为宜，同时，也与墙面的灰色层次相近，使文字与墙面融为一体。右图中，中灰度的文字区与条纹衬衣的明度层次相近，形成一个整体的色彩分区，画面的黑色区域在头部或裤子上，底为白色;在文字区内，标题字与正文在字体、色彩上都是一致的，仅大小有所区别，这种考虑是基于整体概念。想想看，如果这时要把文字区放在页面上方，应选择什么明度的色彩来处理文字,二种方案:深色和高明度浅色。并且浅色字是首选方案，因为浅色字的编排不影响腿部的曲线，使模特的动态保持完整。如果是深色字，与裤子的颜色融为一体，无形中就破坏了腿部的优美曲线。 ,理解版式中的对比优秀作品案例分析四, 本设计是一张广告。左图中由于狗的图形太怪异，一旦看见，你就无法停止地看着它，甚至可能引导你忽视广告文字的阅读。因此，有必要对版式中的编排元素进 行调整，以便将其 它信息内容通畅 的传递。右图中， 将布局的焦点进 行扩大，看看能达 到什么程度，大幅 的黑狗照片与白 色背景形成鲜明 对比，成为吸引受众眼睛的视觉磁场。说明文放在狗背上不影响外轮廓形，如果再为狗的抽象外形配上意想不到的颜色，就能将令人称绝的视觉效果再提高一个层次。 对比方法主要是通过使用大胆的图形、令人惊奇的照片和引人注目的插图来捕获受众的注意力。 什么导致了作品的视觉冲击力: ?超大尺寸、大胆而简单的图形。 ?强烈的对比——大量的黑白区域和小块色彩的运用。 ?非常有趣的标题字体。 ,理解版式中的线优秀作品案例分析五, 左图为上下分区，以分区线为视觉引导线，向右图延伸引导出跑步的选 手，并顺头部方向直指标题，右图中主要信息都定位在这根引导线上，其它文字信 息，以视觉引导线为中心向上下编排。 通过分析，视觉引导线的作用就清晰 的显现出来，当你对右图标题定位把握不 准时，视觉引导线可以轻松决定。 [理解重复原则优秀作品案例分析六] 本设计是一张广告设计，版式为上下 分区:上为文字区，下为图片区。图片区 中，最大的一张图片，其外形为细 长矩形，构成这页版式中的基本 形;小图片密集的排列在一起，形 成的整体外形与基本形保持一致; 同时，多数小图片之间进行形与形 的重复构成;上下分区中，标题字 的外形与图片基本形相同，从而构 成图片与标题字之间的重复。我们从分析图中可以清晰看见重复原则在版式设 计中的运用。