版式设计

版式设计主讲：文鸿第一节版式设计基础一、版式设计概述版式设计是现代设计艺术的重要组成部分，是视觉传达的重要手段，表面上看，它是一种关于编排的学问；实际上，它不仅是一种技能，更是技术与艺术的高度统一。版式设计是现代设计家必须具有艺术修养和技术知识。二、版式设计的定义所谓版式设计，就是在版面上，将有限的视觉元素进行有机的排列组合。版式设计的范围，涉及到报纸、刊物、书籍（画册）、产品样本、挂历、招贴画、唱片封套和网页页面等平面设计各个领域。三、版心版心亦称版口、书口。指图书每一版面上的文字、图形部分。版心四周有空白，上方叫做“天头”，下方称“地脚”，靠近书外侧的叫“切口”，靠近书脊的叫“订口”。不同开本的版心规格各不相同，一般文学类书籍的版心四周要留出大约2cm宽的空白外框。普通书籍正文排版一般采用五号字(即15K，10.5P)，版心尺寸和字号的比例：（1）16开：206mm×140mm，采用5号字，36行×38字。（2）32开：142mm×96mm，采用5号字，25行×26字。（3）大32开：160mm×103mm，采用5号字，28行×28字。小学课本—般用大于四号字的楷体，字典上具书文字容量大，则用较小的小五号、六号宋体等等。常用字号对照如下：号数制点数制（P）毫米值级数制（K）毫米值2号21P7.3530K7.53号16P5.622K5.54号14P4.920K5.0小4号12P4.217K4.255号10.5P3.67515K3.75小5号9P3.15013K3.256号8P2.80011K2.757号6P2.18K2第二节版式设计的原则让观看者在享受美感的同时，接受作者想要传达的信息。一、主题鲜明突出二、形式与内容统一三、强化整体布局一、主题鲜明突出版式设计的最终目的是使版面产生清晰的条理性，用悦目的组织来更好地突出主题，达到最佳诉求效果。1、按照主从关系的顺序，使放大的主体形象视觉中心，以此表达主题思想。2、将文案中的多种信息作整体编排设计，有助于主体形象的建立。3、在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。二、形式与内容统一版式设计的前提－版式所追求的完美形式必须符合主题的思想内容。通过完美、新颖的形式，来表达主题。三、强化整体布局强化整体布局－将版面的各种编排要素在编排结构色彩上作整体设计。1、加强整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构、曲线结构2、加强文案的集合性。将文案中的多种信息合成块状，使版面具有条理性3、加强展开页的整体性，无论是产品目录的展开嶡版，还是跨页版，均为同一视线下展示，因此，加强整体性可获得更良好的视觉效果第三节版式设计方法版式设计无论采取哪种形式都要有可读的功能性，即有序的层次，鲜明的主次关系具有价值的艺术形式，这是版式设计的主要指导思想。一、文本在版面中的编排1．文字基本常识(1)字体：在版式设计中通常所用的字体有宋体、黑体、线体、综艺体等。一般情况下，在一个版面中所运用的字体不能超过四种。(2)字号：传统活字排版汉字以“号”为单位，英文以“点”为单位，现代电脑排版以“级”或“点”为单位，1级为0.25mm，1点为0.35mm。一般正文都采用9点至13点之间的字号。在一个版面中需要有不同大小字号的文字，这样才能有层次感，要体现标题、副标题和重点提示等。(3)字距与行距：在常规情况下，字距为10点，行距为12点，当然有特殊需要的版面就不能按照这样的间距了，可以根据需要进行调节。(4)字行：字行是指在版面中的一行字，字行的长短是根据版面的大小而定。一般在15cm以内为阅读视线范围。如果版面尺寸过大，可分两排字行或三排字行甚至多排字行。(5)排版：报纸、杂志常用的排版方式有三种，即中国传统的竖排版、现在常用的横排版和不规则的多样排版。2．文字编排的基本形式(1)齐头齐尾：每行字起头至结尾的长度是一样均等的，编排显得整齐，庄重，严谨，但可能会有些单调，这时可采取一些手段，如将首行字体改变或字号加大，另外可以配插图等。(2)齐中：字行的编排以中心为轴向两边延伸，字行的首尾与其他的字行首尾不对齐，只管齐中。(3)齐左或齐右：在编排时只考虑一端对齐，另一端放松，这样的编排显得在严谨中又有活泼，版面有张有弛，有虚有实。(4)图插字行：在整齐的字行排列中插入图形，使文字群围绕图形排列，版面显得生动活泼。二、图形在版面中的编排1．图形的面积在版面中图形面积大甚至占整个版面，会产生强烈的视觉效果和感染力，会使平淡的版面产生跳跃感。小面积的图形作为版面插图，主要功能是配文而用，当然也有一定的欣赏价值，但它不像大图观赏性那么强。小面积的图形显得精致简洁，但在视觉上缺少感染力，多了会显得琐碎，所以版面中不要过多地配小图。2．图形的类型(1)方形图：方形是最常见的图形，在版面中不受垂直线、水平线和斜线的限制，方形图显得稳重，大方。(2)退底图：退底图就是将图形保留下来，去掉背景底部。(3)出血图：出血图就是将一张图片放满版面，超出了切口的尺寸。(4)图形的数量：在版式设计中运用多少图形，要根据设计的内容而定。例如：关于休闲方面或儿童方面的书籍需要的图形比较多。而具有学术性的书籍就不需要太多的图形，只需一些直观形象的注解或说明事物的插图即可。(5)图形的方向：在版式设计中图形的方向除了外形的横、竖、斜、圆等各种变化之外，还有隐藏在图内的方向形象就是形象的动势方向。形象的动势给人以运动活泼的感受，常常与文字编排在一起将文字的字行头或字行尾与图形的形象动势结合，产生一种活跃的版面形式。第四节版式设计的分类特征版式设计的范围比较广泛，只要是平面设计方面的都涉及版式设计，在这里就书籍的版式设计、杂志的版式设计和报纸的版式设计三个部分加以论述。一、书籍的版式设计1．书籍的版式分类(1)诗歌、散文等文学类：在版式设计比较浪漫、轻松和雅致，插图的编排也是非常活跃的。(2)政治、经济类：在版式设计形式上要体现端庄稳重、简洁明了的设计风格，不要有太多的插图和琐碎的装饰。(3)科技、理工类：这类书籍在版式形式上要体现秩序性、理性感，版心的图文分割尽量体现方正的理性意识和层次分明的条理性，不要有花哨繁琐的装饰。(4)少儿类读物：版面要图文并茂，设计形式活泼，文字的字号要大些，字行要宽一些，这样符合儿童的阅读。(5)通俗类读物：版式设计比较轻松自由，体现出休闲的味道。通俗读物内容广泛，所以版式变化丰富，可以多配插图，图文并茂更受读者的欢迎。2．版面中的点、线、面在版式设计中要把所有的元素都视为抽象因素的点、线、面。一个字就是一个点，一行字就是一条线，若干字行连成的字组就是一片面，还有将图片视为面，版面上也有许多装饰线和点，这些因素构成了版面关系，即点、线、面的抽象对比关系和空间气韵的和谐关系。二．期刊的版式设计期刊也称为杂志1．期刊版式设计的特点期刊的内容是丰富的又是各自独立的，读者在翻阅期刊时不像翻阅书籍那样从头至尾按页翻阅，而是愿意从任何一页翻阅，都希望有一个新的内容中心，所以期刊的版式设计是一个比较完整的内容，有题目、正文、插图，又要注意前后的连续性。2．期刊版式的设计语言及独特风格任何一门艺术都有它的艺术语言特征，期刊设计作为刊物的艺术语言而独立存在，语言的体现是它的核心思想的体现。不同类别的期刊它所体现的核心思想是不一样的，所以体现出的形式风格也有差异。3．期刊的形式结构目录、栏题、标题、图片构成了期刊的形式结构。(1)目录：期刊的目录是按专栏集中编排，每一个专栏只编排相关专栏的内容。目录主要由两部分组成，一个是内容，包括专栏名、篇名、作者和页码，另一个是刊号、期号、编写成员、出版单位、出版时间和印刷厂等。(2)栏题：栏题是在专栏的前头，起到提示专栏、区别专栏的作用，是某专栏特有的符号，它能帮助读者快速找到所需要的专栏。(3)标题：它是文章的核心提示，其所运用的字体、字号都和正文有一定的区别，让人一目了然。为了活跃版面，可以对标题字体进行大胆的夸张，将字号的比例加大，以产生视觉的跳越感。(4)图片：图片在现代期刊中起着支柱的作用，许多期刊图多文少。图片在期刊版面中占的面积也很大，数量也很多，所以一定要设计好图与图、图与文之间的比例关系及呼应协调关系。期刊的图片运用非常活跃，可以是方形，也可以是圆形、三角形，还可以裁剪出形象的自由外形等，图片可以正放也可以歪放，可以编排在版心内也可以排在版心外。三、报纸的版式设计报纸的一张版面上有多项专栏，所以版式设计内容更加丰富。编排专栏时要考虑视觉浏览习惯，一般是从上至下，从左至右，把重要的新闻编排到左上方，报头、日期、刊号、期号等都是放置在这个部位，就报纸的折叠也是把这个部位放在最外面。报纸的版式变化主要是通过网栏，也就是以网格状为专栏。一般对开横排的报纸采用的是6—8栏，由于内容的长短不同，所占栏的尺寸、形状也不一样，根据文图量的需要使网栏有变化。变化主要有两种：一种是长栏；另一种是破栏。长栏，就是栏的宽度正好是原基栏的一倍；破栏，就是在原有三栏宽度上变成二栏，称之为三破二，还有五破三等，这样一是考虑版面的编排字数，二是使版面有了变化，不会显得呆板。报纸的版式设计应该追求在整体中的节奏变化，标题字体、字号的大小和图片位置及大小都会使版面产生视觉上的丰富性。标题字号的大小要根据内容的重要程度而定，但无论重要与否，每一个标尺栏的标题都需要大而醒目，有些重要的内容还要在标题后加色块作背景。为了不使版面显得单调，还应在空处加些题花、图案等装饰。总而言之，报纸的版式一定要整体新颖，让人有清晰的阅读感。第五节版式的基本类型骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型四角型1、骨格型规范的、理性的分割方法常见的骨格有－竖向通栏、双栏、三栏和四栏等。一般以竖向分栏为多图片和文字的编排上，严格按照骨格比例进行编排配置，给人以严谨、和谐、理性的美骨格经过相互混合后的版式，既理性有条理，又活泼而具有弹性骨格型骨格型骨格型2、满版型版面以图像充满整版，主要以图像为诉示，视觉传达直观而强烈。文字配置压置在上下、左右或中部（边部和中心）的图像上满版型，给人大方、舒展的感觉。是商品广告常用的形式满版型3、上下分割型整个版面分成上下两部分，在上半部或下半部配置图片（可以是单幅或多幅），另一部分则配置文字图片部分感性而有活力，而文字则理性而静止上下分割型上下分割型上下分割型4、左右分割型整个版面分割为左右两部分，分别配置文字和图片左右两部分形成强弱对比时，造成视觉心理的不平衡。这仅是视觉习惯（左右对称）上的问题，不如上下分割型的视觉流程自然如果将分割线虚化处理，或用文字左右重复穿插，左右图与文会变得自然和谐左右分割型左右分割型5、中轴型将图形作水平方向或垂直方向排列，文字配置在上下或左右水平排列的版面，给人稳定、安静、平和与含蓄之感垂直排列的版面，给人强烈的动感中轴型中轴型6、曲线型图片和文字，排列成曲线，产生韵律与节奏的感觉曲线型曲线型7、倾斜型版面主体形象或多幅图像作倾斜编排，造成版面强烈的动感和不稳定因素，引人注目倾斜型8、对称型对称的版式，给人稳定、理性、理性的感受对称分为－绝对对称和相对对称。一般多采用相对对称手法，以避免过于严谨对称一般以左右对称居多对称型对称型9、重心型重心型版式产生视觉焦点，使其更加突出直接以独立而轮廓分明的形象占据版面中心向心－视觉元素向版面中心聚拢的运动离心－犹如石子投入水中，产生一圈一圈向外扩散的弧线的运动重心型重心型10、三角型在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素三角型三角型11、并置型将相同或不同的图片作大小相同而位置不同的重复排列并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感并置型12、自由型无规律的、随意的编排构成有活泼、轻快的感觉自由型13、四角型版面四角以及连接四角的对角线结构上编排图形给人严谨、规范的感觉四角型谢谢