版面设计参考资料

《版面设计参考资料》由会员分享，可在线阅读，更多相关《版面设计参考资料（68页珍藏版）》请在金锄头文库上搜索。

1、第一章：版版式设计 第一节 版式设计概念导入：版式设计四大要素图形（图片） 、标题字、正文和色彩版式设计？版式设计又称编排设计，是平面设计的一个组成部分，为视觉传达设计的重要环节。版式设计是调动各类视觉元素进行形式上的排列组合，突出版式上新颖的创意和个性化的表现，强化形式和内容的互动关系，以期产生全新的视觉效果。第一节 整体性原则1 主次分明主体形象突出并成为视觉中心，以此表达主体思想。2 分类编排对文本信息进行分类编排，建立信息等级，使信息传达清晰连贯。3 设计元素处理将编排元素抽象化。第二节 简洁性原则 构成简洁的方法：1 使图形具有对称和规则的轮廓线根据平面构成的原理，左右对称的形较之左

2、右不对称的形容易形成图，同时，形的轮廓线越单纯越易成为图。在板式设计时，我们要习惯于将编排元素抽象化，将他们归纳成一定的图形，并使形的外轮括出现对称性和单纯性。2 整体形应具有单纯性版式设计是由各编排元素的抽象形共同构成的整体结构，这个整体结构也同样呈现出形的特征，只有当整体形的简洁程度比各个组成部分的形的简洁程度高时，版式才显的简洁，整体才愈显得统一。3 正负形之间的构成关系在版式设计中图形与图形，图形与文字，文字与文字之间都是可见的形与形之间的构成关系。表现为三种关系,1 正形大与负形,2 正负形反转,3 正负形等值. 第一节 分类一 同类合并原则 信息分类通常分为三到四个级别.诸如:标题

3、 副标题 子标题 引文或说明文 正文等, 有意识的将同类同级别的信息合并在一个区域内. 具体设计时对文本与相关的图片信息进行细分类,找出图片与文字之间关系进行同类合并.使文字与图片一一对应,形成明晰的信息分区.2 面构成(1)通过实践把握不同字号的文字形成的面积大小.正确的估算分类后的引文与正文的字数在版面中所占的面积.(2)通过实践把握不同字形 字号 行距 字间距所形成的面与面的明度关系. 文字的字体 字号 粗细 行距 字距的选择不同决定版式设计中形成的面的明度也有所不同. 由此决定版式构成中黑 白 灰的整体布局.3 空白空间又称虚空间、负形、受限空间等，是一个被编排元素包围的空间。空白空间

4、是提供视觉休息的地方，位于图形与文字之后，但它不仅仅是作为设计的背景而存在，空白空间决定版式设计的整体效果，是一种实实在在的形状，与编排元素共同构成版面中虚与实错综复杂的空间层次。第二节 分区（3）空间如何留白A 页边空白：页边、页眉、页尾页眉空白 在页面顶部留出连续的大面积空白。页尾空白 在页面下方留出空白空间，可以是不规则或略有变化的形状，目的是不引人注目，编辑起来容易。 页边空白 页面左右两边空白。 B 版心空白版心中大的空白空间起分隔作用，可以重点突出，小的空白空间起连接作用，使编排元素近距离连接，形成整体块面，信息级别的呈现更加清晰。 总结：（1）空白空间宜于表现为简练的“形” 。板

5、式设计中，负形中 “形”的性质越明确，整体形状越有规律，衬托出编排元素相互间的构成就越整体简洁。因此，空白空间应该被和谐、均匀的用在设计中。（2）版式设计中，空白空间与编排元素之间要自然流畅地穿插交融在一起，空白空间创造出的空白路径引导读者的阅读视线。（3）空白空间的连接作用。在版式设计中当空白空间（负形）与编排元素（正形）在大小、节奏、外形上保持一致时，空间空白就把页面各编排元素连接起来了。1 网格一种包含一系列等值空间（网格单元）或对称尺度的空间体系。在形式和空间之间建立起一种视觉和结构上的联系。形式和空间位置及其相互关系通过二维网格来限定。网格由水平线和垂直线构成网格单元，网格单元之间的

