带你读《InDesign CC排版设计全攻略:视频教学版》之一:InDesign CC基础入门-阿里云开发者社区

开发者社区> 温柔的养猫人> 正文

带你读《InDesign CC排版设计全攻略:视频教学版》之一:InDesign CC基础入门

简介: InDesign是一款主流的专业排版设计软件,被广泛应用于书刊、媒体、平面设计、印刷出版和数字媒体等领域。本书图文并茂地讲解中文版InDesign CC 2018的各项功能、应用技巧和设计手段。为了达到学以致用的目的,全书以丰富示例详解软件的各项实用功能和重点参数,并穿插介绍大量的工作流程以及书刊、画册的编排经验和设计方法。另外,本书还提供了几个具有挑战性的综合案例,让你跟随书中的设计思路一步步地实现项目要求的效果。本书提供了丰富的设计案例和供下载的教学视频,特别适合InDesign新手阅读。对具有一定使用经验的用户,其中的案例也有很好的参考价值。本书还可作为职业学校、培训机构的教学用书。
+关注继续查看

点击查看第二章
InDesign CC排版设计全攻略:视频教学版

image.png

王岩 等编著

第 1 章 InDesign CC基础入门

在本章中,
我们的目的是希望你对版式设计和InDesign CC有一个总体上的认识,
让我们先了解一些版式设计中的常用术语,
然后熟悉InDesign CC的工作界面和相关操作,
掌握这些内容可以为后面的学习打好基础。

1.1 InDesign概述

InDesign是著名的软件生产商Adobe公司开发的一款排版设计软件,它不但可以设计编排画册、杂志、书籍等印刷品,还可以制作电子书和交互式PDF文档。InDesign的最新版本是InDesign CC 2018,其中的CC是Creative Cloud(创意云)的缩写。作为InDesign CS的继任者,InDesign CC最大的改变是用户不必再购买安装包,而是通过Adobe Creative Cloud获取版本更新和在线助手等云端服务,如图1-1所示。

image.png

1.1.1 为什么用InDesign排版

既然Word也能排版,为什么一定要用InDesign呢?确实,有经验的排版人员可以直接用Word编排图书,但是排版只是版式设计的环节之一,遇到封面设计、彩色印刷、页数很多或者要求较高的书稿时,就会遇到很多难以解决的问题。无论在专业功能,还是在编排效率方面,Word都无法与专业排版软件相比。如果您想从事版面设计方面的工作,掌握一款主流排版设计软件应该是必备的技能。
与同类软件相比,出道较晚的InDesign一方面修正了QuarkXPress和PageMaker的诸多不足,另一方面又融合了Photoshop等图像处理软件的优点,为用户提供了更加完善和灵活的版式设计功能,目前已经成为行业软件中的主流。InDesign的另一个优点是上手简单,作为Adobe软件家族中的一员,InDesign与Photoshop、Illustrator、Acrobat之间不但拥有更好的兼容性,在界面和操作方式方面也基本相同。对于会使用Photoshop的用户来说,学习InDesign是一件比较容易的事情。

1.1.2 版式设计中的常用术语

版式设计中有很多专业术语,不清楚这些术语的含义或者是产生了理解上的偏差,就会对后面的学习产生影响。因此,我们有必要先了解这部分的内容。

  • 开本
    开本用来表示印刷品的幅面大小。一张按照国家标准分切好的平板纸被称为全开纸,把全开纸裁切成面积相等的若干小张,称之为多少开数;将裁切好的纸张装订成册,则称为多少开本。比如我们常说的16开,就是把一张全开纸裁切为16张纸,如图1-2所示。

image.png
image.png

  • 版面

版面是指印刷品每一页的整面,包括周空、版心和版口。周空是版面周围的白边,版面上方的白边叫作天头,下方的白边叫作地脚,装订线一侧的白边叫作订口,外侧的白边叫作翻口,如图1-3所示。

image.png

版面去除周空后,剩下用来容纳图文的部分就是版心,版心所占版面的比例叫作版面率。版面率直接影响版面美观、阅读方便和纸张的合理利用。一般来说,版面率越高,视觉张力越大;减小版面率则会让版面显得典雅宁静,如图1-4所示。

image.png

版口是版心四周的边沿。版心第一行字的字身上线为上版口,最后一行字的字身下线为下版口,版心最左第一个字的字身左线为前版口,最后一个字的字身右线为后版口。

  • 版式

版式也就是版面的格式,包括版面的开本、版心和周空的尺寸;正文的排式、字体、字号和间距;表格与图片的大小和位置;目录、标题、注释、页眉页码和版面装饰等项的排法,如图1-5所示。

