第一章
通常意义上我们所说的版式设计，又称为版面设计，是平面设计
中的一大分支，主要指运用造型要素及形式美原理，对版面内的文字字体、图像、图形、线条、表格、色块等相关要素，按照一定的要求进行编排，并以视觉阅读的方式艺术而直观地表达出来，并通过上述要素的编排，使观者直觉的感受到某些要传递的信息和版面本身的意义。
?
是一种具有个人风格和艺术特色的视觉传达方式；也是一种视觉传达的重要手段；还是现代艺术设计的组成部分。 ?
版式设计的应用范围极广，并非只用于书刊的排版当中，涉及到报
纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套、网页页面，各类广告、海报等诸多平面及影像的各个领域。 ?
好的版面设计可以更好的传达作者想要传达的信息，或者加强信息传达的效果，并能增强可读性，使经过设计的版面内容更加醒目、美观。
?
版式设计是艺术构思与编排技术相结合的工作，是艺术与技术的统一体。
其目的首先是应该满足设计的基础需要即形式上新颖美观为主。其次版式设计自身具有传达设计意图和设计过程的目的。
版式设计很多情况下不再仅仅是为了方便受众阅读大量信息的需
要，也可提供品味、欣赏、收藏等价值，已经是具有独立文化艺术价值的实体存在。当今版式设计无论从其分类还是设计的手法上和设计的形式上都具有了更深远的意义。具体表现为： 1.版式设计可以提升设计作品的形式美感和内涵，使人更加鲜明和贴切的理解设计作品。 2.版式设计为我们的生活当中的诸多设计作品提供了良好的设计依据和设计准则。
3.版式设计具有其无穷的艺术魅力，可以恰当的展示设计的科学原则与应用范畴。版式设计自身也是另外意义上的“设计”。
第二章
首先，应做到主题鲜明突出。其次，形式与内容统一。第三，强化整体布局。
总之，版式设计是充分运用视觉载体中的各种元素文字字体、图像图形、线条、表格、色块等要素按照一定的要求进行编排，并以视觉传达方式艺术地表达出来的过程。
版式设计的视觉流程设计的根本目的是为了诱导视线，
实现信息的有效传递。 在一个平面上，上半部和左半部让人轻松和自在，下半 部和右半部则让人稳定和压抑。因此，平面的上部和中上部被称为最佳视区。
?
2.2.1 单向视觉流程单向视觉流程：最简单、普遍，最容易掌握的流程方法，
使版面的流动更为简洁，直接诉求主题内容，有简洁而强烈的视觉效果。
横向视觉流程：视线左右流动，给人稳定、恬静之感
? ? ?
单向视觉流程 竖向视觉流程：使视线上下流动,坚定、直观的感觉
斜向视觉流程：使视线做不稳定的流动，以不稳定的动态
? ?
2.2.2 曲线视觉流程 可根据其角度自然流动。这种流程方式更加灵活有韵律，能增加
招贴设计的动感、节奏感和美感。
2.2.3 视觉中心流程 视觉中心一般是通过特殊性来区别于其他视觉元素，做到吸引视觉、引导传达的作用。如跳跃的色彩、夸张的图形、以及文字的字体、大小、位置的独特性等都能起到吸引视线的作用。
? ? ? ? ?
2.2.3 反复视觉流程 同或相似的视觉元素连续排列，可使视线产生有序的构成规律，沿一定 的方向流动，富于节奏和秩序美。
2.2.5 散点视觉流程 没有固定的视觉流动线，强调一种感性、自由性、随意性、偶然性。
2.3.1 确定主题
2.3.1 确定主题2.3.3 绘制草图2.3.4 电脑软件制作2.3.4 电脑软
件制作
第三章 版式中的文字与图形
在版式设计中，文字和图片都是其主要构成要素。
文字和图形排列组合的好坏，文字与图形的有机合理的结合都是增强视觉传达效果，提高作品的诉求力，赋予版面审美价值的必需手段。也会直接影响着版面的视觉传达效果。
? ? ? ? ?
文字编排是一种艺术创作过程，是艺术的将平面中的文字组成要素加以重新组合调度，并在结构及色彩上做整合安排的一种视觉传达方式，它是一种重要的视觉传达语言。
3.1.1 字体的设计及运用
1、文字的设计首先要进行字体的选择。同时在整个版面中不同的字体形成不同强弱、不同虚实的对比。
无论选择什么字体，都要依据平面设计的总体设想和阅读者的需要。在同一平面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多彩。关键是如何根据平面内容来掌握这个比例关系。 ? ? ? ? ? ? ? ? ? ? ? ? ? ?
在实际设计中往往会发现：
字体使用越多，整体性往往会越差！ 2、文字的面积变化直接影响整个设计画面的美感。
平面中常把文字面积化，就是把画面中的文字根据方案单元的数量和内容进行面积的编排。 3.1.2 文字的编排方式
在一般的书籍报刊版式编排中，文字的编排主要有如下几种方式：
① 左右均齐。 书籍报刊常用 ② 齐中。③ 齐左或齐右。④ 文字绕图排列。⑤ 标题与正文的编排⑥ 文字的整体编排 3.2.1 图形与文字的对比关系
1.大与小的对比 大小弱对比，给人温和沉稳之感；大小强对比，给人的感觉是鲜明、强烈、有力。 2.明暗的对比 版式设计中，黑与白、虚与实、正与反都可形成明暗对比。 3.曲与直的对比
4.动与静的对比 动势：富有扩散感或具有流动形态的形状以及散点的图形或文字的编排。 静式：水平或垂直性强的、具有稳定外形轮廓的图形或文字 5.疏与密的对比 疏密对比是指版式中编排元素的密度分布方式不同。
? 6.虚与实对比 将次要的辅助的景物隐去，使主体表现物更加突出。
味性和可读性，使人过目不忘，对比才可能产生视觉愉悦，增强版式的“眼球效应”。
对比可以形成节奏，使视觉有主次关系并形成阅读的流程。增强版式设计的趣
? ? ? ? ? ?
3.2.2 图形与文字编排的基本形式
图形与文字之间的分割编排方式主要有以下几种形式:
1.上下分割 将版面分成上下两个部分：一部分配置图片，另一部分配置文案。 2.左右分割 3.线性编排 4.重复编排
5.以中心为重点的编排 是稳定、集中、平衡的编排方式6.对称与均衡的编排7.重叠编排 8.边框式编排 文案居中周围绕以图形；图形居中周围绕以文案。9.散点式编排
第三节 图片的编排 3.3.1 图片的类型
1. 方形图 画面被直线方框切割形成的图形，它是较常见且简洁大方的图片类型。 特点：有庄重、沉静的品质感，它与文字在版面编排中有较好的搭配效果，是现代宣传物设计中应用较多的形式之一。 2.退底图 退底图就是将图片中的背景去掉，使其形状单独呈现出来的一种图形。 特点：能更和谐的与整个版面的编排元素相结合，形成整体和谐的视觉效果，很容易达到整体版面的平衡与协调。 3.出血图 指图片充满版面，边框处不留白边称为出血版，这类版面也成为满版型版面。 特点：没有边框的限制，有舒畅、扩展之感。
3.3.2 图片的数量 图版率:文字、图片相对于版面所占的面积比率称为图版率.
图版率低，版面阅读性低，版面比较沉闷、、、、图版率高的版面具有强烈的视觉冲击力，更有创造性，能吸引人们的注意，增强阅读兴趣。
图片的编排 当版面只有一张图的时候，会产生突出内容、安定页面、集中视线的效果；当版面 出现多张图片的时候，会产生视觉跳跃感，增强版面的生动性。 3.3.3图片的位置选择 图片不能放置于画布的四角
3.3.4背景的颜色和质感 版式设计中背景颜色和图片搭配关系尤为重要。画面的颜色应同图片的整体色调
保持和谐。
3.3.5其他元素的添加 版式设计的点睛之笔往往是文字、符号和小图标等其他元素的添加。
一般来说，无论在背景与文字上还是背景与图像上，如无色相冷暖的对比，会让人感到缺乏生气；无明度深浅对比，会让人感觉沉闷；无纯度对比，会让人觉得古旧和平俗。当然凡事不能绝对，上述这些图片与文字的结合版式设计只是一般性设计原则，有时采取截然相反的手法，搭配得当的话反而能取得更好的视觉冲击力。
? ? ?
现代版式设计的类型：满版型 分割性 倾斜型 三角型 曲线型 自由形版式
第一节 满版型版式设计 满版设计即文稿或图片占据整个版面，不会有大面积的留白，从而充 分运用整个版面来传达信息。
满版设计的主要特征是设计可根据内容和构图的需要自由地发挥，强调设计个性化；其编排形式灵活多变，新颖奇妙，能最大程度地体现设计师的设计意图，具有较强的时代气息。
版面以图像充满整版，文字配置压置在上下、左右或中部（边部和中心）的图像上，视觉传达效果直观而强烈，同时给人以舒展、大方的感觉。
满版型是商品广告常用的形式，一般运用于插图较多、图文并茂的海报招贴、书籍封面、个性杂志、产品样本、包装设计等上。随着宽带的普及，这种版式在网页设计中的运用越来越多。美中不足的是，限于当前网络宽带对大幅图像的传输速度较慢，这种版式多见于强调艺术性或个性的网页设计中。
分割型版式设计，是把整个版面分成上下或左右两部分，分别安排图片和文字。
特点：画面中元素容易形成平衡，结构稳当，风格平实。图片和文字的编排上，往往按照一定比例进
行分割编排配置，给人以严谨、和谐、理性的美。
上下分割型：把整个版面分成上下两部分，在上半部或下半部配置图片，另一部分则配置文字。 左右分割型：把整个版面分割为左右两部分，分别配置文字和图片。
分割型版式是一种规范的、理性的分割方法，版面的分割首先以图片吸引浏览者的注意力，然后将视线引
向文字。版面上文字与图形的分割，使版面对立而统一；同时让版面产生更多的层次，版面的空间得到延展，形象得到强调，可增加浏览者的兴趣。但是，这种编排形式容易使画面显得平淡沉闷，因而必须在具体设计中细微处求变化，讲求对比才能使整个设计不流于呆板和单调。
倾斜型设计在构图时，版面主体形象或多幅图像、文字做倾斜编
排，造成版面强烈的动感和不稳定因素，引人注目。倾斜感产生的强度与主体的形状、方向、大小、层次等因素有关。在设计中，要根据主题内容把握倾斜角度与重心问题。
这是一种很有动感的构图，图中要素或主体的放置呈倾斜状。在版面编排中，图形或文字的主要部分向右或向左做方向性倾斜，使视线沿倾斜角度而由上至下或由下至上移动，造成一种不稳定感，吸引观者的视 线。 优点：它刻意打破稳定和平衡，从而赋予图形或文字以强烈的结构张力和视觉动感。
这种版式是版面各视觉元素呈三角形排列。
正三角形：最具稳定性，
倒三角形：相应地产生活泼、多变的感觉，易产生动感； 侧三角形：构成一种均衡版式，既安定又有动感。
曲线型版式是在版面上通过线条、色彩、体形、方向等因素有规律地变化，将图片、文字做曲线的分割或编排构成，而让人感受到韵律与节奏感。
特点：曲线型的版式设计应用具有流动、活跃、动感的特点，曲线和弧形在版面上的重复组合可以呈现流
畅、轻快、富有活力的视觉效果。 曲
自由版式没有明显的模式或规律，灵活多变和生动自如是其主
要特点，但并不是杂乱无章的任意堆砌，而是要在自由随意之中显示灵感，表达意境，使版面设计跳出上述形式规则的禁锢，进入具有内在个性、独创性的层面。
第五章
版式设计的范畴涉及很多领域，如书籍、报纸、杂志、招贴和网页等，这些媒介载体无一不体现了版式设计的原理。
书籍大概由几个基本要素组成：封面、封底、书脊、扉页、目录、环衬、前言、正文等，而这些也是我们欣赏一本书美观与否的主要参考依据。另外，在书籍版式设计中，开本的大小对整本书籍的装帧、内页的布置安排也都有重要影响。
扉页
也叫内封、副封面或里封，国家标准术语中称为主书名页。它是环衬页后印有书名、出版者名、作者名的单张页，位于主书名页的正面，即单数页码面。 目录页
通常包含整本书的各个章节及名称，并且按顺序排列每章节所在的具体页数。
书脊
书的侧面用来连接封面和封底的部位。
版权页版权页在国家标准中称作版本记录页。 该页提供了图书的版权说明、图书在版编目（CIP）数据和
版本记录。
开本指版面的大小，以一张全张纸为计算单位，每全张纸裁切和折叠多少。 版心印刷成品版面中的图文印刷区域（不含出血图像）。书刊、报纸的正文文字一般都要求排在版心之内，
图片等装饰性线条和色块可超出版心排。
第一节
①主题确立：书籍设计的终极目的是传达信息，确立主调是完成书籍设计迈出的关键第一步。深刻理解主
题是信息传达之本。
②形态定位与元素应用：在书籍整体设计中，要强调贯穿全书的视觉信息元素的准确把握能力。必须按照不同的书籍内容赋予其合适的外观。
③语言表达与视觉化呈现：书籍语言是情感互动的中介，将这些语言物化和视觉化呈现给观者，才是书籍之美的本质体现。
每本书都有其独特的魅力，图书版面也应该具备各式各样的可塑性、丰富性。一本书如果就有独特的版式设计，就能在很短的时间内捕捉住消费者的眼球，诱导读者一步步逐渐进入阅读佳境，这也是一位优秀的平面设计师所要达到的最终目的。
报纸版式设计主要是指在报纸版面上进行的各种内容的编排布局。 好的报纸的版面设计需要遵循以下几个原则：
(1)报纸的版面设计以便于阅读为最高原则，应做到简单和一目了然。 2)在报纸的版面设计中，应大胆运用新闻图片。
(3) 报纸的版面设计要从零星修补像总体策划迈进，把版面设计列为报纸改革的主要内容。 (4) 报纸的版面设计要在服从表现内容的前提下，力求和谐匀称，实现形式与内容的统一。 杂志的封面
杂志封面不仅是纯图形化的商标，而且必须具有品牌的可读性、识别性、象征性。因此杂志可以根据自身的定位及其相应的读者群，来设计自身的品牌字体。
同时，设计师更应注意把握品牌字体与封面中的其他信息，例如刊号、发行日期、内容标题等形成相对固定的组合排列，这种排列应具有一定的形式感、识别性，它往往通过文字的大小、疏密的对比或不同的对齐、穿插等形式来完成，从而将多种信息元素有机地统一为一体。 (2) 杂志的书脊
杂志的书脊往往是多数人容易忽视的地方，但由于杂志多数会被收藏，最终陈列于书架，此时书脊就成了视觉主题和读者检索的对象 (3) 杂志的大小
杂志的大小即为杂志的开本。通常的杂志以大16开的开本规格为主。 2. 杂志的内页设计 (1) 杂志的目录
现代杂志的目录已经不仅仅局限于内部章节的标题排列和页码的简单标注，其内容上信息的日趋详细，常常会包含部分内容的节选、作者简介等。信息量的增加要求杂志目录的编排更加多变，其中字体的更换和颜色的调整是最有效的编排手段，能使目录传达的信息更加具有逻辑性和节奏感。
版式设计
