版式设计课件

版式设计

主讲:吴妍妍目录版式设计原理版式设计的概念纸张的开本设计版面利用率版面设计要素文字的编排图形的编排版式的视觉流程版式的基本类型版式设计练习名片的版式海报的版式报纸的版式杂志的版式宣传手册的版式版式设计原理概念篇版式设计课程要点:版式设计课程的教学目的是把版面上所需要的设计元素进行必要的编排组合，成为直观动人、简明易读、主次分明、概念清楚的美的构成，使其在传达信息的同时，也传达着设计者的艺术追求与文化理念；从而通过版式设计，给阅读者提供一个优美的阅读“空间”!版式设计原理概念篇何谓版式设计？在有限的版面空间里，将版面构成要素文字\图形图像等视觉元素进行有机的排列组合，将版面内容个性化的表现出来。版式设计原理概念篇版式设计涉及平面设计的各个方面，诸如报纸、招贴、书籍、杂志、包装、直邮广告（DM)、企业形象(CI)、网页设计影像等领域。好的版式设计能够清晰地展现原稿的性质、结构、层次、意图并与开本、装订形式以及封面风格和谐一致，起到方便实用，美观悦目的作用，并使印刷材料得到合理充分的利用。版式设计原理概念篇突出主题

版面条理清楚，突出主题，主次分明思想性与艺术性

版式设计的形式本身并不是目的，设计是为了更好地传达思想，形式符合思想，是版式设计的前提。变化与统一整本书刊及整张报纸的版面设计，需要在变化中求统一。在目录、前言等部分可多追求变化，内文部分字数多、篇幅长的要注意整体性。趣味性与独创性整体性与协调性

整体性强调形式必须服从内容，把形式与内容相统一，强化整体布局，才能取得版面构成中独特的社会和艺术价值。

协调性是强化版面各编排要素在版面中的结构以及色彩上的关联性，通过版面的文，图间的整体组织协调，使版面具有秩序美、条理美，从而获得更了好的视觉效果。版式设计的基本原则作业：社会调研国内杂志的版面设计风格、开本、色彩、字体等信息。如文学类杂志：《读者》《青年文摘》《萌芽》

科技类杂志：《中国国家地理杂志》《文明》《大众软件》

时尚类杂志：《时尚》《瑞丽》《世界服装之苑》

艺术类杂志：《艺术与设计》《产品设计》《二十四格》版式设计原理纸张的开本设计在制作印刷品的时候，必须首先确定开本的大小，开本大小对页面的排版设计有很大的影响，而且也与媒体定位密切相关。决定开本类型首要考虑印刷品的特征及定位。杂志：重视视觉形式，又包含大量信息，需要较大开本小说类：以文字为主，需要携带方便。月刊类杂志：B4/A5开本版式设计原理纸张的开本设计常见开本尺寸(单位:mm)

开本尺寸(正度):787x1092开本尺寸(大度):850x1168A3:420*297<大度纸>A4:210*297B5:176*250<正度纸>

版式设计原理纸张的开本设计版式设计原理版面利用率在排版过程中,设定页面四周的余白来安排页面的排版.版面率:在页面开本之内,版面所占面积的比率.

版面率越大,页面中包含的信息就越多,给人以活力、热闹的印象。