image.png

  • 版式设计

版式设计是指将图片、文字、图形、留白等视觉元素,在版面上进行有机地排列组合,最大限度地发挥表现力,以达到引起注意和传达信息的目的,如图1-6所示。作为平面设计的一个分支,书刊杂志、广告招贴、网页等领域都会用到版面设计。

image.png

1.2 熟悉工作界面

学习软件都是从熟悉界面入手。这里要建议读者的是,初学软件时没有必要在界面和基础操作方面花费过多的时间。正所谓熟能生巧,随着学习的不断深入和练习量的增加,我们会自然而然熟悉并掌握它们。特别是在制作实例的过程中,因为可以直观地看到每个工具的操作结果,以及参数调整后的效果变化,学习效果要比背书好得多。在初学阶段,我们只要大致了解InDesign CC主要构件的功能与位置,书中提到使用某个工具或面板时能够找到即可。

1.2.1 认识开始工作区

启动InDesign CC后,首先进入到的界面叫作开始工作区,在这里可以新建、查找和打开文档。如果您想切换到InDesign CC的工作界面,可以单击右上角的工作区切换器,在弹出的菜单中选择【基本功能】,如图1-7所示。

  • 资源窗口

资源窗口以缩略图的形式显示最近打开过的文档,单击资源窗口左上方的按钮,可以将缩略图切换为列表。资源窗口中的文档数量过多时,利用资源窗口右上方的排序选项和搜索栏可以快速查找需要的文档。

image.png

  • 新建

单击打开【新建文档】对话框,通过该对话框中可以创建一个空白文档,空白文档创建完成后就会进入InDesign CC的工作界面。

  • 打开

从电脑中查找并打开一个保存过的文档。

1.2.2 工作界面的构成

InDesign CC的工作界面由标题栏、菜单栏、工具面板、控制面板、面板组、状态栏和文档窗口组成,如图1-8所示。

  • 标题栏

标题栏位于工作界面的最上方,桌面分辨率高于1280×720时,标题栏会合并到菜单栏的右侧。利用标题栏中的控件可以控制文档的显示方式、联机发布文档、切换工作区以及在Abode商店中搜索资源,如图1-9所示。

image.png

  • 菜单栏

菜单栏位于标题栏的下方,和其他软件一样,InDesign CC中的大部分功能都可以通过菜单栏中的命令实现。

image.png

  • 工具面板

工具面板位于工作界面的左侧,里面提供了常用工具的快捷按钮。部分快捷按钮的右下角带有◢标志,这表示该工具包含扩展工具,按住这个快捷按钮或者在快捷按钮上右击就会展开工具组,如图1-11所示。

image.png
image.png

  • 控制面板

控制面板位于菜单栏的下方。在工具面板中激活一个工具,或者在文档窗口中选取一个对象,相关的设置参数和选项就会显示在控制面板中,如图1-12所示。

image.png

  • 面板组

面板组位于工作界面的右侧,由一系列的控制面板叠加组成,如图1-13所示。如果面板组上没有需要的面板,可以通过【窗口】菜单中的命令打开对应的面板。

image.png

  • 状态栏

状态栏位于工作界面的底部,里面提供了切换页面的控件,同时还会显示文档的状态,如图1-14所示。

image.png

  • 文档窗口

文档窗口占据了工作界面的大部分区域,用于显示文档的页面效果,如图1-15所示。

image.png

1.2.3 自定义工作界面

InDesign CC的工作界面非常灵活,无论是颜色主题、工作区布局,还是系统配置参数,都可以根据用户的个人习惯自由设定。

  • 修改界面首选项

执行【编辑】|【首选项】|【常规】命令,在打开的对话框中可以修改InDesign CC的系统参数。比如,一些InDesign CS的老用户不习惯开始工作区,在【常规】选项组中取消【没有打开的文档时显示起点】复选框的勾选,下次运行InDesign CC就会直接进入到工作界面,如图1-16所示。

image.png

如果不喜欢黑色的界面,可以在【首选项】对话框的列表中单击【界面】,然后在【外观】选项组中选择其他颜色,如图1-17所示。

image.png

  • 展开和浮动面板

工具面板和面板组的顶端都有一个灰色边框条,拖动灰色边框条,整个面板就会变成浮动状态。单击灰色边条上的按钮能将折叠状态的面板展开,拖动面板上的标志可以将单个面板切换为浮动状态,单击浮动面板上的按钮可以关闭该面板,如图1-18所示。

image.png
image.png

  • 隐藏和显示面板