6、空白区域成为分隔线。网格使用原则：文本版式：使用两栏或三栏 图片、插图版式：使用三栏以上。（2）网格的分类A 一次性运用于设计作品的网格。图 3-30B 用与多页面或多主题出版物的网格系统第一节 字体汉字基本字体：宋体、黑体外文基本字体：文艺复兴字体、古典主义字体和现代自由体。1 宋体特征：字形方正，横细竖粗。（横细竖粗，撇如刀，点如瓜子，捺如扫）形状：长方形（3：2 ） 、扁方行（3：4 ） 、和正方形（3：5 ） 。 黑体特点：横竖笔画一致，方黑一块，笔形两端略成方形。点、撇、挑、勾均是方头。也称方体.字形：正方形，横竖笔画一样粗，竖笔画占正方形书写格的八分之一。 文艺复兴字体（老罗马体）

7、特征：以圆形的轴线左右倾斜，粗细线条对比 不大，字脚线和笔画线之间夹角成园弧形。 巴洛克字体文艺复兴之后古典主义之前的过渡字体，最具代表性的是英国的卡斯龙体（CASLON）特点：粗细线条对比强烈，明朗舒畅。适合排用任何文体的书籍。 现代自由体格洛退斯克体（GROTESK）和埃及体（EGYPTIENNE ） 。格洛退斯克体特征： 粗细一致抛弃字脚，只剩下字母的骨骼，也叫无脚字。 埃及体特征: 粗细一致无字脚体上添加短棒形的字脚。风格粗矿，因此也叫加强字脚体。 拉丁字母基本字形比例拉丁字母结构：圆弧线和直线组成几何形结构。分单结构和双结构。归纳为（方 圆 三角）视觉上：方形最大，圆形其次，三角最小

8、。宽 窄比例上有 4：4 3：4 4:2 图 4-6 字体选择原则1 清晰易懂是文字编排的重点所在，文字的最终目的是为了阅读。2 阅读中，如果读者意识到了字体的形状，字体的选择就需要再做推敲，因为它使读者从信息自然平稳的过渡中分心。3 文字编排质量取决与文字部分与非文字部分之间的关系，不可忽略文字编排外的空白空间4 当文字与图片进行重叠组合时，尽量选择与图片意境相符的字体。第二节 字号 字距 行距 字系 标题字字号特征：1 大粗字体易造成强烈的视觉冲击力，细小字体则能温和引导视线连续阅读。2 细小的文字构成的版面精密度高，整体性强，给人一种纤细，现代和雅致的感觉。3 方向字体需要特殊的处理方法

9、，黑底或明度底与 40的色底上编排白字，通常字体看起来会比本身显得稍微小些，字号选择不宜小与六号，字的粗度要加强。自间距和行距可以适当加大些。 字距 行距行距的增加比字体大小更重要，行距太小造成视觉上的混乱，行距应为上伸字母和下伸字母留下可供伸展的空间，一般情况下行距一定要大于字间距。 字系1 同一字系：由相近似的字体组成。在同一字系中，基本设计保持不变，可以考虑改变字体大小，粗细或色彩以求变化和重点突出。2 一套字系：包括大小写字母，阿拉伯数字和标点符号。第一节 图形与文字的对比关系1 大与小的对比图形与文字之间,在”面”的关系上可以进行大之间的对比.大小弱对比给人温和沉稳之感,大小强对比,

10、给人的感觉是鲜明,强烈, 有力.2 明暗对比黑与白 虚与实 反与正都称之为明暗对比3 曲与直对比图片与文字之间在外行上进行曲与直,圆与方的对比,会让读者产生强烈的情感和深刻的印象,许多圆中放一个方,方会显得尤为突出;曲线的周围是直线 ,则曲线轮廓给人印象强烈. 动与静对比将富有流动形态和扩散感的形状以及散点的图形或文字的编排称为”动”.而把水平或垂直性强的,具有稳定外轮廓行的图片或文字称为”静”第二节 图形与文字的编排形式(1) 上下分割平面设计中较为常见的形式,将版面分成上下两个部分, 一部分配置图片,另一部分配置文案 2 左右分割 左右布局易产生崇高肃穆之感.由于视觉上的原因,图片宜配置在

