InDesignCS3版式设计案例教程.ppt
《InDesignCS3版式设计案例教程.ppt》由会员分享,可在线阅读,更多相关《InDesignCS3版式设计案例教程.ppt(285页珍藏版)》请在三一办公上搜索。
1、InDesign 版式设计案例教程,主编 宋少忠,InDesign 版式设计案例教程,本书内容共分八章:版式设计概述初识InDesgin CS3页面创建与版面文本的创建与编辑图形的绘制与编辑对象的控制与编辑表格的创建与编辑文档输出与打印,第1章 版式设计概述,学习任务本章中,我们将简要介绍版式设计的相关理论知识,目的是先让大家对版式设计有一个大概了解,也为版式设计软件的学习奠定理论基础。当然,在以后章节中,我们还会穿插讲解更详细、更具体、更实用的版式设计理论知识,帮助读者更深入地完成“版式设计”这一学习任务。学习目标掌握版式设计的概念掌握版式设计的原则了解版式设计中的插图了解版式设计的类型掌握
2、版式设计的基本流程,1.1 版式设计的概念,版式设计是现代设计艺术的重要组成部分,更是视觉传达的重要手段。从表面上看它是关于编排的学问,实际上,它不仅是一种技能,更是技术与艺术的高度统一。版式设计是现代设计师必须具有的艺术修养与技术知识。那么,什么是版式设计呢?所谓的版式设计,就是在版面上将有限的视觉元素进行排列组合,将理性思维个性化地表现出来,它是一种具有个人风格和艺术特色地视觉传达方式。它在传达信息的同时,也产生了视觉上的美感。版式设计的范围非常广泛,涉及到报纸、杂志、书籍、画册、楼盘样书、挂历和招贴海报等平面设计的各个领域,它的设计原理和理论贯穿于每一个平面设计的始终。,1.2 版式设计
3、的原则,主题应鲜明突出按照主从关系顺序,使放大主体形象成为视觉中心,以此表达主题思想。将文案中多种信息作整体编排设计,有助于主体形象的建立。在主体形象四周增加空白量,使被强调的主体形象更加鲜明突出。形式与内容应统一 版式设计的完美视觉必须符合主题思想内容,这是版式设计的基本前提。所以,设计师只有将二者有机统一,先深入领会其主题的思想精神,再融合自己的思想情感,版式设计才会体现出它的使用价值和艺术价值。整体布局应强化 强化整体的结构组织和方向视觉秩序。如水平结构、垂直结构、斜向结构和曲线结构等。强化文案的集合性。将文案中多种信息组合成块状,使版面具有条理性。强化展开页的整体特征。无论是报纸的展开
4、版面,还是杂志的跨页,均为同视线下展示,因此,强化整体性,可获得更良好的视觉效果。,1.3 版式设计的类型,主要包括骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。,我们将以图文结合的方式简要介绍这些常用版式类型的特点:,骨格型骨格型是较为规范也较为理性的分割方法。常见的骨格类型包括竖向通栏、双栏、三栏和四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。按照骨格比例对图片和文字编排后,往往会给人以严谨、和谐和理性的美。骨格型版式设计如图1-1所示。,图1-1 骨骼型版式,满版型满版型版式主要以图像为诉求对象。版面往
5、往以图像充满整个版面,视觉传达效果直观而强烈。文字会压置在上下、左右或中部(边部和中心)的图像上。满版型版式一般会给人大方、舒展的感觉,是商品广告或海报中的常用版式类型。满版型版式设计如图1-2所示。,图1-2 满版型版式设计,上下分割型上下分割版式是将整个版面分成上下两部分,在上半部或下半部配置图片(可以是单幅或多幅),另一部分则配置文字。图片部分会显得感性而有活力,而文字部分则会显得理性而静止,整个版面自然会产生一种动静对比关系。上下分割型版式设计如图1-3所示。,图1-3 上下分割型版式,左右分割型左右分割型是将整个版面分割为左右两部分,分别配置文字和图片。左右两部分形成强弱对比时,会造
6、成视觉错觉,这是一种视觉习惯上的问题,但总体来看,不如上下分割型的版面视觉流程自然。如果能将分割线虚化处理,或者使用文字左右重复穿插,可以减缓这种视觉错觉。左右分割型版式设计如图1-4所示。,图1-4 左右分割型版式,中轴型中轴型版式是将图形作水平方向或垂直方向的排列,文字配置在上下或左右。水平排列的版面,会给人稳定、安静、平和以及含蓄的感觉。垂直排列的中轴型版面,则会给人一种强烈的动感。中轴型版式设计如图1-5所示。,图1-5 中轴型版式,曲线型曲线型版式是将图片和文字按照曲线形态排列,这样会使整个版面产生韵律感与节奏感。曲线型版式设计如图1-6所示。,图1-6 曲线型版式,倾斜型倾斜型版式
7、是将主体形象或多幅图像进行倾斜编排,使版面产生不稳重感和强烈动感,进而达到引人注目的目的。倾斜型版式设计如图1-7所示。,图1-7 倾斜型版式,对称型对称型版式分为绝对对称和相对对称(即均衡)两种。一般多采用相对对称手法,以避免版面的过于严谨。对称型版式往往会给人稳重、严肃和理性的感觉。对称型版式设计如图1-8所示。,图1-8 对称型版式,重心型重心型版式可以产生视觉焦点,使其更加突出。通常情况下,重心型版式分为三种类型:一是中心,直接以独立而轮廓分明的形象占据版面中心;二是向心,视觉元素向版面中心聚集的运动;三是离心,犹如石子投入水中,产生一圈一圈向外扩散的弧线的运动。重心型版式计1-9所示
8、。,图1-9 重心型版式,三角型正三角形是最具有稳定性的图形,三角型的版式设计也会同样稳定。三角型版式设计图1-10所示。,图1-10 三角型版式,并置型并置型版式是将相同或不同的图片或图形进行大小相同而位置不同的重复排列。并置型版式往往会赋予版面以秩序、安静、调和以及节奏感。并置型版式设计如1-11所示。,图1-11 并置型版式,自由型自由型版式是一种无规律的、随意的编排构成,具有活泼、愉悦的感觉。自由型版式的代表作品如图1-12所示。,图1-12 自由型版式,四角型四角型版式是在版面四角以及连接四角的对角线结构上编排图形,通常会给人一种严谨、规范的感觉。四角型版式设计如图1-13所示。,图
9、1-13 四角型版式,1.4 版式设计的基本流程,通常情况下的版式设计流程如下:明确主题(需要传达的相关信息)。搜寻、收集用于表达主题信息的素材,包括含文字、图形和图像等。通常情况下,使用文字可以最直接、最有效,最简洁、最贴切地表达主题信息。应根据具体要求确定视觉元素的数量和色彩(黑白、彩色还是其他色系)。确定版面中视觉元素的整体布局。使用相关的图形图像处理软件进行详细制作。,1.5 常用版式设计软件简介,文字处理与编辑软件 文字处理与编辑软件主要包括Microsoft Word、Microsoft Excel、AppleWorks等。这些软件有强大的文字处理能力,并且有一些基本的排版功能,主
10、要用于办公室中做一般的文字处理工作。商务排版软件商务排版软件主要包括Adobe PageMaker、FreeHand和QuarkXpress等。这类软件具备文字处理、简单绘图和普通排版的功能。可以用这些软件制作商务简报、宣传手册以及简单的版式设计。在过去很长的一段时间里,有这些排版软件就能够满足广大用户的基本需求。专业排版软件:InDesign便是专业排版软件的代名词。因为这一软件符合各类专业印刷出版的要求和标准。并综合了PageMaker和QuarkXPress软件的优势,能够处理如杂志、报刊版面等复杂的设计,可以制作专业品质的精美印刷品。随着印刷市场对于印刷物品质的更高要求,对于从事专业出
11、版工作的用户来说,InDesign软件是首选。,1.6 第1章小结,本章中简要介绍了版式设计的概念、原则、类型和基本流程等知识,读者朋友可以以此作为铺垫,为更深入地学习InDesign CS3排版软件做准备。,InDesign 版式设计案例教程,主编 宋少忠,第2章 初识InDesgin CS3,学习任务自本章开始,InDesgin CS3正是登台亮相,按照以往学习其他软件的惯例,本章的主要学习任务依然是对新软件进行熟悉和认知,并掌握其基本的操作要领。学习目标了解InDesgin CS3的功能特性熟悉InDesgin CS3的操作界面掌握InDesgin CS3的基本工具掌握InDesgin
12、CS3的基础操作了解InDesgin CS3的颜色应用小试牛刀绘制宣传单页,2.1 InDesign CS3功能特性,分4部分讲述:InDesign CS3的专业特性InDesign CS3的个性化设置InDesign CS3的可操作性InDesign CS3的输出特性,InDesign CS3的专业特性,在PageMaker中,遇到颜色重叠时,只有套印和压印两种方式。如果要做到陷印,只能采用很复杂的手工方式来实现。而在InDesign CS3中,可以控制自动陷印和手动陷印。在PageMaker中,没有出血设定,而在InDesign CS3中,可以为上下左右四个方向单独设定不同参数的出血。在I
13、nDesign CS3中,可以直接编辑多种图形效果,如阴影、羽化、透明和多重渐变等,显示了该软件对于图形和文字色彩控制的强大功能。对于文字,InDesign CS3在处理这些效果的同时,仍然保留了它原有的文字属性。在PageMaker中,只有简单的直线和矩形的绘图功能,而在InDesign CS3中,增加了路径绘制工具,可以绘制各种形状的图形,并完全支持复合路径。此外,InDesign CS3还提供了强大图形库和多种线条类型,同时还可以自定义线条。与PageMaker不同的是,InDesign CS3提供了多重专业的PDF输出设置。如电子书籍、屏幕显示、打印、印刷以及PDF各类版本格式的选择。
14、,InDesign CS3的个性化设置,InDesign CS3除了缺省的各种快捷键之外,还向用户提供了两种快捷键设置方式。一是可以自定义常用功能快捷键。二是可以引入其他排版软件的快捷键,这些都是PageMaker所无法比拟的。在InDesign CS3中,用户可以根据喜好自行定义工具栏的排列方式。为了照顾不同用户的使用习惯,InDesign CS3还特意引入了“工作间”的概念,用户可以随意设定不同的工作间,即设定不同屏幕上的工具栏、工具箱以及各类面板的显示方式。,InDesign CS3的可操作性,与PageMaker相比,InDesign CS3可导入更多种文字格式,如Word、Excel
15、、RTF、TXT等。还可以直接打开PageMaker和QuarkXPress的文件。尤其值得一提的是,在导入这些正文的同时,仍然保持了原文的文字属性,如字型、尺寸、上下标、文字颜色等。此外,InDesign CS3还支持最新的网页制作语言XML的导入和编辑。InDesign CS3支持大多数图形格式的导入,如EPS、TIF、PDF、JPEG等。此外,还可以导入Photoshop的PSD格式。为了适应现在电子出版和网页制作的需要,InDesign CS3还可以导入Flash的SWF格式,FireWorks的PNG格式以及影片和声音。在InDesign CS3中可以置入Excel标准表格格式。并能
16、按照原表格大小和当前版式的尺寸自动分页。与PageMaker不同的是,InDesign CS3的制表功能包含在原程序内,而不是作为一个附属的插件存在,这就使得在InDesign CS3中制作表格成为一种方便易行的工作。在各类排版和作图软件中,InDesign CS3的制表功可是首屈一指的。在PageMaker中只能制作999页的图书。而在 InDesign CS3中,则可以制作长达9999页的书籍,是PageMaker中的十倍。,InDesign CS3的输出特性,准备输出时,InDesign CS3会自动提供文件的完整输出报告。包括字体使用状况、颜色目录、连接文件的信息、打印机设置、所使用的
17、外部插件等。还可以对文件的所有资源自动打包。打印设置时,InDesign CS3向使用者提供了详尽直观的界面。规定了OPI图形置换和版面偏移设置。InDesign CS3支持PostScript Level 3语言,并且提高了输出速度。InDesign CS3设定了多种PDF选项。可根据用户需要来决定输出手段,并提高了安全性。,2.2 InDesign CS3的操作界面,图2-1 InDesign CS3操作界面,标题栏标题栏位于操作界面的最上方,主要用于显示程序图标和文档名称等信息。其右侧还有三个窗口控制按钮,用于控制窗口的最小化、最大化和关闭等操作。菜单栏菜单栏是InDesign CS3的
18、重要组成部分,InDesign CS3的大部分命令都存放在其中,并且按照功能不同进行分类,其中包括【文件】、【编辑】、【版面】、【文字】、【附注】、【对象】、【表】、【视图】、【窗口】和【帮助】九大菜单。要执行菜单栏中的某一项命令,直接使用鼠标单击即可。,控制面板InDesign CS3中的控制面板如同Photoshop中的工具属性栏。它是工具的“晴雨表”,每当选择某一工具后,在其中都会显示出该工具的相关属性设置。启动InDesign CS3后,如果操作界面中没有出现【控制】面板,执行菜单栏中的【窗口】/【控制】命令可以显示该面板,再次执行相同的命令又可以隐藏【控制】面板。工具箱工具箱中放置了
19、InDesign CS3中的所有工具,如同一个“百宝囊”,它决定用户能否快速、有效地制作出令人满意的版面。在版面设计过程中,除操作人员的艺术修养因素之外,能否正确、熟练地应用工具箱中的各种工具非常关键。用户能否熟练掌握工具的使用方法及快捷键,是创意得以实现、提高工作效率的前提。InDesign CS3中工具箱的显示方式有三种,一是双排、二是单列、三是单行,默认状态下,工具箱以双排方式显示。单击工具箱最左上方的双向黑色箭头按钮,可以切换这三种显示方式。工具箱所装载的工具远远超过其表面上所显示的工具数量,因为有些工具都已经隐藏。在工具箱中,凡是工具按钮右下方带有黑色小三角的工具都是以组的形式出现。
20、InDesign CS3中工具箱所包含的所有工具名称,如图2-2所示。,图2-2 工具箱中的工具,文档编辑窗口文档编辑窗口是文档操作的大舞台,文档的新建、打开和导入等操作都会在此窗口中进行。在文档编辑窗口中也设立了文档的最大化、最小化和关闭窗口,另外,在文档编辑窗口的下方还设立了文档的状态栏,用于显示文档的显示比例、当前页等信息。浮动控制面板组InDesign CS3中的控制面板有十几个,都浮动在文档编辑窗口中。默认状态下,这些浮动控制面板都以组的形式出现,如图2-3所示。面板组中的面板可以随意的拆分与组合。把鼠标放置在面板标签上,按住鼠标左键拖曳,可以将拖曳当前的控制面板与面板组分离,分离后
21、的效果,如图2-4所示。,图2-3 面板组 图2-4 面板拆分效果,2.3 InDesign CS3的基本工具,【选择工具】【直接选择工具】【文字工具】【钢笔工具】【铅笔工具】【直线工具】【框架工具】【绘图工具】,【网格工具】【剪刀工具】【按钮工具】【旋转工具】【缩放工具】【自由变换工具】【渐变工具】【辅助工具】,本节将简要介绍InDesign CS3中的常用工具的使用方法。,【选择工具】,使用【选择工具】选择图像通常有点击法和框选法两种,下面简要介绍这两种方法的具体操作。点击法 单击工具箱中的【选择工具】按钮,当该工具呈高亮显示时,则处于可用状态。再单击所要选择的对象,即可完成选择操作。按住
22、Shift键的同时,单击其他对象,可以同时选择多个对象。使用【选择工具】选中一个对象,按住Alt键的同时拖曳鼠标至合适位置释放,便可得到被选对象的副本。框选法单击【选择工具】按钮,按住鼠标左键拖曳出一个选框将要选择的对象框选,释放鼠标即可完成选择操作。如果当前文档中有多个对象,依照上述方法也可以将它们同时选择。,【直接选择工具】,【直接选择工具】使用【直接选择工具】可以单独选择路径上的节点或框架中的内容。按Shift+F7键,可以直接激活该工具。单击【直接选择工具】按钮,单击已群组中的对象,即可选择该对象中的某一锚点。敲击键盘中的上、下、左、右方向键,可以移动锚点位置。按住Alt键的同时,拖曳
23、锚点,释放鼠标,可以得到锚点副本。敲击Delete键,可以删除锚点。【位置工具】使用【位置工具】可以调整和移动框架中对象的大小。具体使用方法如下:选择【位置工具】,单击框架中的对象,使用鼠标左键拖曳对象周围的控制点,可以调整图像大小。如果把鼠标移动到框架对象中,当光标变成形状时,拖曳鼠标可以移动对象的位置。,【文字工具】,文字工具是InDesign CS3中最重要的工具之一。使用该工具可以在版面中输入横排文字、直排文字,也可沿路径输入文字。选择【文字工具】,在页面中按住鼠标左键拖曳,释放鼠标,得到一个文本框,在其左上侧还会出现一个闪动的光标。选择合适的输入法,在文本框中输入相关的文字内容即可。
24、文字输入后,可以根据需要调整文字的字体和大小,但前提是需要选择输入文字。【路径文字工具】使用【路径文字工具】,可以沿路径输入文字,这一功能将更加强化文字功能的实用性功能。使文字编辑更加灵活多变。选择【路径文字工具】,把光标放置在事先绘制好的路径上单击,会出现一个闪动的光标。选择合适的输入法输入相关文字内容,此时文字将沿绘制好的路径排列。,【钢笔工具】,【钢笔工具】是InDesign CS3是一个功能强大的绘图工具,使用该工具可以绘制出许多精细、复杂的路径。选择【钢笔工具】,在页面中单击创建一个路径锚点。在合适的位置再次单击,即可绘制一条路径。在合适位置再次单击,创建第三个锚点。【钢笔工具】还可
25、以添加锚点、删除锚点,以及调整锚点决定的曲线形态。,【铅笔工具】,使用【铅笔工具】可以用来绘制出模拟铅笔效果的图形。选择【铅笔工具】,在页面中按住鼠标左键随意拖曳,释放鼠标得到拖曳轨迹的图形。选择【平滑工具】,在路径上拖曳鼠标,此时的路径趋向平滑状态。选择【抹除工具】,在路径上按住鼠标左键拖曳,可以抹除部分路径。,【直线工具】,使用【直线工具】可以绘制直线段。使用该工具时,如果同时按下Shift键,可以绘制出水平、垂直或倾斜45的斜线。该工具的使用方法比较简单,我们将不再做具体演示。,【框架工具】,使用【框架工具】可以绘制出定位框和图框,作为占位符,以便在排版时用来替代图片或文本。在InDes
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- InDesignCS3 版式 设计 案例 教程
![提示](https://www.31ppt.com/images/bang_tan.gif)
链接地址:https://www.31ppt.com/p-6194173.html