大多数情况下,浮动和关闭面板的目的是为了增大文档窗口,以便更仔细地观察页面。其实我们只要按下Tab键就可以隐藏所有的面板,在这种模式下,将光标移动到工具面板和面板组原本所在的位置,隐藏的面板又会显示出来。我们还可以按Shift+Tab组合键,仅将面板组隐藏起来。

image.png

1.3 文档基本操作

InDesign CC可以创建三种类型的文件,分别是文档、书籍和库。文档由一系列连续页面组成,一个页面就是一个版面。书籍是可以共享样式、色板、主页等项目的文档集,相当于将若干文档按照统一的标准装订到一起。所谓的库就是用来寄存素材的仓库,我们可以将页面上的图像、文字等对象作为素材保存到库中,当其他页面或文档需要使用相同的素材时,直接从库中拖拽出来即可。

1.3.1 创建新的文档

单击开始工作区中的【新建】按钮,执行【文件】菜单中的【新建】|【文档】命令,使用快捷键Ctrl+N都可以打开【新建文档】对话框,如图1-19所示。

image.png

  • 选择预设模板

创建文档的第一个步骤是设置幅面,单击对话框上方的【打印】选项卡就能看到各种印刷品的文档预设和别人设计好的模板,如图1-20所示。除了印刷品以外,在【Web】选项卡中提供了网页和电子文档的预设和模板,在【移动设备】选项卡中提供了适配手机和平板电脑的文档幅面预设和模板。

image.png

  • 修改预设参数

文档预设中没有需要的幅面也没有关系,我们可以随便选取一个预设,然后在【预设详细信息】中自行设置。预设详细信息中的大多数参数选项都很容易理解,只有以下几个参数选项需要重点掌握。
勾选【对页】复选框可以创建奇偶页彼此相对的跨页,取消该复选框的勾选会让页面彼此独立,互不相连,如图1-21所示。
【起点】参数用来设置文档第一个页面的页码起始序号。如果开启了【对页】选项,并且将【起点】设置为偶数,那么文档的第一个跨页将变成双页,如图1-22所示。

image.png

勾选【主文本框架】复选框后,系统会在所有的页面上自动生成一个与页边距匹配的文本框架,取消勾选会生成完全空白的文档,如图1-23所示。

image.png

出版物印刷好后还要经过切纸、覆膜、装订等工序才能得到成品,在裁切过程中一旦出现误差,成品上就会留下白边或者是部分内容被裁剪掉。出血就是让页面上的有效内容向外延展一定尺寸,给裁切工序留出足够的公差。

image.png

  • 创建自定义预设

我们还可以将自定义的文档设置参数保存为文档预设,这样下次再设计相同幅面的作品时就不用重新设置了。具体方法是单击【预设详细信息】中的按钮,输入预设名称后设置文档的各项参数,最后单击【保存预设】按钮,如图1-24所示。

image.png

1.3.2 边距和分栏设置

在【新建文档】对话框中单击【边距和分栏】按钮,或者是双击一个空白文档预设都会打开【新建边距和分栏】对话框,如图1-25所示。

image.png

【边距】选项组中的参数可用来设置周围空间的大小,按下按钮可以强制所有的边距参数都相同。利用【栏数】参数可以创建分栏参考线,如图1-26所示。设置好参数后单击【确定】按钮,一个新的文档才算创建完成。

image.png

1.3.3 修改文档设置

进入到工作界面后也可以修改文档的各项参数。执行【文件】|【文档设置】命令,在打开的对话框中可以重新设置页面大小和页数,如图1-27所示。执行【版面】|【边距和分栏】命令,在打开的对话框中可以修改页边距和分栏参数。

image.png

1.4 页面显示控制

浏览文档也是InDesign CC中应用频繁的操作。对于这些常用操作,希望大家在初学阶段就养成使用快捷键操作的习惯,因为快捷键可以让我们的编排效率成倍提高。

1.4.1 缩放平移页面

缩放页面显示大小的方法很多,比较常用的有三种。第一种方法是利用标题栏上的缩放级别控件,按照比例放大或缩小页面,如图1-28所示。第二种方法是激活工具箱中的【缩放显示工具】,在页面上单击鼠标放大显示,按住Alt键单击页面缩小显示。第三种便捷的方法是使用快捷键Ctrl+=和Ctrl+-。

image.png

1.4.2 切换页面操作

切换页面的方法也有三种。第一种常用的方法是拖动文档窗口右侧的滚动条,快捷键是滚动鼠标中键。第二种方法是如果文档的页面数量很多,可以使用状态栏上的页面切换控件快速切换到某个特定的页面,如图1-29所示。
第三种方法是展开【页面】面板,双击一个页面的缩略图就能切换到这个页面,如图1-30所示。

