商业平面设计方案实战系列教程吃转大马三折页.docx

商业平面设计方案实战系列教程吃转大马三折页.docx

《商业平面设计方案实战系列教程吃转大马三折页.docx》由会员分享，可在线阅读，更多相关《商业平面设计方案实战系列教程吃转大马三折页.docx（11页珍藏版）》请在冰豆网上搜索。

商业平面设计方案实战系列教程吃转大马三折页

声明：

教程及资源的图文版权为邓炎佳臣个人所有，欢迎转载、传阅我个人的所有教程文章，请尊重作者，不得擅自篡改、截取本文，不得以本文进行任何商业行为,作者：

邓炎佳臣（网名drkiller），转载需在醒目处注明本声明。

作者：

邓炎佳臣（网名drkiller）

准备知识：

Illustrator基本知识

学习难度：

中级

学习目标 了解并掌握三折页尺寸、版面、内容的设计排版常规，并能够应用于实际案例中。

重点分析 三折页尺寸设定、浏览顺序、图文排版技巧、折位线设定。

>三折页排版前知识

>>什么是三折页？

三折页是一种双面印刷在一张纸上的印刷品，通常经过两次折叠形成三个部分，每一面的三个部分自成一页，所以每一面有三页，正反两面共有六页。

三折页叠合时只能看到封面与封底两页。

打开封面能看到内页。

完全打开后的内页。

对各页分别命名。

封面页。

内页1和内页2，工作中也简称为P1和P2。

P1、P3、P4实际上印在纸张的一面。

展开后封面、封底和P2在一面。

展开后P1、P3、P4在另一面，其中封面与P1相对，封底与P3相对，P2与P4相对。

这里的内页顺序是按观众打开三折页后浏览的顺序来划分的。

>>尺寸设置

由于三折页印刷在一张纸上，所以展开的尺寸才是三折页的总尺寸，最常用的总尺寸为大度16开（210X285mm）和大度8开（285X420mm），叠合以后的尺寸分别为96X210mm和141X285mm，这两个尺寸比较方便观众拿捏和观看。

32开及以下或4开及以上的总尺寸非常少见，因为叠合后的尺寸要么太大不好拿或不方便携带，要么太小不方便阅读。

而异数开（非标准开数）尺寸由于成本可能会提高所以也很少见。

正度16开与正度8开尺寸比大度16开与大度8开尺寸略小，但价格却与大度尺寸相当，所以大多数客户也不会选择，因为三折页面积小了，广告的空间也就小了。

理论上把一张纸折成三折页，只要把长边均分三份折两次就能完成。

但实际上这种折法是有问题的。

由于任何纸张都有厚度，而三折页中有一页被包裹里面，所以里面的一页不能与外面的两页等宽。

如果内页与两外页等宽，又强行的折叠，则内页的边缘会产生卷曲，影响美观。

以总尺寸为大度8开（285X420mm）为例，在设定三折页各页尺寸时，可以适当地缩小内页的宽度，增加两个外页的宽度。

如图中内页宽设为总宽420mm的1/3再减2mm，即138，外页宽设为总宽420mm的1/3再加1mm，即141mm，从而让内页比外页窄3mm。

只要内、外页宽度的差值大于纸张的厚度，就足以让内页平整地叠在外页里面，从而让内页在叠合的时候不会发生边缘卷曲。

>三折页排版

注：

本文以AICS5软件为例进行排版的相关内容讲解，CD及FreeHand的制作方法与之类似，只需要改变一下软件命令即可。

>>页面设置

【Ctrl+N】后，在新建文档对话框中，设置画板数量为2以对应三折页的正反两面，大小按大度8开设置为宽度420、高度285mm，取向为横向，出血为3mm，由于本例用于印刷，所以颜色模式设为CMYK，栅格效果为300ppi。

这是生成的页面，红色外框为加上出血的范围，黑色内框为页面范围，本例把左边页设为“封面、封底和P2”面，右边页设为“P1、P3、P4”面。

折位辅助线设置：

折位线：

折位位置是划分各个页面的边界，是重要的设计制作参考位置，在制作文件以前必需精确定位。

