1、精品InDesign 版式设计案例教程主编 宋少忠 中国水利水电出版社精品InDesign 版式设计案例教程 本书内容共分八章:本书内容共分八章:版式设计概述版式设计概述初识初识InDesgin CS3页面创建与版面页面创建与版面文本的创建与编辑文本的创建与编辑图形的绘制与编辑图形的绘制与编辑对象的控制与编辑对象的控制与编辑表格的创建与编辑表格的创建与编辑文档输出与打印文档输出与打印精品第第1章章 版式设计概述版式设计概述l学习任务学习任务v本章中,我们将简要介绍版式设计的相关理论知识,目的是先让大家对版式设计有一个大概了解,也为版式设计软件的学习奠定理论基础。当然,在以后章节中,我们还会穿插
2、讲解更详细、更具体、更实用的版式设计理论知识,帮助读者更深入地完成“版式设计”这一学习任务。l学习目标学习目标v掌握版式设计的概念掌握版式设计的概念v掌握版式设计的原则掌握版式设计的原则v了解版式设计中的插图了解版式设计中的插图v了解版式设计的类型了解版式设计的类型v掌握版式设计的基本流程掌握版式设计的基本流程精品1.1 版式设计的概念版式设计的概念v版式设计是现代设计艺术的重要组成部分,更是视觉传达的重要手段。从表面上看它是关于编排的学问,实际上,它不仅是一种技能,更是技术与艺术的高度统一。版式设计是现代设计师必须具有的艺术修养与技术知识。那么,什么是版式设计呢?v所谓的版式设计,就是在版面
3、上将有限的视觉元素进行排列组合,将理性思维个性化地表现出来,它是一种具有个人风格和艺术特色地视觉传达方式。它在传达信息的同时,也产生了视觉上的美感。版式设计的范围非常广泛,涉及到报纸、杂志、书籍、画册、楼盘样书、挂历和招贴海报等平面设计的各个领域,它的设计原理和理论贯穿于每一个平面设计的始终。精品1.2 版式设计的原则版式设计的原则主题应鲜明突出主题应鲜明突出l按照主从关系顺序,使放大主体形象成为视觉中心,以此表达主题思想。按照主从关系顺序,使放大主体形象成为视觉中心,以此表达主题思想。l将文案中多种信息作整体编排设计,有助于主体形象的建立。将文案中多种信息作整体编排设计,有助于主体形象的建立
4、。l在主体形象四周增加空白量,使被强调的主体形象更加鲜明突出。在主体形象四周增加空白量,使被强调的主体形象更加鲜明突出。形式与内容应统一形式与内容应统一 l版式设计的完美视觉必须符合主题思想内容,这是版式设计的基本前提。版式设计的完美视觉必须符合主题思想内容,这是版式设计的基本前提。l所以,设计师只有将二者有机统一,先深入领会其主题的思想精神,再所以,设计师只有将二者有机统一,先深入领会其主题的思想精神,再融合自己的思想情感,版式设计才会体现出它的使用价值和艺术价值。融合自己的思想情感,版式设计才会体现出它的使用价值和艺术价值。整体布局应强化整体布局应强化 l强化整体的结构组织和方向视觉秩序。
5、如水平结构、垂直结构、斜向结强化整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构和曲线结构等。构和曲线结构等。l强化文案的集合性。将文案中多种信息组合成块状,使版面具有条理性。强化文案的集合性。将文案中多种信息组合成块状,使版面具有条理性。l强化展开页的整体特征。无论是报纸的展开版面,还是杂志的跨页,均强化展开页的整体特征。无论是报纸的展开版面,还是杂志的跨页,均为同视线下展示,因此,强化整体性,可获得更良好的视觉效果。为同视线下展示,因此,强化整体性,可获得更良好的视觉效果。精品1.3 版式设计的类型版式设计的类型 主要包括骨格型、满版型、上下分割型、主要包括骨格型、满版型、上下
6、分割型、左右分割型、中轴型、曲线型、倾斜型、对称左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型、重心型、三角型、并置型、自由型和四角型等型等13种。种。我们将以图文结合的方式简要介绍这些常用版式类型的特点:精品u骨格型骨格型骨格型是较为规范也较为理性的分割方法。常见的骨格类型包括竖向通栏、双栏、三栏和四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。按照骨格比例对图片和文字编排后,往往会给人以严谨、和谐和理性的美。骨格型版式设计如图1-1所示。v图1-1 骨骼型版式 精品u满版型满版型满版型版式主要以图像为诉求对象。版面往往以图像充满整个版面,视觉传
7、达效果直观而强烈。文字会压置在上下、左右或中部(边部和中心)的图像上。满版型版式一般会给人大方、舒展的感觉,是商品广告或海报中的常用版式类型。满版型版式设计如图1-2所示。v图1-2 满版型版式设计 精品u上下分割型上下分割型上下分割版式是将整个版面分成上下两部分,在上半部或下半部配置图片(可以是单幅或多幅),另一部分则配置文字。图片部分会显得感性而有活力,而文字部分则会显得理性而静止,整个版面自然会产生一种动静对比关系。上下分割型版式设计如图1-3所示。v图1-3 上下分割型版式 精品u左右分割型左右分割型左右分割型是将整个版面分割为左右两部分,分别配置文字和图片。左右两部分形成强弱对比时,
8、会造成视觉错觉,这是一种视觉习惯上的问题,但总体来看,不如上下分割型的版面视觉流程自然。如果能将分割线虚化处理,或者使用文字左右重复穿插,可以减缓这种视觉错觉。左右分割型版式设计如图1-4所示。v图1-4 左右分割型版式 精品u中轴型中轴型中轴型版式是将图形作水平方向或垂直方向的排列,文字配置在上下或左右。水平排列的版面,会给人稳定、安静、平和以及含蓄的感觉。垂直排列的中轴型版面,则会给人一种强烈的动感。中轴型版式设计如图1-5所示。v图1-5 中轴型版式 精品u曲线型曲线型曲线型版式是将图片和文字按照曲线形态排列,这样会使整个版面产生韵律感与节奏感。曲线型版式设计如图1-6所示。v图1-6
9、曲线型版式 精品u倾斜型倾斜型倾斜型版式是将主体形象或多幅图像进行倾斜编排,使版面产生不稳重感和强烈动感,进而达到引人注目的目的。倾斜型版式设计如图1-7所示。v图1-7 倾斜型版式 精品u对称型对称型对称型版式分为绝对对称和相对对称(即均衡)两种。一般多采用相对对称手法,以避免版面的过于严谨。对称型版式往往会给人稳重、严肃和理性的感觉。对称型版式设计如图1-8所示。v图1-8 对称型版式 精品u重心型重心型重心型版式可以产生视觉焦点,使其更加突出。通常情况下,重心型版式分为三种类型:一是中心,直接以独立而轮廓分明的形象占据版面中心;二是向心,视觉元素向版面中心聚集的运动;三是离心,犹如石子投
10、入水中,产生一圈一圈向外扩散的弧线的运动。重心型版式计1-9所示。v图1-9 重心型版式 精品u三角型三角型正三角形是最具有稳定性的图形,三角型的版式设计也会同样稳定。三角型版式设计图1-10所示。v图1-10 三角型版式 精品u并置型并置型并置型版式是将相同或不同的图片或图形进行大小相同而位置不同的重复排列。并置型版式往往会赋予版面以秩序、安静、调和以及节奏感。并置型版式设计如1-11所示。v图1-11 并置型版式 精品u自由型自由型自由型版式是一种无规律的、随意的编排构成,具有活泼、愉悦的感觉。自由型版式的代表作品如图1-12所示。v图1-12 自由型版式 精品u四角型四角型四角型版式是在
11、版面四角以及连接四角的对角线结构上编排图形,通常会给人一种严谨、规范的感觉。四角型版式设计如图1-13所示。v图1-13 四角型版式 精品1.4 版式设计的基本流程版式设计的基本流程通常情况下的版式设计流程如下:通常情况下的版式设计流程如下:v明确主题(需要传达的相关信息)。v搜寻、收集用于表达主题信息的素材,包括含文字、图形和图像等。通常情况下,使用文字可以最直接、最有效,最简洁、最贴切地表达主题信息。v应根据具体要求确定视觉元素的数量和色彩(黑白、彩色还是其他色系)。v确定版面中视觉元素的整体布局。v使用相关的图形图像处理软件进行详细制作。精品1.5 常用版式设计软件简介常用版式设计软件简
12、介l文字处理与编辑软件文字处理与编辑软件 v文字处理与编辑软件主要包括Microsoft Word、Microsoft Excel、AppleWorks等。这些软件有强大的文字处理能力,并且有一些基本的排版功能,主要用于办公室中做一般的文字处理工作。l商务排版软件商务排版软件v商务排版软件主要包括Adobe PageMaker、FreeHand和QuarkXpress等。这类软件具备文字处理、简单绘图和普通排版的功能。可以用这些软件制作商务简报、宣传手册以及简单的版式设计。在过去很长的一段时间里,有这些排版软件就能够满足广大用户的基本需求。l专业排版软件:专业排版软件:vInDesign便是专业排版软件的代名词。因为这一软件符合各类专业印刷出版的要求和标准。并综合了PageMaker和QuarkXPress软件的优势,能够处理如杂志、报刊版面等复杂的设计,可以制作专业品质的精美印刷品。随着印刷市场对于印刷物品质的更高要求,对于从事专业出版工作的用户来说,InDesign软件是首选。精品1.6 第第1章小结章小结v本章中简要介绍了版式设计的概念、原则、类型和基本流程等知识,读者朋友可以以此作为铺垫,为更深入地学习InDesign CS3排版软件做准备。