image.png

1.4.3 屏幕显示模式

单击标题栏上的image.png按钮,在弹出的菜单中可以显示或隐藏标尺,以及各种类型的参考线和网格,如图1-31所示。

image.png

单击image.png按钮,在弹出的菜单中可以切换屏幕显示效果。【正常】是InDesign CC的页面编辑模式,选择【预览】可以看到裁切后的成品效果,【出血】显示的是包含出血线的出片效果。
如果我们在InDesign CC中打开了多个文档,并且希望它们同时显示在文档窗口中,可以单击image.png按钮选择文档的排列方式,如图1-32所示。

image.png

1.5 页面辅助元素

网格和参考线是版式设计中非常重要的辅助元素,这些辅助元素可以为版面编排提供视觉参考和构架基准,从而保证版面的统一性和节奏感。

1.5.1 参考网格系统

创建文档时设置的边距和分栏就属于网格。除此之外,InDesign CC的网格系统还包括基线网格、版面网格和文档网格。

  • 基线网格

基线网格的作用是对齐多个段落,让文本看起来更加规范,如图1-34所示。基线网格要与段落样式配合使用才能发挥作用,具体的操作方法会在后面的内容中详细介绍。

image.png

单击标题栏上的按钮,就可以在文档窗口中显示或隐藏基线网格。执行【编辑】|【首选项】|【网格】命令,在【基线网格】选项组中可以修改基线网格的参数,如图1-35所示。

image.png

  • 版面网格

版面网格不但能让我们对齐文字和安排行数,还具有统计字数的功能。执行【视图】菜单中的【网格和参考线】|【显示版面网格】命令,在文档窗口中就会显示出版面网格,如图1-36所示。

image.png

执行【版面】|【版面网格】命令,在打开的对话框中可以修改版面网格的参数,如图1-37所示。

image.png

  • 文档网格

当我们需要精确定位文本框、图形、图像等对象的尺寸和位置时,可以使用文档网格作为参考,如图1-38所示。显示文档网格的方法是执行【视图】菜单中的【网格和参考线】|【显示文档网格】命令。

image.png
image.png

1.5.2 使用参考线

参考线是一种可以自由设定位置的辅助元素,和文档网格类似,参考线的主要作用也是精确定位对象。

  • 创建参考线

从水平标尺内部向下拖动光标就可以创建一条水平参考线。同理,在垂直标尺上向右拖动鼠标就会创建垂直参考线,如图1-39所示。

image.png

按住Shift键在标尺上拖动光标,可以让新建的参考线与标尺刻度吸附对齐。按住Alt键在标尺上拖动光标,可以创建与标尺方向相反的参考线。按住Ctrl键在标尺上拖动光标可以创建跨页参考线,如图1-40所示。

image.png

执行【版面】|【创建参考线】命令,在打开的对话框中可以同时创建多条等距参考线,如图1-41所示。

image.png
image.png

  • 调整参考线

选中一条参考线,拖动光标或者使用键盘上的方向键都可以调整参考线的位置。我们也可以利用控制面板中【X】或【Y】参数精确调整参考线的坐标,如图1-42所示。

image.png

同时选中两条相同方向的参考线,利用控制面板中的【W】或【H】参数可以调整两条参考线之间的距离。同时选中三条及以上的参考线,在控制面板中勾选【使用间距】复选框,然后单击image.png按钮,选中的参考线就会按照【使用间距】参数设置的距离均匀分布。

image.png

  • 操作和锁定参考线

参考线的主要功能是定位,为了避免误选参考线,在页面上进行拉框选择操作时,只要选框接触到图形、文字等对象,参考线就无法被选中。但是,在页面上单击对象时仍然有可能误选到参考线。最好的解决方法是,创建好参考线后执行【视图】|【网格和参考线】|【锁定参考线】命令将参考线锁定。

image.png

1.6 上机练习

本章的内容已经结束,通过本章的介绍你想知道自己究竟掌握了多少吗?我们上机做一个练习就知道了。既然要练习,肯定要设定一个目标。现在假设有客户请你编排如图1-44所示的新年台历,本次上机练习的目标就是建立这本台历的文档和参考线。

image.png

image.png版式设计的第一个环节是确定开本,确定开本的基本原则是适合内容题材且经济合理。例如报纸包含大量的文字和图片信息,开本肯定要大一些。小说类的图书要考虑方便随身携带和保存的因素,开本就要小一些。台历的幅面究竟是多大呢?一般来说客户提出的设计要求中会会包括幅面尺寸,没有具体要求的话,就要按照下表给出的常规尺寸设置。

