《Chapter-05---画册设计.pptx》由会员分享，可在线阅读，更多相关《Chapter-05---画册设计.pptx（79页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、InDesign平面设计案例教程从设计到印刷张炎 编著Chapter 0Chapter 05 5 画册设计画册设计 画册是一个展示平台，包括企业画册、产品画册和宣传画册，因此在进行画册设计前首先需要确定画册的性质，根据其性质来进行画册封面及内页的设计。画册顾名思义是以图为主，文字在画面中起辅助作用，在设计时主题产品或主要宣传的图片应当是整个页面的重心。本章通过对画册设计的一些要点进行分析，并结合多个典型的案例介绍画册设计的具体操作流程，读者通过学习可运用InDesign 独立完成画册的设计。本章学习重点：l框架的创建与调整l图像的置入l调整图像的大小l图像的对齐并分布调整l调整图像边距l图像说
2、明信息的添加5.15.1画册设计的要点与准则画册设计的要点与准则 画册设计是一个全局与细节相结合工作，它在设计的过程中不仅要对页面的整体布局有全面的掌控，同时还需要对单个页面中的细节进行逐渐完善，这样才能使设计出的作品更具有艺术感。在制作画册时，同时也需要遵循设计的一些重要原则，把握设计要点，将版面中的图片与文字等内容完美地结合到一起，获得更出色的视觉表现。1 1主题鲜明突出主题鲜明突出 设计是需要创意的，一个好的创意会给人留下深刻的印象，但是只有正确的传达才会具有征服力和影响力，因此设计画册首先需要确保主题鲜明突出，通过版面的空间层次、主次关系以及彼此之间的逻辑关系突出要表现的主题，这样才能
3、达到最佳的诉求效果，如下面的两幅图像所示，从图像上我们一眼就能知道画册中表现的信息为地产，画面中利用了大量的地产照片进行表现，使得设计的主题一目了然。42 2抓往画册的主题和最终目的抓往画册的主题和最终目的 制作画册的的最终目的是拿来给读者看的，通过画册来引导读者达到促进市场销售的目的。所以在设计画册前需要揣摩目标人群的心理，抓住不同目标人群的心理特征进行设置，这样才能让作品引起读者的共鸣。下面的两幅图像为时尚风格的画册版面设计，图像抓住时尚这一主题，应用了黑白色进行表现，刺激了读者眼球，使得整个画册更具有感染力。3 3简洁明了简洁明了 在设计画册时，我们需要考虑的是不要太高估阅读者对信息的理
4、解和分析能力，在对页面的处理时，应当以简洁直观的表现方式将要传达的信息表现出来，让读者从作品中能够很迅速地知道并联想到你要让他知道的信息，如右图所示，这两幅图像分别展示的是画册的内页和封面效果，整个设计用简单的布局，让表现的主题更加简单明了，一眼就知道画册要推广的产品为葡萄酒。4 4一针见血一针见血 由于画册的版面非常有限，所以画册在设计的过程中需要利用有限的图片和文字来向目标人群讲解故事，整个页面中图片和文字的处理，需要达到立竿见影的效果，切记不要过于复杂而忽略设计的最终目的。5 5合乎逻辑合乎逻辑 没有逻辑的设计是不被人信服的，画册设计同样如此，没有说服力的画面设计不但不能正确引导读者，而
5、且会给读者带来一定的思想误导，让整个画册变得毫无价值，如下图所示，展示的为茶具，在页面内容的处理上，采用了上文下图或左文右图的表达方式，遵循读者阅读的视觉导向，画面显得紧凑，富有逻辑性。5.25.2常用的画册开本尺寸常用的画册开本尺寸 画册设计和所有设计一样，都有属于自己的尺寸，因此，设计画册前首先需要确定的就是画册的尺寸大小。在做画册设计时应当在常用规格以及尺寸的范围内，而在具体操作时，也应当考虑画册的纸张开数，避免纸张的浪费。下面为大家介绍常用的画册尺寸。5.35.3旅游宣传画册设计旅游宣传画册设计 前面对画册设计的要点以及开本进行了简单的介绍，本节将学习制作一本旅游宣传画册，利用 InD
6、esign 中的图像编辑功能，完成结构严谨的画册版面设计。【实例效果展示】【案例学习目标】学习在 InDesign 中的图像设置，包括框架的绘制、图像的置入、图像的大小调整、图像对齐、图像间距调整等。【案例知识要点】使用“矩形框架工具”绘制矩形框架、用“直接选择工具”选择或调整图像、应用“置入”命令置入图像、使用“对齐”面板对齐图像和调整间距。【创作要点：自由型版面】自由型版面是指在版面结构中采用无规律的、随意性的手法安排页面中的图片、文字和其他版面元素，这样的版面能够给人一种轻松、活泼的感觉。本章设计的画册即采用了自由型版面构建方式，将不同数量的图片自由安排在页面当中，利用不同的对齐方式进行
7、处理，版面灵活，给人丰富的阅读体验，如右图所示。【设计制作流程】确定画册总页数，对每个页面进行简单的划分，确定页面中的图像的位置；根据规划把准确的图像置入相应的页面，调整图像大小并为图像指定不同的对齐方式；调整对齐图像之间的间距，让画面更加整齐，结合图形工具和文字工具进行文字的添加与设置。5.3.15.3.1绘制框架置入图像绘制框架置入图像 Step 01Step 01：启动 InDesign CS6 应用程序，执行“文件 新建 文件”菜单命令，设置“页数”为 8，“宽度”为 184mm，“高度”为 260mm，单击“边距和分栏”按钮，在弹出的对话框中单击“确定”按钮，新建文件，选用“直排文字
8、工具”在首页面中输入文字。Step 02Step 02：选 择“直排文字工具”，在已输入的文字旁边添加新的文字，在属性栏中对文字的属性进行更改，并把文字颜色更改为 R29、G137、B124。Step 03Step 03：单击工具箱中的“矩形框架工具”按钮，选中“矩形框架 工 具”，从图像左上角往右下角单击并拖曳鼠标。Step 04Step 04：当绘制的框架范围与当前文档大小相同时，释放鼠标，完成矩形框架的绘制，用“选择工具”选中绘制的矩形框架，执行“文件 置入”菜单命令，打开“置入”对话框，找到需要置入图片的具体位置：“随书光盘 素材 0501.jpg”后，单击“打开”按钮。Step05S
9、tep05：返回文档中，将选择的图像置入前面绘制好的矩形框架之中。5.3.25.3.2调整图片的大小及位置调整图片的大小及位置 Step 01Step 01：选择矩形框架以及框架内的图像，执行“对象 适合 按比例填充框架”菜单命令，或者单击控制面板上的“按比例填充框架”按钮，按比例缩放框架内的图像使其适合于框架大小。Step 02 Step 02：单击工具箱中的“直接选择工具”按钮，单击矩形框架内的图像将其选中，此时将鼠标放在框架上时，鼠标指针显示为手形 ，在这里我们需要先调整一下框架内的图像的大小，所以单击并向左拖曳，拖曳时鼠标指针显示为箭头，如下图所示。Step 03 Step 03：用“
10、选择工具”选中框架及图像，执行“对象 排列 置为底层”菜单命令，把置入画面中的图像移至前面创建的文字下方。5.3.35.3.3移动并缩放对象移动并缩放对象 Step 01Step 01：打开“页面”面板，单击面板中的页面 2-3，切换至第二和第三个文档页面，选择“矩形框架工具”，在左侧页面中单击并拖曳鼠标，绘制一个矩形框架。Step 02Step 02：用“选择工具”选中绘制的框架，单击“色板”面板中的“黑色”，将绘制的框架填充为黑色。Step 03 Step 03：选中黑色的矩形框架，执行“编辑 复制”菜单命令，或者按下快捷键 Ctrl+C，复制矩形框架，再执行“编辑 粘贴”菜单命令，或按下
11、快捷键 Ctrl+V，粘贴复制的框架对象，选择“移动工具”，把复制的矩形框架向右移至原框架右侧。Step 04 Step 04：用“选择工具”选中右侧的矩形框架，将鼠标移动到框架右边线位置，当光标变为双击箭头 时，单击并拖曳鼠标，调整框架大小，得到更宽的矩形框架，如下图所示。Step 05Step 05：执行“编辑 复制”菜单命令，或者按下快捷键 Ctrl+C，复制矩形框架，再执行“编辑 粘贴”菜单命令，或按下快捷键Ctrl+V，再次粘贴复制的矩形框架，应用相同的操作方法，调整矩形框架的大小。Step 06Step 06：选中画面中间的矩形框架，执行“对象 排列 置为底层”菜单命令，把选中的大
12、的黑色矩形框架移到最底层。Step 07 Step 07：继续使用同样的方法，在画面中设置更多不同大小的框架，并根据需要把这些框架调整到指定的位置，用“选择工具”选中此页面中绘制的第一个框架，执行“文件 置入”菜单命令，打开“置入”对话框，在对话框中选中“随书光盘 素材 0503.jpg”图像，单击“打开”按钮。Step 08Step 08：返回文档中，将选中的图像置入框架中，执行“对象 适合 按比例填充框架”菜单命令，或者单击控制面板上的“按比例填充框架”按钮，按比例缩放框架内的图像使其适合于框架大小。Step 09Step 09：用“选择工具”选中旁边的另一个矩形框架，执行“文件 置入”菜
13、单命令，打开“置入”对话框，在对话框中选中“随书光盘 素材 0502.jpg”图像，单击“打开”按钮，返回文档中，将选择的图像置入框架中，单击控制面板上的“按比例填充框架”按钮，调整框架内的图像大小。Step 10Step 10：用“选择工具”选中旁边的另一个矩形框架，执行“文件 置入”菜单命令，打开“置入”对话框，在对话框中选中“随书光盘 素材 0504.jpg”图像，单击“打开”按钮，返回文档中，将选择的图像置入框架中。Step 11Step 11：返回文档中，将选中的图像置入框架中，执行“对象 适合 按比例填充框架”菜单命令，或者单击控制面板上的“按比例填充框架”按钮，按比例缩放框架内的
14、图像使其适合于框架大小。Step 12 Step 12：单击工具箱中的“直接选择工具”按钮，单击框架选中框架中置入的图像，将鼠标移至图像右上角的位置，当鼠标变为双向箭头时，单击并向右上角拖曳鼠标，如下图所示。Step 13 Step 13：当拖曳到满意大小后，单击页面中的任意空白区域，查看调整大小后的图像效果，如下图所示。Step 14 Step 14：再次用“直接选择工具”选中框架中的图像，将鼠标移至图像上方，单击并拖曳鼠标，调整框架中的图像位置。Step 15Step 15：调整完成后，我们看到框架中显示的图像更加干净，继续使用同样的操作方法，在其他几个页面中也绘制框架，然后向框架中置入图
15、像，完成画册中的图像置入操作。5.3.45.3.4对齐并分布对象对齐并分布对象 Step 01Step 01：单击工具箱中的“选择工具”按钮，按住 Shift 键不放，单击页面 2 左上角的两个图像，将这两个图像同时选中，执行“窗口 对象和版面 对齐”菜单命令，打开“对齐”面板，单击面板中的“顶对齐”按钮，对齐图像。Step 02Step 02：单击工具箱中的“选择工具”按钮，按住 Shift 键不放，单击页面 3 中间的两个图像，将这两个图像同时选中。Step 03Step 03：打开“对齐”面板，单击面板中的“底对齐”按钮，对齐选中的两张图像。Step 04 Step 04：继续使用同样的
16、方法，用“选择工具”选中页面 3 中的其他图像，根据需要适当调整这些图像的对齐方式，使画面看起来更整齐，效果如下图所示。Step 05 Step 05：单击“页面”面板中的页面4-5，切换至该页面，用“选择工具”同时选中两幅图像，单击“对齐”面板中的“左对齐”按钮，如下图所示，对齐选中的图像。Step 06 Step 06：按住 Shift 键不放，依次单击并选中第一排的四幅图像，打开“对齐”面板，单击面板中的“底对齐”按钮，对齐选中的四幅图像。Step 07Step 07：继续使用同样的方法，对更多图像应用对齐操作，调整图像的对齐方式，得到更整齐的画面效果。5.3.55.3.5图片间距的调整
17、图片间距的调整 Step 01 Step 01：切换到页面 2-3，用“选择工具”同时选中文档中左页面中的两张图片外框架，打开“对齐”面板，勾选“使用间距”复选框，然后在旁边的数值框中输入数值 2，单击“水平分布间距”按钮，调整选中图像的水平间距，如下图所示。Step 02 Step 02：采用同样的方法，同时选中文档右页面中的四张图片外框架，打开“对齐”面板，勾选“使用间距”复选框，然后在旁边的数值框中输入数值 7，单击“水平分布间距”按钮，调整选中图像的水平间距，如下图所示。Step 03 Step 03：单击“页面”面板中的页面 4-5，切换至相应的页面，同时选中文档中右页面第一排的四张
18、图片外框架，打开“对齐”面板，勾选“使用间距”复选框，然后在旁边的数值框中输入数值 2，单击“水平分布间距”按钮，调整选中图像的水平间距，如下图所示。Step 04Step 04：用“选择工具”选中另外的两张图片外框架，打开“对齐”面板，勾选“使用间距”复选框，然后在旁边的数值框中输入数值 42，单击“垂直分布间距”按钮，调整选中图像的垂直间距。Step 05Step 05：调整图像的垂直间距后，我们发现图像没有对齐，因此再选中图像，单击“对齐”面板中的“右对齐”按钮，对齐框架以及图像。Step 06Step 06：继续使用同样的方法，调整另外的图像的间距，然后把调整后的图像重新对齐。5.3.
19、65.3.6为图像添加说明信息为图像添加说明信息 Step 01 Step 01：单击工具箱中的“文字工具”，在页面 2-3 左页面中绘制文本框，输入与图像相对应的文字信息“厦门鼓浪屿”，然后结合控制面板和“颜色”面板，调整文字属性和颜色，如下图所示。Step 02Step 02：继续使用“文字工具”在文字旁边输入字母“Xia men Gulang Yu”，输入后选择工具箱中的“矩形工具”，在图像下方绘制一个白色的矩形，如下图所示。Step 03Step 03：选中绘制的白色矩形，执行“窗口 效果”菜单命令，打开“效果”面板，在面板中把“不透明度”设置为 46%，得到半透明的矩形效果，如左图所
20、示。Step 04 Step 04：继续使用同样的方法，在页面中绘制另一个白色矩形，并将绘制的矩形的“不透明度”也调整为 46%，如右图所示。Step 05Step 05：用“选择工具”同时选中绘制的两个白色矩形，打开“对齐”面板，单击面板中的“右对齐”按钮，对齐矩形对象，如下图所示。Step 06Step 06：执行“文件 置入”菜单命令，打开“置入”对话框，如左图所示，在对话框中选择“随书光盘 素材 05 厦门鼓浪屿.txt”文档，然后单击“打开”按钮。Step 07 Step 07：返回文档中，鼠标旁边出现“厦门鼓浪屿.txt”的缩略图，拖动鼠标，绘制文本框置入文本，然后根据画面需要，调
21、整文本框中的文字属性，然后将置入的文本颜色更改为R74、G12、B18。Step 08Step 08：选择“文字工具”，将鼠标移至文本的起点位置，单击鼠标显示光标插入点，按下键盘中的空格键，调整首行文字的起始位置，继续使用同样的方法，在页面中设置“厦门鼓浪屿 2”文本对象。Step 09 Step 09：选择“矩形工具”，在图像中间绘制一个矩形，打开“颜色”面板，把绘制的矩形颜色更改为 R105、G172、B162，按下快捷键 Ctrl+C，复制矩形，再按下快捷键 Ctrl+V，粘贴矩形，并把矩形颜色更改为R196、G39、B46。Step 10 Step 10：用“选择工具”同时选中绘制的矩
22、形，单击控制面板中的“底对齐”按钮，对齐两个不同颜色的矩形，并调整图形位置，得到叠加的图形效果。Step 11 Step 11：结合“文字工具”和“直排文字工具”在矩形右侧绘制两个文本框架，然后在文本框中输入文字，介绍页面中的图像。Step 12 Step 12：选用“矩形工具”在页面 2-3中的右页面中绘制一个灰色的矩形，同时选中绘制的矩形和上方的景点图像，打开“对齐”面板，单击面板中的“左对齐”按钮，对齐选中的矩形和图像，如下图所示。Step 13Step 13：双击“多边形工具”按钮，打开“多边形设置”对话框，在对话框中设置“边数”为 3，“星形内陷”为 0%，单击“确定”按钮，在画面中
23、绘制一个三角形效果，如下图所示。Step 14Step 14：按下快捷键 Ctrl+C，再按下快捷键 Ctrl+V，复制三角形，选中复制的三角形对象，执行“对象 变换 垂直翻转”菜单命令，翻转图像并移至合适的位置，效果如下图所示。Step 15Step 15：选用“直排文字工具”在两个矩形的中间位置绘制文本框，输入图片对应的文字，再同时选中三角形和文本对象，单击“对齐”面板中的“水平居中对齐”按钮，对齐对象。Step 16 Step 16：继续使用同样的方法，复制图形并输入文字，对图形和文字设置相同的对齐效果。Step 17Step 17：结合前面所讲的操作方法，为页面 4-56-7 和页面
24、8 中的图像也添加上对应的介绍信息，完成旅游画册的设计。5.45.4举一反三举一反三 通过前面的学习，我们了解了如何处理画册中的图片，掌握了框架的绘制与调整、图像的置入与调整等重要知识，下面利用所学知识对案例中的画册做调整，更改文档页面中的图像大小和摆放位置，制作另外一个不同效果的旅游宣传画册效果，如下图所示。操作要点：1用“选择工具”选择框架对象，将鼠标移至框架的边缘位置，并根据需要调整框架的大小，再根据新的版面需要，更改框架的位置；2选择框架对象，调整框架内的图片与框架的适合方式，根据具体的情况处理框架中所显示的图像；3调整页面中文字的位置，用“选择工具”把文字选中，再分别把选中的文字移至对应图片旁边。5.55.5课后练习课后练习家装公司画册家装公司画册 本章主要学习画册的设计与制作方法，通过本章内容大家可以学到框架的绘制与复制、图像的置入、框架内图像的调整、图像的对齐与间距调整等内容。为了巩固本章所学知识，下面我们为大家准备一个课后习题，制作一个品牌家装公司画册，效果如下图所示。操作要点：1创建包含多个页面的文档，在“页面”面板中选中文档页面，在各个页面中绘制不同大小的框架，用于图像的置入；2选择框架，把准确的素材图像置入对应的框架中，根据版面需要调整框架中的图像的大小和位置；3在页面中的空白区域输入与图像相符的文字信息，完成画册页面的设计。