先进行“封面、封底和P2”面的设定。

【Ctrl+R】显示标尺，从标尺中拉出竖向辅助线，用【Ctrl+Alt+;】把辅助线解锁，用黑箭头工具选择辅助线（选择后其显示为蓝色），在变换面板中把它的X坐标按P2的宽度设为138mm的位置。

封面、封底间折位应该为P2页宽加封底页宽，即X坐标为138+141=279mm的位置。

“P1、P3、P4”面的折位辅助线设定与前文类似，P1、P3间折位为P1宽度141mm的位置。

P3、P4间折位为P1宽度+P3宽度，282mm的位置。

文字排版区域辅助线设置

排版安全距离：

为了让三折页每个页面上的文字排版都能实现风格的统一，它们的排版区域应该统一化。

通常来说文字的排版区域不能够到页面的边缘，边缘的文字很可能由于折叠或裁切的误差而呈现残缺，不利于信息对观众的传达，所以排版时文字的区域到页面的边缘通常都有一个安全距离，这个安全距离往往设为页面高度或宽度的1/20到1/10左右。

在本例中，把横向安全距离设为10mm，竖向安全距离设为17.5mm，所以封面的文字排版区域宽度就为封面页宽度减左边10再减右边10，即为141-10-10=121mm，文字排版区域高度为封面页高度减上边17.5再减下边17.5，即为285-17.5-17.5=250mm，以此尺寸用矩形工具在空白的区域单击后画出矩形。

封底页文字排版区域与封面相同，把矩形用黑箭头工具按住【Alt】键不放移动复制一个即可。

P2的宽度为138，所以文字排版区域的宽度为138-10-10=118mm。

打开对齐面板，在右下角的对齐选项中勾选“对齐画板”。

用垂直居中对齐按钮把三个矩形与页面上下居中对齐。

P2页上的文字排版区域矩形，在变换面板上把它的左上顶点X坐标设为横向安全距10mm。

封底与封面上的文字排版区域矩形，左上顶点X坐标分别为138+10=148mm和138+141+10=289mm。

用类似的方法设定“P1、P3、P4”面的文字排版区域矩形尺寸及位置，需要注意两面是左右镜像的位置关系，坐标很容易算错，一定要仔细，坐标误差在3mm以上就很有可能导致最终印刷出来的是废品。

选择全部六个矩形，用【Ctrl+5】把矩形转化为辅助线，并用【Ctrl+Alt+;】把设定好的辅助线锁定，以防止误制作导致辅助线移位。

>>封面封底背景制作

由于本案例的封面封底背景为一张连续的大图，所以这两个背景制作在一个文件中。

在PS中【Ctrl+N】新建文件，宽度设为封底页宽加封面页宽再加右侧出血，即141+141+3=285mm；高度为页面高度加上出血再加下出血，即285+3+3=291mm，由于用于印刷，分辨率设为300像素/英寸，颜色模式为CMYK。

分别在上、下、右边用辅助线设定出血位置，三根辅助线到边缘的距离都为出血尺寸3mm，设定时用【Ctrl+R】打开标尺，并通过放大来精确定位。

准确地设定封面与封底的边界。

封面标题的居中是要居中在边缘辅助线与封底分隔辅助线的中间，而不是文件的中间。

背景的底图要铺满到出血以外，底图的内容要尽可能把观众喜爱的部分完整地展示在封面或封底中。

文件保存为无压缩的TIF格式，这种格式图像品质无损而且在平面印刷行业中兼容性最高。

>>封面封底排版

在AI中用【菜单：

文件>置入】命令把封面封底背景文件置入。

精确设定左上角节点的位置为X坐标：

423mm、Y坐标-3，这个坐标在计算时要注意考虑出血的3mm。

在封面正下方的排版内容中，文字标志要与封面141mm的宽度居中，但白色半透明矩形要与左侧的封面封底分隔辅助线和右边的出血红线对齐，这样才能保证观众即能看到与封面居中的文字标志，又能看到贯穿封面的白色半透明矩。

封底的下半部内容排版完成并用【Ctrl+G】群组后，需要与封底的宽度居中对齐，这是一个难点。