版面率越小，页面中包含的信息就越少，给人以典雅、高级、稳重的印象。天头：每面书页上端的空白。地脚：每面书页下端的空白，作用是为了使书籍底端同页角分开，在视觉上产生主次分明的效果，从而突出页面的版心部分。订口：位于版心内侧用于装订的位置。切口：指版心外侧的边缘位置，当切口有颜色时称为色口，没有颜色成为白口。版心：是图书版面上规则承载图书内容的主体。普遍书籍边距在15－25mm之间，较厚的书，书脊方向的页面边距设置要更大一些。出血线：为了达到印刷出来的东西不会出现这里没有填充满颜色，那里缺块颜色的状况，所以在做图的时候流出来几毫米，也就是以后要被裁去的一部分，这样使画面看起来不至于参差不齐。一般留3mm封一：封面封二：封面的内页封三：封底的内页封四：封底扉页：封二右边那页版式设计原理版面利用率版式设计原理版面利用率页眉：位于天头地脚与版心顶部之间，用于放置书名、章名等内容，便于读者在阅读过程中根据此处的信息了解当前所处的大概位置。在页眉中通过文字、图形的搭配组合达到装饰及美化图书的目的。页脚：与页面位置相反，通常摆放页码，还可合理搭配一些装饰性图案，页可留白。勒口：封面、封底切口处多留出50－100mm的页面，摆放简介。P数：page的英文，页数的意思封腰：用纸或塑料围住出版物的肚子，印重要因袭吸引读者。版式设计原理常用纸张类型铜版纸：又称涂料纸。纸张光滑、百度高、厚薄一致，伸缩性小，抗水性好。百度在90％以上。使用广泛：挂历、明信片、招贴画、书籍、插图、美术图书、画册、手提带哑粉纸：又称无光铜版纸，在日光下观察，与铜版纸相比，不太反光。用它印刷的图案在颜色上没有铜版纸那么色彩鲜艳，担图案比铜版纸更细腻、更高档。白卡纸：完全用漂白化学纸浆制造并施胶的单层或多层结合的纸，用于名片、菜单、吊牌、包装等。字典纸：薄型书刊用纸。纸薄而强韧耐折，质地紧密平滑。新闻纸：也叫白报纸，是书刊及书籍的主要用纸。不易长期存放，保存时间过长，纸张会发黄发脆、抗水性能差，不易书写。轻型纸：不含荧光增白剂，多呈奶白色，色泽柔和，对视力有保护作用。质感松厚度好，耐折，不透明度高。比普通纸重量轻1/3到1/4。版式设计原理常用印刷工艺1覆膜：分为亮膜和哑光膜。特点：平滑、光亮、耐水、耐磨2模切：根据预定形状，通过精密加工和切割使材料形成定制零部件。

可加工材料有：橡胶、泡沫塑料、塑料、乙烯基、硅、薄金属模切工艺：钢刀模切——做成仿型钢刀，以冲压方式切出

旋转模切——用于大宗卷材的切割

激光切割——精度高，过程干净，无切割热生成，适于大批量削切。3凹印凸印：把印模印入纸中形成凹起无油墨的表面工艺。能产生双重色调的效果，简洁不但调，呈现立体感。4烫金/烫银5UV工艺：将上光油附于封面，起到美化及保护封面不受损的作用。版式设计原理常用装订方式1骑马订：适合杂志、画册、记事本，以及页数较少的书籍。无线胶装：适合各种厚度与纸张的图书，价廉物美，轻巧使用，是最常见的装订方式。线圈装订：适合画册、记事本、特殊开本的书籍，以及页数较少的书籍可以平摊阅读、休闲轻松。精装装订：适合具有重要意义的书籍，页数较多的书籍，华丽厚实，是最精美的装订方式。版式设计要素版式的整体性版式设计创意不同于一般的创意，它必须服从于设计的主题思想，优秀的版式设计往往将各种编排元素融为一体，以整体的形式与张力传递出视觉信息，从而突出作品的原创主题，使之更具有艺术感染力。版式设计的整体概念：“整体”是版式设计的前提，好的版式最终目的是使版面有条理，更好的突出主题，达到最佳的诉求效果。1建立信息等级，以明确主次关系传递设计主题对文本信息进行分析和提炼，将文中相互关联的内容归为一类，依信息主次建立信息等级，如一级标题、二级标题、三级标题、正文等树状排列。2将编排元素抽象化，用以研究黑白灰的整体布局将编排元素用点、线、面来代替，便于抛开细枝末节从整体上去把握各编排要素间的构成关系，建立整体概念。版式设计要素版式的整体性【重点提示】读者下意识的阅读习惯：从左往右从顶部开始，再沿着页面一直往下出版物的各页是相互关联的大而深是重要的，小而浅的是次要的任何事物都有形状，包括“空”的空间版式设计要素文字的编排宋体：字体方正，笔画横平竖直，横细竖粗，棱角分明，结在构严谨，整齐均匀，使人在阅读时有一种舒适醒目的感觉，主要用于书刊或报纸的正文。黑体：横竖笔画粗细一致，黑体的点、撇、挑、勾都是方头。在风格上虽然不及宋体生动活泼，却以庄重有力，朴素大方而引人注目，常用于标题、广告等醒目的位置上，有强烈的视觉效果。隶书：字形扁方，左右伸展，粗细兼备，去繁就简。隶书是汉字演变史上一个转折点，奠定了楷书的基础。隶书结构扁平、工整、精巧。楷书：形体方正、笔画平直，可作楷模。笔画分明，结构方整，强调笔画和部首均衡分布、重心平稳，比例适当，字形整体，合乎规范。等线体：几乎都是相等的线条，完全抛弃了字脚，只剩下字体的骨骼，显得朴素端正，十分清楚。版式设计要素文字的编排Arial:无衬线体，有称现代自由体。纵横笔画相同，造型简洁有力，具有现代感。风格类似于汉字的黑体，常与汉字的黑体配合，用于招贴等广告的大标题。TimeNewRoman:笔画粗细对比强烈，衬线细直。具有装饰效果和易读性。适用于古典作品以及有悠久历史的商品装饰。版式设计要素字号、字距、行距、标题字字号：标题14点以上正文7、8——14点

