详情
本书结合5个典型的版式设计项目，讲述如何设计名片，如何设计易拉宝，如何设计图书宣传海报，如何设计图书详情页，以及如何设计图书封面。本书在内容安排上由易到难、由点到面。通过阅读本书，读者可以学习版式设计的成功经验，提升版式设计水平。
本书适合平面设计师阅读，也可以作为各类院校艺术设计相关专业的教材。
书名：版式设计项目教材
ISBN：978-7-115-65351-2
本书由人民邮电出版社发行数字版。版权所有，侵权必究。
您购买的人民邮电出版社电子书仅供您个人使用，未经授权，不得以任何方式复制和传播本书内容。
我们愿意相信读者具有这样的良知和觉悟，与我们共同保护知识产权。
如果购买者有侵权行为，我们可能对该用户实施包括但不限于关闭该帐号等维权措施，并可能追究法律责任。
著 王海振
责任编辑 谢晓芳
人民邮电出版社出版发行 北京市丰台区成寿寺路11号
邮编 100164 电子邮件 315@ptpress.com.cn
网址 http://www.ptpress.com.cn
读者服务热线：(010)81055410
反盗版热线：(010)81055315
本书结合5个典型的版式设计项目，讲述如何设计名片，如何设计易拉宝，如何设计图书宣传海报，如何设计图书详情页，以及如何设计图书封面。本书在内容安排上由易到难、由点到面。通过阅读本书，读者可以学习版式设计的成功经验，提升版式设计水平。
本书适合平面设计师阅读，也可以作为各类院校艺术设计相关专业的教材。
本书通过具体项目讲解版式设计的相关知识。这些项目涉及名片设计、易拉宝设计、图书宣传海报设计、图书详情页设计和图书封面设计。
要做好版式设计，你需要熟练使用Photoshop、Illustrator、InDesign 等工具，熟悉输出、印前制作，了解后期制作流程及印刷常识，能熟练运用视觉元素，具有较强的创意设计能力和整体布局能力。
本书中的每个项目都包括以下模块。
• 项目需求书：明确项目最终要满足的要求。
• 需求分析：分析项目的真实需求到底是什么。进行需求分析要关注客户明确提出的要求、项目信息、项目需要符合的一些行业规范、项目需求书中需要和客户确认的地方。
• 技能学习：真正掌握技能是需要反复练习的。对于版式设计技能，你需要花一些时间来练习。
• 项目实施和交付：展示实施项目时的完整思路及过程。
• 项目验收标准：在真实的项目验收中，有些验收标准是必须达到的，而有些验收标准是有弹性的。根据项目验收标准，你可以评估项目是否会通过验收。
• 自我评估：判断自己是否掌握相关技能。
• 作业：检验学习效果。
要查看书中图片的彩色效果，请访问异步社区中本书的页面，下载本书的彩图文件。
名片设计虽然看起来简单，但是要在有限的版面中既展示品牌形象又传达个人信息，有一定的难度。名片设计是平面设计师必须掌握的设计类型。
“雨前雨后”是一家茶文化公司，主要提供品茶服务，同时售卖各种知名茶叶。2024年6月12日公司发布需求，要为其员工设计名片。由于该公司即将开业，时间仓促，因此设计师需要在2024年6月13日给出名片的设计方案，该公司确认无误后，将会印刷使用。
项目名称是“雨前雨后”名片设计。
项目要求如下。
• 设计茶文化公司的名片。
• 使用客户提供的员工文字信息。
• 使用客户提供的公司徽标，如图1-1所示。
图1-1
• 设计风格需要有文化内涵，符合公司气质，和公司徽标相符合。
• 2024年6月13日前必须完成最终设计。
• 提交PDF文件。
根据客户提供的项目需求进行分析，客户的明确需求是设计一款公司名片。
根据项目背景我们可以了解的信息是，客户是一家茶文化公司，名片的设计风格要与其行业属性相关联。客户提供了公司徽标，名片的风格要与其设计风格相符合。
在设计名片的时候，一般需要直观地传达个人信息，划分好文案的信息层级，突出人名信息以及职位信息，合理安排文字与图形之间的布局关系。文案与画面所表达的信息要醒目，能够让用户流畅地阅读名片的内容。
客户的需求中没有提到名片的具体尺寸要求和材质要求，设计师要与客户对此进行确认，根据使用场景与名片常用尺寸，给出合理的尺寸和材质建议，从而明确尺寸需求和其他注意事项。在设计风格上，客户的需求为“有文化内涵，符合公司气质，和公司徽标相符合”，在风格需求不确定的时候，设计师可以找参考风格图，提供不同的方案供客户选择，引导客户确定具体的设计风格。
在进行本项目的设计与制作前，需要掌握以下知识点。
• 名片的印刷知识。
• 名片的设计知识。
• 素材的选择与实际应用。
• 提案技巧——样机制作。
• InDesign的使用。
如果已经掌握相关知识可跳过本节，直接开始实施项目。
名片是个人或者公司的身份象征，优秀的名片设计不仅可以传递信息，还可以提升个人或者公司的形象，传达个人的特点或者公司品牌的文化内涵。在进行名片设计的时候，初学者需要掌握一些与名片设计相关的印刷知识，以快速设计出既实用又吸引人的名片。
名片的尺寸在不同国家或地区可能会有所不同，但有一些常见的标准尺寸。名片的常用尺寸有90 mm×55 mm、90 mm×50 mm和90 mm×45 mm。
在裁切名片时，会有误差，所以上下左右要保留 3 mm 的出血。页面内的元素应距离裁切线 3 mm 以上，避免裁切时有元素被裁切掉。在名片中绘制的线条或图形的描边的粗细应在 0.1 点以上，否则，印刷成品的图案或线条会出现断线的情况。在名片设计中，图片的色彩空间应设置为CMYK，不能使用RGB色彩空间，RGB色彩空间的图片不能用于印刷。
除了版式设计的视觉效果，还可以通过名片的材质和印刷工艺为名片增色。
在名片印刷中常用的材质是纸，其中包括白卡纸、珠光纸、铜版纸、黑卡纸等。除了纸张，还有一些特殊材质——PVC材质、金属材质、木质材质、水晶材质等。注意，特殊材质的使用会增加名片的制作成本，需要慎重使用。若需使用特殊材质，需要提前与客户沟通。
在名片印刷中常用的印刷工艺包括上光、烫印、压凹凸、镂空［见图1-2（a）和（b）］。
（a）
（b）
图1-2
名片的文字内容分为两部分：主体文字，包括名片持有人的姓名和单位名称；次要文字，包括地址、电话、网址和 E-mail 等联系方式。因为名片的大小有限，所以文字内容要简单扼要，信息传递要准确。主体文字和次要文字在设计时要有所区别，若设计一致，会让读者分不清名片内容的主次关系。文字内容排版要整齐。名片使用的字体要规范，一般情况下不建议使用繁体字。
选择合适的字体对名片的可读性和美观性非常重要。名片的文字多采用端庄大方的黑体、中等线体等，不建议使用隶书、楷体和行楷等书法体，避免使用过于花哨并且难以识别的字体，如图1-3所示。
图1-3
名片的色彩应用应该体现个人或者品牌的特点。如果公司有品牌 VI（Visual Identity，视觉识别）系统，建议按照 VI 手册中的内容进行设计；如果没有，就要与公司徽标的设计风格保持一致。使用品牌标准色可以增加名片的辨识度。除此之外，名片色彩通常使用两到三种颜色即可，色彩的种类不宜过多，要保持名片的简洁，如图1-4所示。
图1-4
名片的反面也是展示信息的空间，需要进行设计。名片的反面通常会放置公司的徽标或者与公司相关的企业文化视觉符号等，这样既增加了美观性，也提升了品牌内涵。
在选择素材的时候，不仅需要查看大量的素材网站，还需要下载大量的素材并在方案中进行尝试。在挑选素材的时候，要根据主题进行选择，例如，要制作茶文化公司的名片，就需要有一些符合茶文化的元素，例如一些雅致的素材。可以选择一些有肌理的纸纹效果。通过从网上检索，我们能搜索到很多纸纹的素材。在选择上，可以进一步明确目标，例如，需要一种颗粒感不强的牛皮纸纹。但如果搜索过程中发现其他好看的纸纹效果，我们也不妨下载下来，然后在方案中进行尝试。配合使用Photoshop软件，对素材进行色调的加工处理，使其达到最终使用效果，如图1-5所示。
图1-5
除了选择背景之外，还需要根据主题寻找合适的图形素材。若我们找不到符合需求的目标元素矢量文件，就可以借助Photoshop和Illustrator将不同的素材组合在一起，使其成为设计中需要的元素，如图1-6所示。
图1-6
虽然好的作品看的是设计本身，但俗话说“三分画七分裱”，在给出作品提案的时候，使用样机展示出最终作品的效果，可以让客户直观地看到设计的效果。样机又称智能贴图，用于模拟设计作品实际的效果，如图1-7所示。
图1-7
可以从素材网站（例如，昵图网、千图网、Mockup World等）搜索想要的样机模板并下载，或者去网店购买样机。一些网店会售卖制作好的样机，一般几元钱就可以购买终身会员，可以不限次数地下载需要的样机。另外，也可以自己制作样机，使用素材图片进行贴图。
以图 1-8 所示的这张名片设计图为例，讲解如何使用样机。本案例中所使用的个人信息纯属虚构，如有雷同，实属巧合。
图1-8
用Photoshop打开下载好的样机文件，如图1-9所示。
图1-9
找到置换设计稿的图层。该样机有三张名片，所以需要在Card1、Card2、Card3三个图层组中分别置入设计文件，如图1-10所示。
图1-10
展开样机图层组，有的样机会在需要贴图的图层中用特殊颜色突出显示出来。若需要贴图的图层没有突出显示，我们可以通过图层名称区分，或者单击图层前的眼睛图标，确定该图层是不是需要贴图的图层。
找到置换设计稿的图层，可以发现该图层是智能图层。双击该图层，会打开新的文件窗口，进入智能图层编辑窗口，可以看到原样机的设计图（见图 1-11），将其替换成自己的设计稿（见图 1-12）。完成后保存并关闭智能图层，回到之前的样机界面，就可以看到原来的图片被替换成自己的设计文件了。
图1-11
图1-12
依次将其他设计稿图层换成自己的设计文件。可以看到使用样机后，设计的展示效果更突出一些，如图1-13所示。
图1-13
在InDesign中，从菜单栏中选择【文件】→【新建】→【文档】命令，如图1-14所示，就可以创建文档。
图1-14
在创建文档时，会弹出【新建文档】对话框，如图1-15所示。【打印】选项卡中的文档预设的色彩空间为CMYK，【Web】或【移动设备】选项卡中的文档预设的色彩空间为RGB。根据设计作品的用途选择即可。文件名自定，页面大小、页数等根据实际设计需求设置为具体数值。【对页】复选框默认处于勾选状态。如果要制作图书版式，则需要勾选【对页】复选框；如果设计名片、海报、宣传单，则取消勾选【对页】复选框。【装订】选项决定图书是从左往右翻还是从右往左翻。【起点#】可以根据需要进行设置，有的时候起点不是 1。出血一般在原有文档尺寸的基础上增加 3 mm 或者更大值，因为在印刷后需要裁切，为了防止出现白边或者重要的信息被裁切掉，需要设置出血，一般出血默认为3 mm。
图1-15
单击【版面网格对话框】按钮，打开【版面网格】对话框，主要通过设置文字字体、大小、字间距、行间距等设置辅助网格参考线，如图1-16所示。网格参考线在打印的时候不会呈现出来。
图1-16
在【新建文档】对话框中，单击【边距和分栏】按钮，打开【新建边距和分栏】对话框，在其中设置边距就能确定版心的大小，如图1-17所示。
图1-17
设置栏数可以分割版面。一些开本和版心较大的版面中，若文字较多、信息复杂，可以设置分栏。在【栏数】文本框中输入数值，版面就按数值分栏。栏间距决定两个栏框之间的距离。如果【排版方向】设置为【水平】，则对版面纵向分栏，如图1-18（a）所示；如果设置为【垂直】，则对版面横向分栏，如图1-18（b）所示。
（a）
（b）
图1-18
设置好后，单击【确定】按钮，进入工作界面，在【页面】面板中，可以对页面进行管理，如图1-19所示。
图1-19
创建文档后，如果要重新对文档进行设置，如图1-20所示，从菜单栏中选择【文件】→【文档设置】命令，在弹出的【文档设置】对话框（见图1-21）中，进行修改。
图1-20
图1-21
要修改边距和分栏，如图1-22所示，从菜单栏中选择【版面】→【边距和分栏】命令，在弹出的对话框中进行修改。
图1-22
在InDesign中添加文字有4种方法。
• 置入法。在InDesign中，在菜单栏中选择【文件】→【置入】命令，在弹出的对话框中，选择需要置入的文字素材文件，单击【打开】按钮，将鼠标指针移动到页面空白处，单击即完成置入文字的操作。
• 复制与粘贴法。复制一段文字，在InDesign中粘贴即可。
• 拖曳文件法。将文字素材文件从资源管理器窗口拖曳到InDesign的空白页面中。
• 输入文字法。先用文字工具绘制一个文本框，然后在文本框中输入文字即可。在InDesign中，文字有文本框，图片有图片框，在输入文字前需要绘制一个文本框才能进行输入文字的操作。
【字符】面板用于设置文字的外观和效果，包括字体、字号、行距、字符间距、垂直缩放、水平缩放和倾斜等。
【段落】面板用于设置段落的外观和效果，包括段落的对齐方式、左右缩进、首行左缩进、末行右缩进、段前间距、段后间距和首字下沉等。
单击【字符】面板和【段落】面板右上角的
按钮可以展开关于字符和段落的更多选项，如图1-23（a）和（b）所示。
（a）
（b）
图1-23
文字和段落的外观也可以通过控制面板进行设置。用文字工具选择需要设置的文字，在控制面板上会出现相应的设置选项，按设计需要进行设置即可。
使用文字工具，将光标插入文本框中，右击，在弹出的菜单中也可以对文本字体、大小、排版方向等进行设置，如图1-24所示。
图1-24
在InDesign中置入图片的方法如下。
如图1-25（a）所示，从菜单栏中选择【文件】→【置入】命令，在【置入】对话框中，选中目标图片，单击【打开】按钮，如图 1-25（b）所示，或直接将图片拖入InDesign中。
在InDesign中，所有的图片都是有外框的。注意，在调整图片大小时，如果需要同时调整图片及其外框，应按住 Ctrl+Shift 键拖曳控制点。如图1-25（c）所示，如果直接拖曳图形框的控制点，则图形会被裁切，如图1-25（d）所示。
（a）
（b）
（c）
（d）
图1-25
如果置入的图片显示不清晰，在菜单栏中选择【视图】→【显示性能】→【高品质显示】命令，图像就可以清晰地呈现出来，如图1-26所示。
图1-26
正常的工作界面显示包括出血、辅助线等。如果要看最终设计效果，可在菜单栏中选择【视图】→【屏幕模式】→【预览】命令，如图1-27所示。
图1-27
为了防止图片的位置移动，可在菜单栏中选择【对象】→【锁定】命令，如图1-28（a）所示，或者选中图片并右击，在弹出的菜单中选择【锁定】，如图1-28（b）所示。如果图片的左上角出现锁形图标，就表示该图片已被锁定；如果要移动图片，单击锁形图标就可以解除图片锁定，如图1-28（c）所示。
（a）
（b）
（c）
图1-28
| 提示 |
| 当我们将一张图片置入InDesign文档中时，这张图片并没有真的存在于InDesign文档中，而是在InDesign中创建了一张低分辨率的缩略图，该图片被称为InDesign的“链接图片”。这样做的好处是减轻InDesign的负担，提高InDesign打开、编辑文档的速度，降低错误发生率（如果文档过大，发生错误的概率会很高，甚至会完全损坏文档）。 |
| 注意 |
| 在置入图片时，应先将鼠标指针放在页面空白处，然后单击，完成置入操作。这是比较规范的操作方法。若将鼠标指针放在有图片、图形和文字的地方，进行置入操作，很容易将置入的对象嵌入页面的对象中，造成困扰。 |
在【效果】面板中，可以设置对象的混合模式和不透明度，如图1-29所示。混合模式用于控制基色（图片的底层颜色）与混合色（选定对象或对象组的颜色）相互作用的方式，结果色是混合后的颜色。【不透明度】用于设置对象、描边、填色或文本的不透明度。
图1-29
混合模式中的选项如下。
• 正常：在不与基色相作用的情况下，采用混合色为选区着色，这是默认模式。
• 正片叠底：将基色与混合色相乘，结果色总是较暗的颜色。在该模式下，任何颜色与黑色相乘都会产生黑色，任何颜色与白色相乘都会保持原始颜色。
• 滤色：将混合色的互补色与基色相乘，结果色总是较亮的颜色。在该模式下，任何颜色与黑色相乘之后的颜色都保持不变，任何颜色与白色相乘都将产生白色。此效果类似于在背景上投影幻灯片，如图1-30（a）～（d）所示。
（a）
（b）
（c）
（d）
图1-30
• 叠加：将图案或颜色叠加在现有图片上，在基色中混合时会保留基色的高光和阴影，以表现原始颜色的明暗。
• 柔光：根据混合色，使颜色变暗或变亮。该效果类似于用发散的点光照射图片。如果混合色（光源）比50%的灰色亮，则图片将变亮，就像颜色减淡了一样；如果混合色比50%的灰色暗，则图片将变暗，就像颜色加深了一样。使用黑色或白色上色，可以产生明显变暗或变亮的区域，但不能得到黑色或白色。
• 强光：根据混合色，复合或过滤颜色。该效果类似于用强烈的点光照射图片。如果混合色（光源）比 50%的灰色亮，则图片将变亮（可用于向图片中添加高光）；如果混合色比 50%的灰色暗，则图片将变暗（可用于向图片中添加阴影）。用黑色上色会得到黑色，用白色上色会得到白色。
• 颜色减淡：使基色变亮以反映混合色，与黑色混合不会产生变化。
• 颜色加深：使基色变暗以反映混合色，与白色混合不会产生变化。
• 变暗：选择基色或混合色（取较暗者）作为结果色，比混合色亮的区域将被替换，而比混合色暗的区域保持不变。
• 变亮：选择基色或混合色（取较亮者）作为结果色，比混合色暗的区域将被替换，而比混合色亮的区域保持不变。
• 差值：比较基色与混合色的亮度值，然后从较大者中减去较小者，与白色混合将反转基色值，与黑色混合不会产生变化。
• 排除：创建类似差值模式的效果，但是对比度比差值模式的低，与白色混合将反转基色分量，与黑色混合不会产生变化。
• 色相：用基色的亮度和饱和度与混合色的色相创建颜色。
• 饱和度：用基色的亮度和色相与混合色的饱和度创建颜色。用此模式在没有饱和度（灰色）的区域中上色，将不会产生变化。
• 颜色：用基色的亮度与混合色的色相和饱和度创建颜色。它可以保留图片的灰阶，可用于给单色图片上色和给彩色图片着色。
• 亮度：用基色的色相及饱和度与混合色的亮度创建颜色。在此模式下创建的效果与在颜色模式下创建的效果相反。
在InDesign中，在属性栏里可以设置文字或者图形的颜色。默认颜色只有几种，如果要使用其他颜色，需要在【色板】面板中单击
图标，如图 1-31 所示。在后面设计时，可以直接在【色板】面板中选择。
图1-31
描边的粗细针对不同的设计内容有不同的设置。页面中的线条有修饰版面的作用，使元素之间产生联系，所以描边不宜过粗，如图1-32所示。文字的描边起突出作用，在背景比较复杂的情况下使用，多用于标题、广告语。对于正文文字，不建议使用描边。简易线路图中的描边起强调作用，主干道的描边应比其他道路的描边稍粗一些，便于读者查看。
图1-32
在复杂的背景页面中为文字使用描边效果，可以突出文字内容，如图1-33所示。
图1-33
制作描边需要路径。路径由一条或多条直线段或曲线段组成。路径分为闭合路径和开放路径，主要使用方向线、方向点和锚点一起控制其形状，如图1-34（a）～（c）所示。
（a）
（b）
（c）
图1-34
使用直线工具，按住Shift键可以绘制出以45°角为增量的直线。另外，还可通过调整方向线和方向点绘制曲线。
在InDesign中，除了直线工具，创建或编辑路径的工具还包括钢笔工具、添加锚点工具、删除锚点工具、转换方向点工具、铅笔工具、平滑工具、抹除工具，如图1-35所示。
图1-35
在InDesign中，用钢笔工具在页面空白处单击，确定路径的起点，定义第一个锚点，按住Shift键，将鼠标指针向右移动一段距离后单击（定义第二个锚点），可绘制出一条水平方向的路径，如图1-36所示。继续按住Shift键，将鼠标指针向上移动一段距离后单击（定义第三个锚点），可绘制一条垂直方向的路径，如图1-37所示。继续按住Shift键，将鼠标指针向右下方移动一段距离后单击，可绘制出一条倾斜的路径，如图1-38所示。
图1-36
图1-37
图1-38
在【描边】面板中，【端点】用于设置端点样式以指定开放路径两端的外观，包括平头端点、圆头端点和投射末端。
【连接】用于设置转角处描边的外观，包括斜接连接、圆角连接和斜面连接。
在【描边】面板中，【对齐描边】用于设置描边相对于路径的类型，包括描边对齐中心、描边居内和描边居外。
如图1-39（a）所示，在【端点】后选择第一个图标（平头端头），把【斜接限制】设置为【4】，在【对齐描边】后选择第一个图标（描边对齐中心），效果如图1-39（b）所示。
（a）
（b）
图1-39
如图1-40（a）所示，修改描边的设置，效果如图1-40（b）所示。
（a）
（b）
图1-40
如图1-41（a）所示，再次修改描边的设置，效果如图1-41（b）所示。
（a）
（b）
图1-41
在InDesign中，通过【描边】面板不仅可为路径设置不同类型的效果，还可为路径的起始处/结束处设置与众不同的箭头或者其他端点样式，如图 1-42（a）与（b）所示。设置【缩放】参数可修改起始处/结束处端点形状的大小。如果选择虚线类型，还可用【间隙颜色】和【间隙色调】来设置虚线的间隙。在图 1-43（a）中，选择黑色的路径，把【间隙颜色】修改为红色，如图1-43（b）所示。在【类型】下拉列表框中选择【虚线】，路径变为虚线，并显示【角点】下拉列表、【虚线】文本框和【间隔】文本框，如图1-43（c）和（d）所示。
（a）
（b）
图1-42
（a）
（b）
（c）
（d）
图1-43
在InDesign中，通常将制作完成的文件导出为PDF格式。导出的质量低的文件主要用于供客户查看；导出的质量高的文件才能用于印刷。在 InDesign 中，如图 1-44（a）所示，从菜单栏中选择【文件】→【导出】命令。在【导出】对话框中，设置文件名，从【格式】列表中选择【Adobe PDF（打印）】，选择保存路径，单击【存储】按钮，如图1-44（b）所示。
（a）
（b）
图1-44
在弹出的【导出Adobe PDF】对话框中，设置【Adobe PDF预设】为【［高质量打印］】，在【页面】选项组中，在【导出为】后面单击【页面】单选按钮，如图 1-45（a）所示，因为印刷厂需要拼版，其他选项保持默认设置。选择左边的【压缩】选项卡，如图1-45（b）所示，可以看到图像的像素比较高，图像品质较高。选择左边的【标记和出血】选项卡，勾选【所有印刷标记】复选框，【类型】保持默认设置，在【出血】选项组中，把【上】【下】【左】【右】均设置为【3毫米】，勾选【使用文档出血设置】复选框，单击【导出】按钮，完成导出PDF文件的操作，如图1-45（c）所示。
（a）
（b）
（c）
图1-45
在保存路径中打开PDF文件，在页面中可以看到设置的印刷标记，这些印刷标记可以使印刷厂的工作人员一目了然，便于印刷时的套准与裁切，如图1-46（a）和（b）所示。
（a）
（b）
图1-46
输出低质量的PDF文件与输出高质量的PDF文件的操作路径一致，在【导出Adobe PDF】对话框中，设置【Adobe PDF预设】为【［最小文件大小（已修改）］】。在【页面】选项组中，在【导出为】后面单击【跨页】单选按钮，其他选项保持默认设置。如图 1-47（a）所示，选择左边的【压缩】选项卡，可看到图像的像素比较低，图像的品质也较低，其他各选项保持默认设置即可。单击【导出】按钮，完成导出PDF文件的操作，如图1-47（b）所示。在保存路径中打开PDF文件可进行预览。
（a）
（b）
图1-47
打包可用于将制作文件、链接图片复制到指定的文件夹中。在InDesign中，如图1-48（a）所示，从菜单栏中选择【文件】→【打包】命令，打开【打包】对话框。如图 1-48（b）所示，检查文件信息，确认无误后，单击【打包】按钮。在弹出的对话框中，如图 1-48（c）所示，选择保存路径，对于对话框下方的选项，保持默认设置，单击【打包】按钮。若弹出【警告】对话框，继续单击【确定】按钮，如图1-48（d）所示。
（a）
（b）
（c）
（d）
图1-48
在保存路径下可以找到打包好的文件夹，文件夹中有3个文件——一个indd文件、一个idml文件、一个PDF文件，以及Document fonts文件夹和Links文件夹，如图1-49所示。
图1-49
首先要理解客户的需求，根据需求进行设计，用恰当的工具对图形和文字进行处理，合理排版，最终交付合格的设计。
根据客户提供的项目需求分析，需要设计一款茶文化公司的名片，用于个人或公司的信息和形象的展示。名片设计需要包含以下要素。
• 客户：雨前雨后茶文化公司。
• 客户提供的用于设计的员工信息：具体如下（本案例中所使用的个人信息纯属虚构，如有雷同，实属巧合）。
❏ 产品经理：张小明。
❏ 地址：北京市朝阳区国际大厦A座。
❏ 电话：0000-12345678。
❏ 邮箱：zhangxiaoming@000.com。
❏ QQ：12345678。
❏ 传真：0001-87654321。
❏ 公司网址：www.hehecommunication××××××。
• 使用提供的公司徽标作为主要的视觉风格。
客户是茶馆类的企业，在设计风格上要向茶文化靠拢。与茶文化相关的优秀设计作品非常多，在没有灵感的时候可以用半小时到一小时在网上看看与茶文化相关的优秀作品（意向图），包括包装设计、展示设计等。在看了大量的意向图以后，可以自己列出一些关于茶文化的关键词，如古朴、宁静、诗意……这些关键词可以帮助我们更好地找到设计的突破口。
从查找到的参考图可以看到，与茶文化相关的名片设计色彩都是比较质朴的，能体现出与茶相关的元素。这些名片设计一般分为正、反两面，颜色不会过多，一般使用2～3种颜色，在文字信息部分一般会将姓名放大处理并且与其他信息区分开来，其他信息的字号比姓名的字号小，如图1-50（a）～（c）所示。
（a）
（b）
（c）
图1-50
在本次名片设计中，也要将正反两面充分利用起来。除了提供品茶服务，客户公司还售卖茶叶。在名片反面可以添加客户售卖的茶叶品种。客人取走名片后，可以从中快速地找到是否有自己喜欢的产品。将该设计想法与客户沟通，让客户提供产品信息。
客户要求设计风格要与公司徽标风格相符合，从徽标设计中可以看出整体为中国传统水墨风格，因此在制作名片的时候，需要收集一些能代表中国文化内涵的水墨风格的素材，例如，宣纸的纸张肌理效果，水墨风格的竹子、茶叶、茶壶元素等，突出品牌文化内涵。下面来进行雨前雨后茶文化公司名片设计制作。
在设计之前，设计师要有良好的文件命名和文件整理习惯，这对于提高工作效率、减少工作中的失误非常重要。合理的文件命名规范和整理方式可以帮助设计师在繁忙的工作中高效地定位和使用需要的文件，节约时间。有的客户会对提交的文档格式有规范性要求，如果客户没有要求，设计师也要养成良好的文件整理习惯，减少信息传递和文件整理带来的错误。
以本次设计为例，在计算机中，创建一个文件夹，将文件夹命名为“YYY_名片设计_日期（YYY代表项目名称，日期要包含年月日）”。此文件夹包括以下内容：
• “甲方提供的素材”文件夹，里面包含客户提供的未经任何修改的素材图片；
• “补充的设计素材”文件夹，里面包含设计师根据名片的主题风格收集的设计素材文件；
• “设计工程文件”文件夹，里面包含最终效果的JPG格式文件、印刷PDF格式文件等。
创建的文件夹如图1-51所示。
图1-51
在InDesign中，新建尺寸为90 mm×45 mm的文档，命名为【雨前雨后名片设计】。因为名片有正、反两面，所以在【新建文档】对话框中，把【页数】设置为2，取消勾选【对页】复选框，单击【边距和分栏】按钮，如图 1-52（a）所示。在弹出的【新建边距和分栏】对话框，设置页边距，如图 1-52（b）所示。进入 InDesign 工作界面，将客户提供的文字信息复制并粘贴到InDesign中，把员工信息与产品信息区分开，分别放置于正、反两面，如图1-52（c）和（d）所示。
（a）
（b）
（c）
（d）
图1-52
对名片正、反面的文字进行排版。根据前面的分析，客户公司徽标的整体风格是中国传统风格，中国传统的文字排版形式为竖排，阅读顺序为从右至左，因此将员工信息的排版形式调整为竖排，放置于正面版面的右边。名片中需要让人先看到的就是姓名，将员工姓名的字号放大，以达到突出重点的目的。职位名称次之，最后是员工其他信息。公司网址属于公司信息，因此与员工信息区分开来。将客户售卖的茶叶品种信息放置在名片的背面。分别设置好各部分文字的字体、字号和行间距。设计效果如图1-53（a）和（b）所示。
（a）
（b）
图1-53
为了让版面文字层次更丰富，把要突出的员工姓名和职位信息设置成深棕色，与员工基本信息区分开来，形成颜色对比。背面的产品信息同样设置成棕色，如图1-54（a）和（b）所示。
（a）
（b）
图1-54
将徽标图置入版面中，根据亲密性原则，相关联的元素要放在一起，因此将徽标放置于公司网址上方。目前版面中关于公司茶文化的特点体现得还不够，因此把收集到的与茶文化相关的竹子图放置于版面的左上角，将其调整至合适的大小和角度，如图1-55所示。
图1-55
从目前的版面可以看出，背景有些单调，因此可以添加纸纹背景素材，为名片增加肌理感，同时带来古朴典雅的视觉效果，使名片更符合茶文化的特点。置入素材后，竹子图有白色的底色，与背景不能很好地融合，在【效果】面板中，设置图层模式为【正片叠底】，白底就可以去掉了，如图1-56（a）和（b）所示。
（a）
（b）
图1-56
继续为版面添加细节。版面中目前只有图文，可以添加线元素。在员工信息的行间距中添加装饰线，既能点缀版面又能提升美感。使用直线工具绘制一条直线，然后复制、粘贴多条直线，将它们平均分布置于文字中间，这样名片的正面就设计好了，如图1-57所示。
图1-57
接着，设计名片的背面，将收集到的与茶文化相关的茶壶元素放置于名片背面的茶叶品种信息上方。茶叶元素放置于茶叶品种信息的左右两侧，将正面的纸纹背景复制到背面，如图1-58所示。
图1-58
这样名片就设计好了，设计稿提交前检查文字信息是否有遗漏。最终效果如图1-59所示。
图1-59
将设计稿制作好之后，找到合适的名片样机，将设计稿贴到样机中，如图1-60所示，供客户确认。在客户确认无误后，提交可印刷的PDF文件，如图1-61所示。
图1-60
图1-61
• 没有侵权。
• 尺寸、分辨率、色彩模式符合要求。
• 素材清晰、无水印、无变形。
• 设计符合公司的风格，清晰表达主题。
• 文字排版一目了然，信息明确。
• 印刷文件符合标准，能够清晰地印刷出来。
（达到以上要求为合格）
• 色彩搭配和谐，设计元素平衡，整体视觉效果良好。
• 名片设计与公司品牌视觉识别系统保持一致。
• 包含独特的设计元素或图形，体现个性和创意。
（达到以上要求为良好）
• 具有独特的设计理念或风格，能够突出个性和品牌形象。
• 使用创新的布局、材料或印刷工艺，提供新颖的用户体验，能获得客户的青睐和市场的认可。
• 能考虑不同文化背景的接受度，确保设计在不同环境中都适宜。
（达到以上要求为优秀）
• 掌握名片的印刷知识，可以根据需求给客户提供尺寸、材质、工艺的建议，并制作精美的印刷文件。
• 掌握名片的设计知识，可以根据甲方需求，设计出符合要求的文字排版形式。
• 掌握不同风格下的配色技巧，可以根据客户的需求、行业特点和品牌风格决定配色方案。
• 掌握分析需求的方法，在制作名片的时候，可以准确分析出甲方的需求，并设计出符合主题风格的设计作品。
• 掌握在InDesign中新建文档的方法，在InDesign中添加文字的方法，为文字和段落设置字体、字号、行距和缩进等的方法，置入图片的方法，设置颜色的方法，设置描边的方法等，在设计名片时可以快速完成设计操作，将创意体现出来。
• 掌握样机的制作方法，可以制作出美观的样机效果。
• 具备沟通表达能力，可以发现需求中的模糊点，向客户准确表达并确认。
萌宠乐园是一家新开业的宠物店，主营业务是宠物用品销售，店主需要设计一款名片。宠物店店主找到你，需要你来设计名片，希望能在用户进店消费时进行发放。设计完成后需要将最终的方案发给店主。店主确认无误后，将会印刷并使用。
项目资料如下（本案例中所使用的个人信息纯属虚构，如有雷同，实属巧合）。
• 客户信息：一家宠物店，店铺名称是“萌宠乐园”。
• 主题：萌宠囤粮季，守护宠物温暖过冬。
• 客户提供的用于设计的员工信息如下。
❏ 员工名字：张小明。
❏ 职位：产品经理。
❏ 地址：北京市朝阳区国际大厦A座。
❏ 电话：0000-12345678。
❏ 邮箱：zhangxiaoming@000.com。
❏ QQ：12345678。
❏ 传真：0001-87654321。
❏ 公司网址：www.cutepet××××××××××。
名片设计要求如下。
• 名片要突出“宠物”和“宠物用品”主题。
• 设计风格要活泼可爱、温馨和谐。
文件要求如下。
• 提交设计源文件以及JPG文件。
• 尺寸是90 mm×55 mm，色彩空间是CMYK，分辨率是300DPI（Dots Per Inch，每英寸点数）。
提交说明如下。
• 1份JPG格式的名片设计图。
• 1份JPG格式的名片设计样机效果图。
• 1份PDF格式的印刷文件。