本例的解决办法是画一个与封底宽度相同的矩形，即宽141mm，并把它左边节点的X坐标设置为封底左侧辅助线的位置，即138mm处。

然后用对齐面板把封底内容与此矩形水平居中对齐，对齐时在同时选择这两个图形之后，多单击一次矩形，这样可以确保此矩形不会移位，而封底内容会向它对齐，对齐完成后此矩形即可删除。

>>“P1、P3、P4”内页排版

首先制作背景色块，用矩形工具精准画出整个“P1、P3、P4”面加出血尺寸的矩形，即宽度：

420+3+3=426mm，高度：

285+3+3=291mm，并精确地把左上角节点定位在X：

-3mm、Y：

-3mm的位置。

把普通的矩形图片置入AI。

设计分析：

置入图片的位置和尺寸的安排需要注意几点，1、边缘的处的图片必须延申到出血边框；2、图片尽量不要跨越折位线，纸张在折叠后，折位上容易产生裂纹，可能会影响图片美观，而且跨页的图片不方便浏览；3、图片在整个“P1、P3、P4”面上的分布要趋于均衡又有变化，同时在每个单页上的分布又能达到合理、美观、平衡；4、图片之间的颜色即要相互配合又要相互反衬，即有变化又有规律；5、图片的大小与位置可以在相互的变化中形成某种整体性的平衡。

透明背景图片的制作：

案例中需要退底的图片背景复杂，需要在PS中用钢笔工具勾图退底，勾图时可以勾得略小一些，这样可以让退底的图形边缘较为干净。

按住【Ctrl】键不放，单击路径面板上的路转选区，用【Ctrl+J】把图形复制退底为一个透明的图层，然后把其它图层删除以形成透明背景。

把退底的文件保存为PSD格式。

在AI中置入这个PSD文件，图形的背景即为透明。

其它透明背景的图形也用类似方法处理并置入。

照片形式图片的制作：

先置入一张矩形图片。

用矩形工具画一个宽度与高度比图片略大的白色矩形，注意宽度与高度大出的尺寸要尽量相等。

用对齐面板把它们在水平与竖直方向上居中对齐。

用钢笔工具勾出图中的形状，在“照片”四个角勾向外，每边的中部勾向内。