粗字易造成强烈视觉冲击力，细小字体温和和引导视线连续性。

细小文字构成版面，精密度高，整体性强，纤细、雅致、有现代感字距、行距：对引导阅读非常重要，过窄相互干扰，阅读吃力；过宽，缺乏

连续性。文字编排基本形式：左右均齐：整段文字左右两段长度平齐。居中对齐：以中心垂直线为中心轴线，每行文字两端到中间距离相等，字群中心突出，整体感强。齐左齐右：一端自然形成光滑直线，另一端不规则轮廓形成鲜明对比，虚实结合，松劲适度。版式设计要素字号、字距、行距、标题字文字的强调：标题强调：需要特别强调的部分，在字体、字号、颜色、位置上都需要精心设计其他文字强调：可改变字体、放大、变色、加框、划线、衬色等文字的群组编排：不同内容的多组信息组合，可用加宽行距，插入线条，改变字号等方式区别。文字的图形编辑：使文字形成一条线，一个面或图形，使图中有文，文中有图，相互补充，使版面生动有趣。文字编排的局部处理：首行强调：正文第一个字放大，在正文中起到强调，吸引实现、装饰和活跃版面的作用。下坠式：正文里第一个字放大并嵌入首行装饰性：首字放大作为图形进行装饰来获取版面的装饰风格，产生强烈的视觉冲击力。2.引文的强调：碰到提纲性文字即引文，通常引文概括一个段落，一个章节或全文大意，在编排中应给予特殊的位置和空间来强调。将引文远离或嵌入正文栏的左右、上下或中心位置，并在字体或字号上与正文加以区别。版式设计要素字号、字距、行距、标题字版式设计要素图形的编排根据不同的目的和作用对图形进行分类在页面的功能和意味分类：最为主要视觉形象而使用/为了说明拍摄对象的状态而使用/为了强调页面效果而使用拍摄对象分类：人物/动物/静物/室内风景/室外风景季节和时间分类朝/昼/夜/雨/晴/春/夏/秋/冬亮度和色调不同分类彩色/单色/暗色/亮色/暖色/冷色/红色系/绿色系角度不同俯视/仰视/平行/向左/向右/正面构图不同主题的位置在正中/靠左/靠右/焦距在前面/后面按乐器的种属分类按拍摄的场景分类按图片的形状分类按色调进行分类根据拍摄对象进行分类。即使同一个人的拍摄照片，也会由于拍摄方式的不同产生不同的意见。比如包括动作的图片、展示面部的图片、与其他人一起出现的图片等。相机与拍摄对象之间距离也是景象图片效果的重要因素。越是接近于“特写”类型的图片，一幢图片能够获得的信息就会越少，但是却能将观者的视线集中到一点。拍摄角度的不同。图片中主要拍摄对象的位置也很重要。特别是当排版需要在图片上添加文字的时候，需要特别仔细地调整拍摄地角度和方向。版式设计要素图形的编排图片排列的先后顺序与大小调整对页面内容分类时,可以通过对图片的功能及内容的把握来确定图片的先后顺序。理解文章内容最重要。将位置重要的图片放大，使其变得显眼，利用图片尺寸之间的相对大小来确定图片之间的主次关系，表示并列时使图片尺寸保持一致。调整图片位置以吸引读者的注意，将重要的图片与其他图片间隔一段距离。调整图片尺寸类型不易过多，为了保持页面结构的平衡，在一定程度上对图片大小进行协调统一，图片尺寸类型不易过多，会造成图片主次关系不稳定。调解不同大小图片之间主次关系的平衡，要将图片大体分为大、中、小几个级别。利用出血图片控制视觉效果。两张图片并列时，如果尺寸完全相同，那么读者就感觉不出图片之间地先后顺序。当需要表示他们并列关系时，可以运用这种处理方法。当图片的先后顺序有所差别的时候，一般来说，会将那些需要引起读者注意的图片放大，通过对其他图片尺寸的缩小来达到同样的效果。这种大小差别不明显的大小差别是很难让人明白的。必须明确地对图片之间地大小差别进行区分。版式设计要素图形的编排恰当的图片剪裁通过对图片的剪裁来改变原图片的长宽比例，通过处理使图片合适应排版面的空间。通过裁减来改变图片的缩放。通过剪裁将图片中多余的部分删除。通过剪裁来调整拍摄对象的位置将图片中多余的部分删除。例如在拍摄的时候，如果图片角落出现了从后面走过的人，就需要通过剪裁将多余部分删除。但也应避免过渡剪裁带来地危险性。版式设计要素图形的编排对图片中的动势及方向性的考虑考虑人物图片视线的方向读者会很自然移向图片中人物凝视的方向向图片中加入动势的变化通过将图片本身倾斜放置等方式来打破垂直和水平的平衡来增加图片的动感。如果拍摄对象目光朝向处的空间较大，就能够使图片具有稳定感。通过拍摄对象的运动或倾斜，来增加图片运动或变化的程度。不仅可以通过拍摄对象的调整，也可以通过将图片本身倾斜放置来达到增加动势或变化的效果。距离相近的图片很容易被作为同一组图片来整体对待。相反，为了表示图片分属于不同的组别，可以拉开图片之间的距离。将职务或年龄较高的人的图片放在比较考上的位置是一条基本原则。尽量避免将物品或风景图片放在人物图片的正上方。在头部上方位置安排其他图片的做法是不受人欢迎的。当处理天空与大海图片的上下关系时，最好按照现实中海天关系来安排。如果颠倒过来就会显得很不协调。版式设计要素版式的视觉流程视线随着各元素的排列位置在空间中沿一定轨迹移动的过程就是视觉流程。这一空间运动存在于任何一幅版式设计之中。1、直线视觉流程

