InDesign 版式设计案例教程 课件

《InDesign 版式设计案例教程 课件》由会员分享，可在线阅读，更多相关《InDesign 版式设计案例教程 课件（22页珍藏版）》请在金锄头文库上搜索。

1、InDesign 版式设计案例教 程主编 宋少忠中国水利水电出版社InDesign 版式设计案例教 程本书内容共分八章：版式设计概述初识InDesgin CS3页面创建与版面文本的创建与编辑图形的绘制与编辑对象的控制与编辑表格的创建与编辑文档输出与打印第1章 版式设计概述l学习任务v本章中，我们将简要介绍版式设计的相关理论知识，目的 是先让大家对版式设计有一个大概了解，也为版式设计软 件的学习奠定理论基础。当然，在以后章节中，我们还会 穿插讲解更详细、更具体、更实用的版式设计理论知识， 帮助读者更深入地完成“版式设计”这一学习任务。l学习目标v掌握版式设计的概念v掌握版式设计的原则v了解版式设

2、计中的插图v了解版式设计的类型v掌握版式设计的基本流程1.1 版式设计的概念v版式设计是现代设计艺术的重要组成部分，更 是视觉传达的重要手段。从表面上看它是关于 编排的学问，实际上，它不仅是一种技能，更 是技术与艺术的高度统一。版式设计是现代设 计师必须具有的艺术修养与技术知识。那么， 什么是版式设计呢？v所谓的版式设计，就是在版面上将有限的视觉 元素进行排列组合，将理性思维个性化地表现 出来，它是一种具有个人风格和艺术特色地视 觉传达方式。它在传达信息的同时，也产生了 视觉上的美感。版式设计的范围非常广泛，涉 及到报纸、杂志、书籍、画册、楼盘样书、挂 历和招贴海报等平面设计的各个领域，它的设

3、 计原理和理论贯穿于每一个平面设计的始终。1.2 版式设计的原则 主题应鲜明突出l按照主从关系顺序，使放大主体形象成为视觉中心，以此表达主题思想 。l将文案中多种信息作整体编排设计，有助于主体形象的建立。l在主体形象四周增加空白量，使被强调的主体形象更加鲜明突出。 形式与内容应统一 l版式设计的完美视觉必须符合主题思想内容，这是版式设计的基本前提 。l所以，设计师只有将二者有机统一，先深入领会其主题的思想精神，再 融合自己的思想情感，版式设计才会体现出它的使用价值和艺术价值。 整体布局应强化 l强化整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结 构和曲线结构等。l强化文案的集合性。

4、将文案中多种信息组合成块状，使版面具有条理性 。l强化展开页的整体特征。无论是报纸的展开版面，还是杂志的跨页，均 为同视线下展示，因此，强化整体性，可获得更良好的视觉效果。1.3 版式设计的类型 主要包括骨格型、满版型、上下分割型 、左右分割型、中轴型、曲线型、倾斜型、 对称型、重心型、三角型、并置型、自由型 和四角型等13种。 我们将以图文结合的方式简要介绍这些常 用版式类型的特点： u骨格型骨格型是较为规范也较为理性的分割方法。常见的骨格类型包括竖向 通栏、双栏、三栏和四栏和横向的通栏、双栏、三栏和四栏等。一般 以竖向分栏为多。按照骨格比例对图片和文字编排后，往往会给人以 严谨、和谐和理性

5、的美。骨格型版式设计如图1-1所示。v图1-1 骨骼型版式 u满版型满版型版式主要以图像为诉求对象。版面往往以图像充满整个版 面，视觉传达效果直观而强烈。文字会压置在上下、左右或中部 （边部和中心）的图像上。满版型版式一般会给人大方、舒展的 感觉，是商品广告或海报中的常用版式类型。满版型版式设计如 图1-2所示。v图1-2 满版型版式设计 u上下分割型上下分割版式是将整个版面分成上下两部分，在上半部或下半部配置 图片（可以是单幅或多幅），另一部分则配置文字。图片部分会显得 感性而有活力，而文字部分则会显得理性而静止，整个版面自然会产 生一种动静对比关系。上下分割型版式设计如图1-3所示。v图1