把勾的图形填充黑色，并用【Ctrl+Shift+[】置后。

用【菜单：

效果>模糊>高斯模糊】命令把图形适当模糊。

在透明度面板上设正片叠底模式，降低不透明度到适当，制作成阴影，从而让图片看起来象是一张照片“贴”在页面上。

由于有多张照片形式的图片，每一张图片的阴影可以略微地调节一下形状和位置，让它们不尽相同，从而产生自然而不机械的效果。

照片形式的图片在放置时可以依附于大的图片，并让它们的尺寸略小，可以适当地旋转放置，让它们带有情趣。

由于大面积的图片都是正的，小面积的图片是旋转的，所以整个版面显得即稳又活。

标题制作：

输入文字，并设定好相应的大小和字体，把它们居中对齐。

选择所有文字，用【Ctrl+Shift+O】命令转为曲线。

用矩形工具画一个品红色矩形。

用圆角矩形工具画一个紫色圆角矩形，并把它们居中对齐，调节好位置。

选择以上图形，用【Ctrl+Alt+M】命令建立封套网格，行数与列数均设为1，这样方便下一步调节变形的形状。

用白箭头工具分别调节封套网格四个顶点的位置与方向线，产生一种透视变形。

用钢笔工具勾一个表现车牌厚度的图形，并填充“深紫-浅紫-深紫-浅紫-深紫”的渐变色，渐变的方向要调节到与透视的方向一致。

用钢笔工具勾出上大下小的梯形，并填充深灰到浅灰的渐变色，渐变的方向要调节到与车牌杆的方向一致。

用圆形工具画两个同心正圆，制作为站点，并置于车牌图形的后面。

其它标题的制作方法大致类似，把它们以不同倾角置于页面中，注意不可让标题的文字跨过折位线，这会影响文字的阅读，同时注意标题的分布要均匀，与图片的位置也要合理。

用钢笔工具勾出各站之间的连线以表示旅游的路线，在描边面板中把粗细调节到适当，并设置虚线，最后把路线置到车站牌与图片的后面，因为路线即长又大，置后不影响浏览，同时可以保证图片与标题的完整显示。

设计分析：

本例的标题设计成了车站牌的形式，其设计意图是想表现旅游的线路与美食的关系，为了突出标题的文字内容，车站牌采用了上大下小的透视效果，即有趣味性又能较好的实现设计意图，路线的设计让整个版面显得更有整体性和逻辑性，提高了设计的趣味性和阅读性。

>>文字排版

把文字分成多个文本框以便于在各个图片的空隙中排版，为了提高排版效率，可以把各个文本框链接起来。

从而可以快速地控制各个文本框内文字的多少。

由于设计中存在很多不规则的退底图形和倾斜图形，文字在排版时，文本框区域就要与这些图形形成相应的匹配，所以需要进行异形排版。

用白箭头工具调节文本框顶点的节点，到图形的边缘位置。

用钢笔工具在需要曲线文本框的位置增加节点，并按住【Alt】键在节点中拖出方向线。

用白箭头工具调节节点位置和方向线，以让文本框的形状与图形匹配。

>>P2的排版

设计分析：

P2页的排版非常特殊，因为在观众浏览时P2页是与P1页对应浏览的，所以P2页的排版设计也需要与P1页对应进行。

按P1页的尺寸用矩形工具精确制作一个矩形。

精确定位在P1页的正上方位。

同时复制矩形与“P1、P3、P4”面上的内容，以保持原设计内容不被修改。

把“P1、P3、P4”面上的内容群组，并置于矩形的后面，同时选择矩形及内容，用【Ctrl+７】制作蒙版。

把蒙版后的P1页内容置于P2页的左侧，并精确定位其右上角节点位置为X坐标：

0、Y坐标：

0，以准确地模拟P1页与P2页对应浏览时的情形。

对应着P1页内容来排版P2页内容，图片位置的安排要让两个页面的版面平衡合理，特别是车站牌下的路线要与P1页对上位置，以让观众产生它们本是对页的视觉印象。

设计时要仔细观察P1页与P2页的设计关系，可能需要反复调整P2页的设计布局来与P1页相对应。

>>折位线制作

三折页的折叠不是人工完成的，而是用折纸机进行的，所以必需在文件中精确地告诉印刷厂折叠的位置，这个位置是通过折位线来体现的。

按住【Shift】键不放，用直线工具画出一根竖直线，设高度为5mm左右，粗线为0.25pt或0.0882mm。

把线条的填充设为无，线颜色设为套版色，套版色通常在色板面板上的第二个位置。

把折位线置于出血线外侧约2mm左右的位置，并精确定位在折叠的位置。

通过反复复制和定位，每一个折位需要上下两根折位线来体现，三折页的一面一共要设置上下共四根折位线。

三折页的正反两面都需要制作折位线，以方便印刷厂的师傅对位。

折位线制作技巧小结：

裁切线粗细0.25pt或0.0882mm；

说明：

裁切线如果设置过细，在印刷半成品中可能会看不清，如果设置过粗，裁切师傅很难确定准确的下刀位置，而0.25pt或0.0882mm刚好是在普通四色印刷中看得很清晰的最细线条，所以按这个粗细设置可保证裁切工作的顺利不出错。

裁切线颜色线填充设为“套版色”，面填充设为“无”；

说明：

在多色印刷中“套版色”是每一种颜色都有而且均为100%，这样设置的好处是方便印刷师傅把各色的印刷版精准对位，以利于印刷工作的顺利不出错。

裁切线位置放置在出血色图文的外侧，靠近出血图文的边缘但不接触出血图文，通常距出血图文外侧2mm左右；

说明：

如果把裁切线放置在出血色图文里甚至成品图文里侧，则成品的图案中很可能会出现裁切线，影响成品质量甚至会造成废品；如果放置在出血色图文以外较远的位置则会浪费纸张面积增加印刷成本。

裁切线长度5mm左右；

说明：

裁切线设置过短不利于在印刷半成品中观看，过长则浪费纸张面积增加印刷成本，裁切线设为5mm左右即看得清楚又不过分的浪费纸张。

>三折页设计排版要点小结

一、软件技术及工作流程

1、多用精准操作，即多用标尺、辅助线、坐标、变换面板、对齐面板以及其它精准性命令，不要养成随随便便的操作习惯，这是决定设计师是否专业的因素之一；

2、文件制作中要注意与同事的兼容性，即一切文件名、文件夹、目录地址都要用自己与同事都能明白的较详细名称命名，不要怕命名时打字的麻烦，很多时候一个排版文件中的图片就有几十甚至几百张，详细的命名能够让将来的修改过程快速有效，另一方面，兼容性的工作方式能够容易与同事形成团队的工作模式，从而提高设计品质和人员能效。

提高了工作效率，就是提高了个人与公司在单位时间内的收入，所以这样的工作方式意味着更高的利润；

3、排版工作繁碎而费时，所以更需要强调工作步骤的合理性，即客户沟通→设计分析→草图设计→封面设计→内页样页设计→设计小样制作→客户通过设计小样→精稿制作→客户修改并通过精稿→输出文件制作，这些工作步骤的前后顺序和每一步由相关负责人的确认都是需要谨慎而严格的执行，这样可以有效提高工作的品质和效率。

有时可能会认为跨过一些工作步骤能够节省工作时间，然而工作的现实却往往恰恰相反，特别是对于那些缺少工作经验的设计师来说更是如此。

二、风格与版面

注意：

任何设计的风格都必然以客户的需要和设计的内容为基础，而本案例是以旅游为主要内容，所以在设计上以丰富、活泼、有趣、表现食欲为主，从而让广告促发观众对旅游的欲望。

但无论是什么设计风格，绝不能脱离客户需要和设计内容而仅仅依靠设计师天马行空的想象力去创造，在这里一切想象都必需以商业目标为根据，否则一切创造都没有经济价值。

1、除非是追求多变的风格，否则在排版设计中需要重视全局观。

整个设计从封面、封底到内页，从图形到文字、从大小变化到位置关系等都应该形成统一的风格，特别是在内页设计中应该把这些风格严格地执行，以确保整体风格独特和鲜明；

2、各页的版面在设计和制作时应该把观众能够同时浏览的多个页面对应设计，比如P1、P3、P4三页，以及P1与P2两页，每页的设计不但要求单独浏览时的优美、平衡，而且更要求与对应页同时浏览时也要优美、平衡；

3、当版面中图片与文字都较多时，要合理地安排它们的相对位置，要特别注意即让相关的图文在空间上形成联系，又让图文在页面的整体上趋于均衡，即让图文有一定变化，又让图文在整体上趋于有序，即让图文之间的关系有相离、相交、相接的变化，又让图文各自清晰、内容完整、有层次，这些要点是排版设计的重要核心之一；

4、大、中、小标题的设计要有层次，形成主次分明的信息传达形式。

在一些需要活泼与变化的设计中，标题往往是发挥设计师在设计上聪明独创的好地方，一些形象有趣的标题往往能让整个设计眼前一亮、富有个性、印象深刻，从而产生更好的广告效果；

5、商业意图在设计排版的实施过程中，要注意由始致终的进行贯彻，所谓设计是否到位，往往决定于商业意图在设计中的贯彻程度；

6、在排版设计中，设计师除了要站在审美的角度审视作品以外，更要随时站在两个视角来审视作品，即站在观众（潜在消费者）和站在客户（广告主）的角度审视。

任何设计手法、色彩、形状、图形、布局、字体，都需要在这两种角度的审视中反复检验、谨慎选择，这样的排版设计才能在更美观、更新颖、更个性的基础上更有效、更合理、更有价值；

7、排版设计没有公式、没有答案、没有对错，但排版设计有规律、有需求、有底线，这说明排版设计虽外表自由却内有规律，虽发自自我却回向大众，即要有趣更要有用，设计师的真正作用就在这些排版设计的特点中找到恰当的平衡位置。