中文版InDesign CC排版设计案例教程01版式设计基础知识

InDesign CC 排版设计案例教程中文版版式设计基础知识第一章初识板式设计1.1版面与印刷1.2图形图像基础知识1.3在学习使用排版软件之前，最好先对版式设计有个简单的认识，本章就从这个角度出发，简单介绍版式设计的基础知识，内容包括版式设计视觉要素、版式设计类型、版式设计常用的形式美法则、版面与印刷相关知识，以及图形图像基础知识。本章导读了解版式设计的视觉要素。熟悉常见版式设计类型。掌握版式设计常用的形式美法则。了解版面与印刷相关知识。了解图形图像基础知识。学习目标start版式设计是现代设计的重要组成部分，是视觉传达的重要手段。它是在有限的版面空间里将诸多视觉要素，如文字、图像、图形、网格等，根据版面内容的需要进行有组织、有秩序地编排组合，使版面产生新的形象和风貌。1.1 初识版式设计1.1.1 版式设计视觉要素在版式设计中，文字是传播版面信息的主要方式，有助于了解画面的主题。版面中字体与字体大小的安排既要有利于阅读，又要兼顾版面的美观。如下图所示。文字的应用1.文字1.1.1 版式设计视觉要素为便于后面的应用，下面简单介绍一下常用印刷物中文字的字体、字体大小的应用。宋体、楷体、黑体等可用作书籍、报刊的正文，字体大小一般不小于五号字，可用小四号或四号字。仿宋体通常使用于辞书、字典、手册、书目等工具书以及书籍、报刊的正文。1.1.1 版式设计视觉要素图像作为版式构成的视觉要素之一，能直观、形象地传达信息，还能从中获得美的感受，它比文字更能吸引用户注意，更能给用户以视觉冲击力。如右图所示的版面中，图像占据了大量面积，成了画面的主导视觉元素，文字信息变得相对较少。图像的应用2.图像1.1.1 版式设计视觉要素图形是版式设计中非常重要的视觉要素，可以通过将不同形状、数量和面积的图形放在不同的位置，来制作不同的版面效果。图形的形状：在版面中图形的形状主要分为规则和不规则两类，不同形状可以实现不同的设计效果。比如，版面中使用规则圆形排版，可使版面充满轻松、活泼之感，如右图所示。图形的应用3.图形1.1.1 版式设计视觉要素图形的数量和面积：在版面中图形的数量并不是随意的，一般需要由版面内容决定，并需要精心安排，如右图所示。图形的位置：对于版面中图形的位置，一定要注意主次得当、穿插使用，以达到在对比中产生层次感的效果。1.1.1 版式设计视觉要素网格是平面构成中“骨骼”概念的延伸，主要起到分类的作用。如今，网格已成为版式设计中普遍使用的版面组织方式，如图所示。网格的应用4.网格1.1.1 版式设计视觉要素色彩是极富表现力的艺术语言之一，不同色彩具有不同的象征意义，例如，红色往往让人联想起火焰，因而使人觉得温暖并充满力量，如右图所示。版式设计中的色彩是以其他要素为载体实现其艺术表现力的，版式设计中标题、正文、图形中所采用的色彩应尽量避免繁杂，且整个版面应有一个主色调。色彩的应用5.色彩1.1.2 常见板式设计类型满版型版面构图是将图像铺满整个版面，文字只占据少量版面。这种构图具有强烈的视觉冲击力，整体效果大方、舒展，常用于平面广告，如图所示。满版型版面构图1.满版型1.1.2 常见板式设计类型分割型版面构图分割型版面构图，是将整个版面分割成大小不同的区域，并将图像和文字分别放置在不同的位置。分割型版面注重区域和比例的划分，通过将版面划分为上下、左右、水平、垂直等结构，达到一种视觉美感，如右图所示。2.分割型1.1.2 常见板式设计类型对称型版面构图，是利用版面的轴心使版面视觉要素进行上下、左右或其他方式的对称。对称型版面具有统一、庄严的特点，如下图所示。中轴对称型版面构图3.对称型1.1.2 常见板式设计类型对角型版面构图，是指版面的主要视觉要素分别位于版面的对角线上，从而形成变化中有呼应的视觉效果。对角型版面具有不稳定感，视觉冲击力较强，如图所示。对角型版面构图4.对角型1.1.2 常见板式设计类型重复型版面构图，是将多个图像以相同大小，按照一定的规律，进行有秩序的重复排列。由于图像大小变化及排列富有规律性，形状相同或相似给人以整齐、统一的视觉感受，如图所示。重复型版面构图 5.重复型与重叠型1.1.2 常见板式设计类型重叠型版面构图，是指版面中的主要视觉要素以相同或相似的形式反复出现，排列时表现为层层重叠的样式。这种构图使版面具有较强的视觉冲击力，能够营造出活泼、动感的效果，适合表现时尚、年轻的主题，如右图所示。重叠型版面构图5.重复型与重叠型1.1.2 常见板式设计类型三角形又称金字塔形，版式设计中可分为正三角型和倒三角型两种。正三角型版面构图有着最为稳定的图形结构，给人安全、值得信赖的感觉，如图（a）所示。倒三角型版面构图给人以动感和时尚感，如图（b）所示。正三角型和倒三角型版面构图（a）（b）6.三角型1.1.2 常见板式设计类型坐标型版面构图，是指版面中的文字或图像等视觉要素以类似坐标线的形式，呈垂直与水平交叉式排列。这种构图方式比较特殊，具有较强的视觉注目度，能给观者留下较深的印象。坐标型版面适于表现轻松、活泼的主题，但注意文字量不宜过多，如下图所示。坐标型版面构图7.坐标型1.1.2 常见板式设计类型聚集型版面构图，是指版面中的大部分视觉要素按照一定的规律朝向同一个中心点聚集。聚集型构图能够强化版面的重点视觉要素，同时具有向内的聚拢感和向外的发散感，给人较强的视觉冲击力，如下图所示。聚集型版面构图8.聚集型1.1.2 常见板式设计类型分散型版面构图，是指版面中的主要视觉要素按照一定的规律分散地排列在版面中。此构图中各视觉要素之间的空间较大，且分布较为均匀，给人以轻松、舒适之感，如右图所示。分散型版面构图9.分散型1.1.2 常见板式设计类型倾斜型版面构图，是指将版面中的文字或图像等视觉要素倾斜编排，形成强烈的动感和不稳定性。这种构图方式往往具有很强的视觉冲击力，给人时尚、青春、活泼的视觉感受，如图所示。倾斜型版面构图10.倾斜型1.1.2 常见板式设计类型组合型版面构图，是将版面分成左右或上下两部分，再将富有对比意味的视觉要素拼贴在一起，形成新的版面，统一中有变化，形成趣味性极强的效果，如图所示。组合型版面构图11.组合型1.1.2 常见板式设计类型自由型版面构图，是指版面结构没有任何规律，可以随意编排组织相关视觉要素，形式灵活多变，画面轻松、活泼，是最能施展创意的构图形式。但是，自由构图并不代表杂乱无章，还需要把握整体的协调性，如下图所示。自由型版面构图12.自由型1.1.2 常见板式设计类型破型版面构图，是指打破传统的网格结构，摆脱平衡和拘束，形成特殊的版面效果。破型版面的创意空间很大，给人以自由、另类之感，充满个性。但这种版面构图控制起来比较难，设计时还应注意尺度的把握，如图所示。破型版面构图13.破型强化了版面的整体感突破了版面的单调与死板1.1.3 版式设计常用的形式美法则变化统一统一与变化是形式美法则的高级形式。统一是主导，变化是从属。如果过分地追求变化，则可能杂乱无章，失去整体感。1.统一与变化1.1.3 版式设计常用的形式美法则在进行版面设计时，应力求在细节的变化中求得整体的统一，在单纯的统一中蕴含丰富的变化。形体的大小、质感、方向、色调可以是变化的因素，同样地，形象特征的统一、色彩的统一、方向的统一、明暗的统一等，可以提高整体的统一性，如图所示。统一与变化1.1.3 版式设计常用的形式美法则对称是指以中轴线为中心，分成相等的两部分的对应关系，常运用于报纸版面。它给人以稳定、沉静、端庄、大方的感觉。在版面上的视觉效果端庄静穆，有统一感、格律感，但如过分均等就易显呆板均衡又称平衡，是以同量不同形的组合方式形成稳定而平衡的状态，平衡状态具有不规则性和运动感。版面的均衡是指版面的上与下、左与右取得面积、色彩、重量等量上的大体平衡。在版面上的视觉效果生动活泼，有运动感和奇险感，但有时因变化过强而易失衡。2.对称与均衡在版面设计中要注意把对称和均衡两种形式有机地结合起来灵活运用。如右图所示为使用对称与均衡法则设计的杂志版式。1.1.3 版式设计常用的形式美法则对称与均衡1.1.3 版式设计常用的形式美法则节奏与韵律也存在于舞蹈、美术、建筑、摄影等艺术媒介中，在版式设计中，节奏是在不断重复中产生的频率变化，表现为一种有规律的跳动；而韵律不再是简单的重复，还赋予了版面以强弱对比、抑扬顿挫的规律变化。由相似图形的规律变化构成的版面，给人以节奏感和韵律感，如图所示。节奏与韵律3.节奏与韵律1.1.3 版式设计常用的形式美法则版面中的“虚”可为空白，也可为细弱的文字、图形或色彩，要根据具体的版面来定。为了强调主体，可有意将其他部分削弱为虚，甚至以留白来衬托主体的“实”。虚实与留白虚实与留白是版式设计中重要的形式美法则之一，可以为版面增添灵气和空间感，突出版面主体，使版面结构主次清晰，更具层次感，如右图所示。4.虚实与留白1.2 版面与印刷1.2.1 印刷流程印刷是一种对原稿图文信息进行复制的技术，其特点是：把原稿上的图文信息大量、经济地再现在各种承印物上。印刷品的生产，一般要经过印前处理、印刷与印后加工3个步骤，如图1-24所示图1-24 印刷流程卷筒纸适用于高速轮转印刷机，纸张的大小规格按宽度分为：1575mm、1092mm、880mm和787mm 4种卷筒纸平板纸适用于一般印刷机，纸张的大小规格按大小分为：787mm960mm、787mm1092mm、880mm1230mm和889mm1230mm 4种。平板纸1.2.2 纸张尺寸印刷使用的纸张按形式可分为卷筒纸和平板纸两大类。印刷品纸张开本是指印刷幅面的大小，是以整张纸裁开的张数作标准来表明书的幅面大小的。切成幅面相等的16小页，叫16开，切成32小页叫32开。1.2.3 什么是出血在印刷行业中，由于裁切印刷品工具多为机械工具，所以裁切位置不精确。为此会在作品裁切位的四周加上预留空间，此空间被称为“出血”。印刷作品一般分为设计尺寸和成品尺寸，设计尺寸比成品尺寸大，大出来的边是要在印刷后裁切掉的，这个要印出来并被裁切掉的部分就称为印刷出血。在InDesign文档编辑窗口中，出血区域位于页面区域四周，一般宽度为3mm5mm，并由一个红色线框表示，如图所示。出血区域出血线页面区域外的出血1.3 图形图像基础知识1.3.1 位图与矢量图被称为图像，放大到一定比例时会变模糊位图被称为图形，放大后依然清晰。矢量图计算机中的图形有位图和矢量图两种类型。1.3.1 位图与矢量图位图由许多细小的色块组成，每个色块就是一个像素，每个像素只能显示一种颜色。像素是构成图像的最小单位，放大位图后可以看到它们，这就是马赛克效果，如下图所示。放大位图前后效果对比位图优点是：表现力强、色彩细腻、层次多且细节丰富等优点，缺点是：图像的像素越多文件越大，且进行缩放时，会损失图像的细节内容。常见的位图格式有jpg，gif，psd，bmp，tif等。拍摄的数码照片、扫描的图像、创意广告等都属于位图100%显示位图效果400%显示局部效果1.位图1.3.1 位图与矢量图矢量图主要是用Illustrator，CorelDRAW等矢量绘图软件绘制得到的。矢量图优点是：文件小、按任意分辨率打印都依然清晰（与分辨率无关），缺点是色彩单调，细节不够丰富，如左图所示。常见的矢量图格式有ai，cdr，eps等。常用于设计标志、插画、卡通形象和产品效果图等。100%显示矢量图效果600%显示局部效果放大矢量图前后效果对比2.矢量图1.3.2 颜色模式颜色模式决定了如何描述和重现图像的色彩。RGB模式CMYK模式Lab模式常见颜色模式在InDesign中1.3.2 颜色模式RGB模式是使用最广泛的一种颜色模式，常用于屏幕显示，如电视、电脑等。在该模式下，图像的颜色由红（Red），绿（Green），蓝（Blue）3原色混合而成。R，G，B 3种原色的取值范围均为0255。1.RGB模式1.3.2 颜色模式CMYK模式也称四色模式，C，M，Y，K分别对应印刷上的4种油墨颜色，主要用于彩色印刷，在印刷时可产生真实的