6、-3 上下分割型版式 u左右分割型左右分割型是将整个版面分割为左右两部分，分别配置文字和图片。左 右两部分形成强弱对比时，会造成视觉错觉，这是一种视觉习惯上的问 题，但总体来看，不如上下分割型的版面视觉流程自然。如果能将分割 线虚化处理，或者使用文字左右重复穿插，可以减缓这种视觉错觉。左 右分割型版式设计如图1-4所示。v图1-4 左右分割型版式 u中轴型中轴型版式是将图形作水平方向或垂直方向的排列，文字配 置在上下或左右。水平排列的版面，会给人稳定、安静、平 和以及含蓄的感觉。垂直排列的中轴型版面，则会给人一种 强烈的动感。中轴型版式设计如图1-5所示。v图1-5 中轴型版式 u曲线型曲线型

7、版式是将图片和文字按照曲线形态排列，这 样会使整个版面产生韵律感与节奏感。曲线型版式 设计如图1-6所示。v图1-6 曲线型版式 u倾斜型倾斜型版式是将主体形象或多幅图像进行倾斜编排，使版面产生不稳重 感和强烈动感，进而达到引人注目的目的。倾斜型版式设计如图1-7所示。 v图1-7 倾斜型版式 u对称型对称型版式分为绝对对称和相对对称（即均衡）两种。一般多采用相对对称手法 ，以避免版面的过于严谨。对称型版式往往会给人稳重、严肃和理性的感觉。对 称型版式设计如图1-8所示。v图1-8 对称型版式 u重心型重心型版式可以产生视觉焦点，使其更加突出。通常情况下，重心型版 式分为三种类型：一是中心，直

8、接以独立而轮廓分明的形象占据版面中 心；二是向心，视觉元素向版面中心聚集的运动；三是离心，犹如石子 投入水中，产生一圈一圈向外扩散的弧线的运动。重心型版式计1-9所示 。v图1-9 重心型版式 u三角型正三角形是最具有稳定性的图形，三角型的版式设计也会 同样稳定。三角型版式设计图1-10所示。v图1-10 三角型版式 u并置型并置型版式是将相同或不同的图片或图形进行大小相 同而位置不同的重复排列。并置型版式往往会赋予版 面以秩序、安静、调和以及节奏感。并置型版式设计 如1-11所示。v图1-11 并置型版式 u自由型自由型版式是一种无规律的、随意的编排构成，具有活泼、 愉悦的感觉。自由型版式的

9、代表作品如图1-12所示。v图1-12 自由型版式 u四角型四角型版式是在版面四角以及连接四角的对角线结构上编排 图形，通常会给人一种严谨、规范的感觉。四角型版式设计 如图1-13所示。v图1-13 四角型版式 1.4 版式设计的基本流程通常情况下的版式设计流程如下：v明确主题（需要传达的相关信息）。v搜寻、收集用于表达主题信息的素材，包括含 文字、图形和图像等。通常情况下，使用文字 可以最直接、最有效，最简洁、最贴切地表达 主题信息。v应根据具体要求确定视觉元素的数量和色彩（ 黑白、彩色还是其他色系）。v确定版面中视觉元素的整体布局。v使用相关的图形图像处理软件进行详细制作。1.5 常用版式

10、设计软件简介l文字处理与编辑软件 v文字处理与编辑软件主要包括Microsoft Word、Microsoft Excel、 AppleWorks等。这些软件有强大的文字处理能力，并且有一些基本的 排版功能，主要用于办公室中做一般的文字处理工作。l商务排版软件v商务排版软件主要包括Adobe PageMaker、FreeHand和QuarkXpress 等。这类软件具备文字处理、简单绘图和普通排版的功能。可以用这些 软件制作商务简报、宣传手册以及简单的版式设计。在过去很长的一段 时间里，有这些排版软件就能够满足广大用户的基本需求。l专业排版软件：vInDesign便是专业排版软件的代名词。因为这一软件符合各类专业印刷 出版的要求和标准。并综合了PageMaker和QuarkXPress软件的优势， 能够处理如杂志、报刊版面等复杂的设计，可以制作专业品质的精美印 刷品。随着印刷市场对于印刷物品质的更高要求，对于从事专业出版工 作的用户来说，InDesign软件是首选。1.6 第1章小结v本章中简要介绍了版式设计的概念、原则、 类型和基本流程等知识，读者朋友可以以此 作为铺垫，为更深入地学习InDesign CS3 排版软件做准备。