使页面的流动线更为简明，直接地诉求主题内容，有简洁而强烈的视觉效果。直线视觉流程表现为三种形式：竖向视觉流程：给人坚定、直观的感觉。横向视觉流程：有稳定、恬静之感。

斜向视觉流程：以不稳定的动势引起注意。

明确、简洁的竖向视觉流程横向的视觉流程，向人们传达出稳重、可信的视觉斜向视觉流程，使页面产生动感版式设计要素版式的视觉流程焦点视觉流程

焦点，是指视觉心理的焦点。每个页面中都有一个视觉焦点，这是需要重点处理的对象。焦点是否突出，和页面版式编排、图文的位置、色彩的运用有关，同时也与对“焦点”着力描写有关。在视觉心理作用下，焦点视觉流程的运用使主题更为鲜明、强烈。在具体的处理上，一般沿着视觉焦点的倾向与力度，来发展视线的进程。通常以鲜明的形象或文字占据页面某个位置，或完全充斥整版，集合浏览者的视线，完成视觉心理上的焦点建造。另外，向心、离心的视觉运动，也是焦点视觉流程的运用形式。按照主从关系的顺序，使放大的主题形象成为视觉焦点，以此来表达主题思想。运用图片大小的对比引起视觉的流动对主题图片的遮挡，引发浏览者一探究竟的兴趣在主题形象四周增加空白量，使之成为视觉焦点。

留白使页面简约大方，更加突出了主题

通过在主体产品周围留白吸引视线

这是一个典型的运用焦点视觉流程的例子

页面中的方形图无疑首先吸引了浏览者的视线

具有独特个性风格的首页设计,视觉流程清晰版式设计要素版式的基本类型1.骨骼