11、左侧,右侧配置小图片或文案. 3 线性编排线性编排的特征是多个编排元素在空间被安排为一个线状的序列. 图 5-94 重复编排把有内在联系的图片与文字进行形式上的重复构成,使较为繁杂的信息变的简单明了.A 大小的重复:外形不变,大小比例发生变化,构成重复.B 方向的重复: 外形不变,在一个平面上形的方向发生变化,构成重复.C 网格单元重复:网格单元相等,位于单元内的形由不同的编排元素组成 ,构成重复. 5 以中心为重点的编排中心编排是稳定 集中 平衡的编排,用于营造空间中的场. 6 对称与均衡的编排对称与均衡是编排元素之间在版式中以对称或均衡的形式表现. 7 重叠编排重叠编排是各元素之间上下重叠

12、 覆盖的一种编排形式. 8 蒙得里安式编排运用一系列水平线 垂直线 长方形和正反形构成骨骼单元, 将编排元素放置在骨骼单元中进行构成. 9 边框式编排编排方式为 2 种,其一为文案居中,四周围以图形;其二为图形居中,四周围以文案.10 散点式编排版式采用多种图形 字体 使画面富于活力 充满情趣.第三节 展开页设计什么是展开页设计?将信息通过连续的页面进行设计.常用于杂志设计 宣传手册 网页设计 报纸设计大型展览展版设计 系列广告设计.面设计概论版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是技术与艺术的高度统一。版式设

13、计是现代设计家必须具有艺术修养和技术知识。版式format 指书刊等的版面格式。版面（报刊、书籍的一）整页。版式设计： 就是在版面上，将有限的视觉元素进行有机的排列组合将理性思维，个性化地表现出来的，一种具有个人风格和艺术特色的视觉传送方式传达信息，同时，也产生感官上的美感。版式设计的范围：涉及到报纸、刊物、书籍（画册） 、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。当我们面对设计主题，有了一个好的设计创意时，接下来就是如何把这一创意表现出来。设计创意的表现元素不外乎图形（或图片） 、标题字、正文和色彩，这些，统称为版式设计的四大元素。可以说，任何具体的设计，最后都会落实到对

14、这四大元素的编排上来。目的是把版面上所需要的设计元素进行必要的编排组合，成为直观动人、简明易读、主次分明、概念清楚的美的构成，使其在传达信息的同时，也传达着设计者的艺术追求与文化理念；从而通过版式设计，给阅读者提供一个优美的阅读“空间”!书的形态中国有着三千多年辉煌的书籍艺术史。智慧的祖先给我们留下了甲骨刻辞、钟鼎、石刻、简策、帛书、卷轴装、经折装、旋风装、蝴蝶装、包背装、线装等一长串千姿百态的书籍形态，在此我们介绍几种重要的传统书装。1、简策. 2、卷轴.3、经折装. 4、蝴蝶装 5、包背装 6、线装书第二章 版面设计的组织原则1.主题鲜明突出 2.形式与内容统一 3.强化整体布局1 版式设

15、计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想;将文案中的多种信息作整体编排设计，有助于主体形象的建立；在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。2 版式设计的前提版式所追求的完美形式必须符合主题的思想内容。通过完美、新颖的形式，来表达主题。没有文字的版面，最难设计3 强化整体布局将版面的各种编排要素在编排结构及色彩上作整体设计。加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构；加强文案的集合性。将文案中的多种信息合成块状，使版面具有条理性；加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果。一、版式设计中的整体概念 专业的眼光“整体” ，是版式设计的前提。好的版式设计，最终目的是使版面具有条理性，更好的突出主题，达到最佳的诉求效果。如何帮助学生在版式设计中建立整体概念，我们从以下三个方面去理解： 1.建立信息等级，以明确的主次关系传递设计主题 信息等级的建立 表现元素的选择构成版式设计的四大元素是标题、正文、图形，我们将此称为版式中的可见元素、或称正形；不可见的元素是空白空