image.png

image.png为了方便以后的工作,我们从创建台历的预设文档开始。运行InDesign,单击开始工作区中的【新建】按钮打开【新建文档】对话框,单击【预设详细信息】窗格中的按钮,如
图1-45所示。

image.png

image.png预设名称中应该注明页数和尺寸,这样做的好处是下次应用预设时便于查找,创建其他规格的台历预设时还能避免重名。在文本框中输入预设名称“13页双面台历210×140”,然后设置【宽度】为210毫米,【高度】为140毫米,【页面】数量为26。取消【对页】复选框的勾选后单击【保存预设】按钮,如图1-46所示。

image.png

image.png单击【边距和分栏】按钮打开设置对话框,设置所有边距均为5毫米,最后单击【确定】按钮完成文档的创建,如图1-47所示。

image.png

image.png接下来创建用来分割版面和定位图像的参考线,在面板组上展开【页面】面板,双击【A-主页】缩略图进入编辑模式,如图1-48所示。
image.png按住Ctrl键,在标尺交叉点处拖动光标同时创建水平和垂直参考线。选中水平参考线,在【控制】面板中设置【Y】参数为98毫米。选中垂直参考线,设置【X】参数为47毫米,结果如图1-49所示。

image.png

image.png按下Ctrl+C和Ctrl+V组合键复制垂直参考线,在【控制】面板的【X】参数后面输入“+5”后按下回车键,如图1-50所示。复制水平参考线,在【Y】参数后面输入“-5”。参考线创建完成了,使用这种方法创建的参考线无法在文档页面上选取和移动。要想调整参考线的位置,需要切换回A-主页。

image.png

image.png接下来我们创建台历背面的参考线。单击【页面】面板右上角的按钮,执行菜单中的【新建主页】命令,在弹出的对话框中直接单击【确定】按钮,如图1-51所示。
image.png执行【版面】|【边距和分栏】命令,修改所有的边距参数均为10毫米。继续设置【栏数】为3,【栏间距】参数为10毫米,单击【确定】按钮完成设置,如图1-52所示。

image.png


image.png台历背面的参考线如图1-53所示,继续在【页面】面板中将【B-主页】缩略图拖拽到所有偶数页面的缩略图上。文档和参考线都已经创建完成,接下来就可以在页面上插入图像和日期了,当然这些都是后面要学习的内容。现在我们要做的是执行【文件】|【存储】命令把文档保存好。

image.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
C++语言基础 例程 C++的数据类型和运算符
贺老师的教学链接 第一个C++程序 #include <iostream> //包含头文件iostream using namespace std; //使用命名空间std int main( ) { cout<<"Hello World."<<endl; //输出结果 return
837 0
xcode使用lldb的python脚本查看WebKit的WTF::String和Vector等基础类
webkit关于gdb的wiki:http://trac.webkit.org/wiki/GDB 它是自带了gdb和lldb的python脚本的,路径分别在 webkit workingcopy/Tools/gdb/webkit.
956 0
在PowerDesigner中设计物理模型2——约束
原文http://www.cnblogs.com/studyzy/archive/2009/12/17/1626650.html 唯一约束 唯一约束与创建唯一索引基本上是一回事,因为在创建唯一约束的时候,系统会创建对应的一个唯一索引,通过唯一索引来实现约束。
719 0
带你读《InDesign CC排版设计全攻略:视频教学版》之一:InDesign CC基础入门
InDesign是一款主流的专业排版设计软件,被广泛应用于书刊、媒体、平面设计、印刷出版和数字媒体等领域。本书图文并茂地讲解中文版InDesign CC 2018的各项功能、应用技巧和设计手段。为了达到学以致用的目的,全书以丰富示例详解软件的各项实用功能和重点参数,并穿插介绍大量的工作流程以及书刊、画册的编排经验和设计方法。另外,本书还提供了几个具有挑战性的综合案例,让你跟随书中的设计思路一步步地实现项目要求的效果。本书提供了丰富的设计案例和供下载的教学视频,特别适合InDesign新手阅读。对具有一定使用经验的用户,其中的案例也有很好的参考价值。本书还可作为职业学校、培训机构的教学用书。
516 0
《设计的品格 探索×呈现×进化的InDesign美学》—第1课1.7节段落
<span style='letter-spacing:1px'>本节书摘来自异步社区《设计的品格 探索×呈现×进化的InDesign美学》一书中的第1课1.7节段落,作者【澳】Daphne Shao , Recto , Verso Studio,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1062 0
1172
文章
2
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载