《平面设计项目实战第2版》-项目三

画册版式设计的原则一、主体感鲜明突出版式设计的最终目的是使版面产生清晰的条理，用悦目的组织来更好地突出主题，达成最佳的诉求效果。主体感的鲜明要通过版面的空间层次、主次关系、视觉秩序及彼此间逻辑关系的把握与运用来完成。二、形式与内容统一版式所追求的完美形式必须符合主题思想内容。将形式与内容进行统一，就要深入体会个案的主题思想精神，寻找最佳的表现方法，将中心呈现出来。下一页返回画册版式设计的原则三、强化整体与局部的关系将版面的各种编排要素（图与图、图与文字），在编排结构与色彩上做整体设计，当图片和文字少的时候，则要以周密的组织和定位获得版面的秩序，如图3-1所示。要加强整体的结构组织和方向视觉秩序，如水平结构、垂直结构等，如图3-2所示。加强文案的集合性，将文案多种信息组合成块状，使之具有条理性，如图3-3所示。加强展开页的整体感，无论是产品目录的展开页还是跨页版，均为视线下展开，因此加强整体性可获得更好的视觉效果，如图3-4所示。上一页返回客户需求分析“迈尔通达”电器公司作为长春市的老牌家电产品经销商场，对产品的经销做过细致的市场划分，商场以小家电、高科技高技术含量的家用电子产品为主要经销产品。本项目为迈尔通达商场设计宣传画册，意在增强商场在本地的品牌美誉度，中心内容并不是传统的产品推介，而是全面地、整体地表现商场本身。所以在设计的视觉表达上要注重视觉的美感、行业感，要追求大气、平和的态度，从传统视觉挖掘个性。返回设计风格的总体定位宣传画册设计的成败取决于设计定位，即要做好前期的客户沟通。设计定位的具体内容包括：画册设计的风格定位、企业文化及产品特点分析、行业特点定位、画册操作流程、客户的观点等，这些都可能影响画册设计的风格。所以说，好的宣传画册设计一半来自前期的沟通，才能体现客户的消费需要，为其带来更好的销售业绩。针对迈尔通达电器公司的需求，在设计风格的总体定位上，追求表现不出格、视觉感受不张扬，但具有行业特点，突出经营项目的特点，同时要给目标群具有可信度的视觉心理感受。返回色彩的应用及版面分割在色彩的运用上，追求科技感，注重黑、白、灰的应用，同时加强色彩的对比，运用黑、白、灰使之兼具厚重与灵动。在版面分割上遵循传统的版面设计原则，前面已经做过概述。返回画册设计流程一、初期沟通客户提供公司的背景、企业文化、经营理念、产品资料等相关信息，以求达到量身定做的目的。二、达成合作意向签订合作协议，客户支付合同总款的50%作为设计预付款，设计工作开始。三、画册设计分析根据前期沟通的信息以及对目标对象的分析，得出新画册的设计定位。下一页返回画册设计流程四、第一次设计提案根据分析结果抽出几页设计出不同的方案供客户选择。五、客户提出修改意见客户根据设计方案提出修改意见，以使设计方案更适合公司。六、第二次设计提案根据客户的反馈意见进行分析并再次提案。七、客户确认设计方案设计方案确定，画册设计完成，客户通过后，签字出片打样，客户方支付画册设计余款。上一页下一页返回画册设计流程八、画册印刷双方签订画册印刷协议（此项客户可自选，或直接拿设计方案的电子稿去印刷）。九、画册完成一本具有企业独特个性与实效的画册就此完成。上一页返回设计任务描述一、设计要求（1）设计内容：“迈尔通达”电器公司画册设计。（2）客户要求：企业宣传画册，成品尺寸为210mm×210mm。要求形式简洁大方、稳重时尚，能全方位展示企业形象，突出企业理念，体现行业特点，具有宣传企业的作用。（3）最终效果如图3-5所示。二、任务描述该项目以“迈尔通达”电器公司画册设计为例，以展现该画册设计中的几个主要任务。任务一：封面、封底设计；下一页返回设计任务描述任务二：内页设计；任务三：出片打样。任务一：封面、封底设计画册的封面设计是画册内容、形式、开本、装订、印刷后期的综合体现。好的画册封面设计要从全方位出发。一、封面、封底效果图封面、封底效果图如图3-6所示。二、知识要点（1）正确设置页面尺寸；上一页下一页返回设计任务描述（2）参考线的设置；（3）色彩及版式的运用，色彩要单纯，不必太复杂，要体现时尚及现代科技感；构图要简明、稳重，选取有代表性的图案。三、操作步骤（一）制作公司标志STEP01在Photoshop软件中，新建文件，进行图3-7所示的设置。STEP02选择文本工具，输入字母“MLE”，颜色为绿色，并做倾斜变换，如图3-8所示。STEP03选择钢笔工具，绘制闪电形状，按Ctrl＋Enter组合键将路径转换为选区，填充红色，如图3-9所示。上一页下一页返回设计任务描述STEP04选择文本工具，输入繁体字“迈尔通达”，并调整位置和大小，最终效果如图3-10所示。STEP05保存此文件，命名为“LOGO.psd”。同时另存一份，命名为“黑色LOGO.psd”。打开“黑色LOGO.psd”文件，合并除背景以外的所有图层为图层1，将前景色设置为黑色，在按住Ctrl键的同时单击图层1缩览图，载入该标志的选区，按Ctrl＋Alt组合键填充前景色，将彩色标志改变成黑色标志，如图3-11、图3-12所示。（二）创建符合印刷尺寸要求的文件画册的封面、封底可以设计在同一版面上，封面在右边，封底在左边。设计之前最关键的是要确认好尺寸，通常这个数值由客户提供。上一页下一页返回设计任务描述1．确认尺寸本画册的尺寸客户已经确定，为210mm×210mm，各边要留出3mm的出血值，因此封面与封底的宽度应为（210＋210＋3＋3）mm，即426mm；封面与封底的高度应为（210＋3＋3）mm，即216mm。2．创建页面根据计算好的宽、高尺寸数据来创建页面。新建文件，大小为426mm×216mm，分辨率为300像素/英寸，颜色模式为CMYK模式，如图3-13所示。（三）设置参考线上一页下一页返回设计任务描述参考线是为了设计方便，在设计页面中添加的参考线可用来定位和分区。在本例中，参考线用来划分出血位置以及封面和封底的界限。按Ctrl＋R组合键打开标尺，从水平和垂直标尺分别拖出参考线，如图3-14所示。（四）绘制图形和输入文字接下来需要绘制封面、封底中用到的图形、线条，并输入相关的文字到页面中。根据客户的要求，确定封面、封底的风格要简洁明快，采用黑、白、灰为基本色调。1．制作封面部分上一页下一页返回设计任务描述STEP06将前景色设置成黑色，选择矩形框选工具，按住Shift键画出一个正方形选区，同时按Alt＋Delete组合键填充黑色，如图3-15所示。STEP07选择移动工具，在按住Alt键的同时拖动黑色矩形块进行复制，并将颜色改为灰色，如图3-16所示。STEP08按照同样的方法再制作另外两个矩形块，并使4个色块所在的位置居于页面中央，效果如图3-17所示。STEP09打开“LOGO.psd”文件，将做好的标志拖入本页面中，调整位置和大小，并添加“投影”图层样式，具体参数设置如图3-18所示，效果如图3-19所示。上一页下一页返回设计任务描述STEP10将前景色设置为黄色，选择直线工具，粗细为3像素，按住Shift键在文字下方绘制一条水平线，如图3-20所示。STEP11将前景色设置为浅灰色，选择文本工具，在水平线下方输入“努力与世界同行”，将字体设置为黑体，字号为14，如图3-21所示。STEP12将前景色设置为黄色，选择矩形选框工具，在页面的右上角和左下角分别绘制矩形选区，填充前景色，如图3-22所示。2．制作封底部分STEP13将前景色设置为黄色，选择矩形选框工具，在页面的左侧绘制矩形选区，填充前景色，如图3-23所示。上一页下一页返回设计任务描述STEP14将前景色设置为黑色，选择文本工具，输入字母“MRTD”，将字体设置为ArialBlack，字号为30，如图3-24所示。STEP15在封底左下角输入公司名称和网址，如图3-25所示。STEP16完成封面、封底的设计制作，保存此文件。任务二：内页设计一般情况下设计师在设计时可以不考虑拼版，以对裱方式进行设计，然后单张出片，把拼版交给印刷公司。本画册一共16页，除去封面、封底所占的一页，内页共15页，把翻开封面后相邻的两个页码设计在一起，进行跨页设计，即封二和页码1为第一个页面，页码2和页码3为第二个页面，依此类推，从而形成设计和视觉上的完整性。上一页下一页返回设计任务描述一、知识要点（1）正确设置页面尺寸；（2）参考线的设置；（3）色彩及版式的运用，色彩要单纯，不必太复杂，要体现时尚及现代科技感；构图要简明，选取有代表性的图案。二、操作步骤（一）设计第一个页面第一个页面为封二和页码1的拼图，效果如图3-26所示。1．创建页面根据计算好的宽、高尺寸数据来创建页面。上一页下一页返回设计任务描述新建文件，大小为426mm×216mm，分辨率为300像素/英寸，颜色模式为CMYK模式。2．设置参考线按Ctrl＋R组合键打开标尺，从水平和垂直标尺分别拖出参考线，标出出血位和两页中间的界限。3．输入文字封二为空白页，不做设计。在页面的右侧输入文字。STEP01选择文本工具，输入字母“MRTD”，设置字体为ArialBlack，字号为65，颜色为黑色，如图3-27所示。打开“字符”调板，将字距调整为－30，如图3-28所示。上一页下一页返回设计任务描述STEP02将设置好的字母“MRTD”作为标准字体保存一份，在其他内页中还将使用。STEP03输入文字“努力与世界同行”，设置字体为黑体，字号为28，颜色为灰色，如图3-29所示。STEP04输入“努力与世界同行”的拼音“NULIYUSHIJIETONGXING”，设置字体为ArialBlack，字号为18，颜色为黑色，如图3-30所示。打开“字符”调板，将垂直缩放调整为120%，将水平缩放调整为78%，如图3-31所示。STEP05输入其他文字，设置字体为黑体，字号为10，颜色为黑色。上一页下一页返回设计任务描述STEP06完成第一个页面的设计制作，保存此文件。（二）设计第二个页面第二个页面为页码2和页码3的拼图，效果如图3-32所示。创建页面、设置参考线等步骤同第一个页面。下面绘制图形、置入图片并输入文字。STEP07本页面的内容为公司简介,图片的选取以迈尔通达电器公司的外观和内部环境为主。版式设计如图3-33所示(黑色矩形块部分为放置图片的位置，空白区域为文字所在区域,右下角放置公司标志)。STEP08新建图层1，选择矩形选框工具，在画面左侧绘制矩形，并填充灰色，参数设置及效果如图3-34、图3-35所示。上一页下一页返回设计任务描述STEP09在按住Alt键的同时拖动矩形块，将其复制并移动到画面右侧，并改变其填充颜色为浅灰色，参数设置及效果如图3-36、图3-37所示。STEP10将右侧的浅灰色矩形块用白色线条进行划分，如图3-38所示。STEP11选择文本工具，输入“01”，填充黑色。选中文字图层并单击鼠标右键，在弹出的快捷菜单中执行“栅格化文字”命令，将文字层转变为普通图层。在按住Ctrl键的同时单击文字图层的缩览图，载入文字选区，按Delete键将文字颜色删除，如图3-39所示。上一页下一页返回设计任务描述STEP12执行“编辑”→“描边”命令，将宽度设置为6像素，颜色为白色，如图3-40所示。STEP13选择矩形选框工具，选中右上角的矩形区域，填充黄色，输入“公司简介”，如图3-41所示。STEP14按Ctrl＋O组合键，打开图片素材，经过适当缩放，将图片分别放置在合适的位置上，如图3-42所示。STEP15选择文本工具，设置字体为黑体，字号为18，在深灰色矩形块下方输入文字“迈尔通达（集团）有限公司”，如图3-43所示。上一页下一页返回设计任务描述STEP16将前景色设置为黄色，选择画笔工具，在属性栏中选择硬度为100%的尖角画笔笔尖，按F5键打开“画笔”调板，单击“画笔笔尖形状”选项，将直径改为25像素，将间距改为950%，如图3-44所示。STEP17在按住Shift键的同时拖动鼠标，绘制出一排圆点，如图3-45所示。STEP18在画面左下角输入“企业简介”等文字，如图3-46所示。STEP19打开“黑色LOGO.psd”文件，选择移动工具，把做好的黑色标志拖动到第二个页面的右下角，进行适当的缩放，如图3-47所示。上一页下一页返回设计任务描述STEP20完成第二个页面的设计制作，保存此文件。（三）设计第三个页面第三个页面为页码4和页码5的跨页设计，效果如图3-48所示。创建页面、设置参考线等步骤同前两个页面。下面介绍与其他页面的不同之处。STEP21本页面的内容为经营项目，图片的选取以迈尔通达电器公司所经营的电器为主。版式设计如图3-49所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。将彩色图片转变为黑白图片的方法如下；上一页下一页返回设计任务描述STEP22按Ctrl＋O组合键，打开准备处理的彩色数码图片，如图3-50所示。STEP23执行“图像”→“调整”→“去色”命令，去掉图像的颜色，效果如图3-51所示。STEP24执行“图像”→“调整”→“色阶”命令，在弹出的对话框中把滑块移动到合适的位置，如图3-52所示。STEP25调整色阶后的图像形成了强烈的黑白对比，效果如图3-53所示。STEP26将做好的黑白图片拖动到第三个页面中，与其他图片一起调整好大小和位置。上一页下一页返回设计任务描述STEP27完成第三个页面的设计制作，保存此文件。（四）设计第四个页面第四个页面为页码6和页码7的跨页设计，效果如图3-54所示。创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP28本页面的内容为“索尼”数码工作坊介绍，图片的选取以“索尼”经营店及影楼数码照片为主，可以将数码照片处理成不同的色调。版式设计如图3-55所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。上一页下一页返回设计任务描述将彩色图片转变为怀旧图片的方法如下。STEP29按Ctrl＋O组合键，打开准备处理的彩色数码图片，如图3-56所示。STEP30执行“图像”→“调整”→“去色”命令，去掉图像的颜色，效果如图3-57所示。STEP31执行“图像”→“调整”→“色相”→“饱和度”命令，在弹出的对话框中选中“着色”复选框，把色相设置为9，把饱和度设置为16，具体参数设置及效果如图3-58、图3-59所示。制作卷页效果的方法如下：上一页下一页返回设计任务描述STEP32新建图层1，选择矩形选框工具，在画面上拖出一个大小合适的矩形框，如图3-60所示。STEP33选择渐变工具，在工具选项栏中选择“线性渐变”，打开渐变编辑器，进行如图3-61所示的设置。STEP34在选区中填充渐变色，如图3-62所示。STEP35执行“编辑”→“变换”→“透视”命令，用鼠标按住左上角的编辑点，并水平地向中央拖动，当与右边的编辑点重合时释放鼠标，形成一个锥形，效果如图3-63所示。STEP36选择椭圆选框工具，在锥形底边上拉出一个大小合适的椭圆选框，并调整其位置，按Delete键删除椭圆选区内的图像。上一页下一页返回设计任务描述把图像旋转，移动到如图3-64所示的位置。STEP37选择人物图层，选取多边形套索工具，选中需要消除的图像右下角区域。确认前景色为黑色，按Alt＋Delete组合键将选区填充为黑色，如图3-65所示。STEP38将做好的带卷页效果的怀旧图片拖动到第四个页面中，与其他图片一起调整好大小和位置。STEP39完成第四个页面的设计制作，保存此文件。（五）设计第五个页面第五个页面为页码8和页码9的拼图，效果如图3-66所示。上一页下一页返回设计任务描述创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP40本页面的内容为JVC数码旗舰店介绍，图片的选取以JVC店面图片为主，个别图片通过执行“去色”命令，形成与“JVC”红色文字标志的对比，使画面具有稳重、时尚的风格。版式设计如图3-67所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP41完成第五个页面的设计制作，保存此文件。（六）设计第六个页面第六个页面为页码10和页码11的拼图，效果如图3-68所示。上一页下一页返回设计任务描述创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP42本页面的内容为迈尔通达进口家电维修中心介绍，图片的选取以“东芝”店面和电器为主，右侧的图片通过执行“去色”命令，使画面富于变化。版式设计如图3-69所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP43完成第六个页面的设计制作，保存此文件。（七）设计第七个页面第七个页面为页码12和页码13的跨页设计，效果如图3-70所示。上一页下一页返回设计任务描述创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP44本页面的内容仍然为迈尔通达进口家电维修中心介绍，图片的选取以“佳能”店面及电器为主，右侧的图片颜色处理成偏暖的单一颜色，与左侧的图片色彩相呼应。版式设计如图3-71所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP45完成第七个页面的设计制作，保存此文件。（八）设计第八个页面第八个页面为页码14和页码15的拼图，效果如图3-72所示。上一页下一页返回设计任务描述创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP46本页面的内容为迈尔通达音视频工程公司介绍，图片的选取以签约仪式及办公场所为主。版式设计如图3-73所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。制作半透明效果的方法如下：STEP47选择矩形选框工具，框出由线条分割的一块选区，填充淡黄色，如图3-74所示。上一页下一页返回设计任务描述STEP48在“图层”面板中调整不透明度，具体参数设置及效果如图3-75、图3-76所示。STEP49完成第八个页面的设计制作，保存此文件。（九）设计第九个页面第九个页面为页码16和页码17的拼图，效果如图3-77所示。创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP50本页面的内容仍然为迈尔通达音视频工程公司介绍，图片的选取以公司外景为主，颜色处理成单一颜色。版式设计如图3-78所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。上一页下一页返回设计任务描述STEP51完成第九个页面的设计制作，保存此文件。（十）设计第十个页面第十个页面为页码18和页码19的拼图，效果如图3-79所示。创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP52本页面的内容为金迈尔梦巴黎介绍，图片的选取以金色调图片为主，以突出豪华感。版式设计如图3-80所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP53完成第十个页面的设计制作，保存此文件。上一页下一页返回设计任务描述（十一）设计第十一个页面第十一个页面为页码20和页码21的拼图，效果如图3-81所示。创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP54本页面的内容为迈尔通达现代办公家私工程公司介绍，图片的选取以办公环境为主。版式设计如图3-82所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP55完成第十一个页面的设计制作，保存此文件。（十二）设计第十二个页面上一页下一页返回设计任务描述第十二个页面为页码22和页码23的拼图，效果如图3-83所示。创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP56本页面的内容仍然为迈尔通达现代办公家私工程公司介绍，图片的选取以高档现代办公家私为主。版式设计如图3-84所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP57完成第十二个页面的设计制作，保存此文件。（十三）设计第十三个页面第十三个页面为页码24和页码25的拼图，效果如图3-85所示。上一页下一页返回设计任务描述创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP58本页面的内容仍然为迈尔通达现代办公家私工程公司介绍，图片的选取以会议场所用品为主。版式设计如图3-86所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP59完成第十三个页面的设计制作，保存此文件。（十四）设计第十四个页面第十四个页面为页码26和页码27的拼图，效果如图3-87所示。上一页下一页返回设计任务描述创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP60本页面的内容仍然为迈尔通达现代办公家私工程公司介绍，图片的选取以前面所选图片中有代表性的图片为主。版式设计如图3-88所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP61完成第十四个页面的设计制作，保存此文件。（十五）设计第十五个页面第十五个页面为页码28和封三的拼图，效果如图3-89所示。上一页下一页返回设计任务描述创建页面、设置参考线等步骤同前几个页面。下面介绍与其他页面的不同之处。STEP62本页面的内容为迈尔通达经营理念，选择一张带有蓝天、绿地、树、鸽子的图片，表达迈尔通达公司和平、进取、向上的理念。版式设计如图3-90所示（黑色矩形块部分为放置图片的位置，空白区域为文字所在区域，右下角放置公司标志）。STEP63完成第十五个页面的设计制作，保存此文件。（十六）文件整理打包全部设计完成后，将完成的文件复制并交给出片公司输出菲林片。上一页下一页返回设计任务描述如果出片公司没有设计师使用的字体的话，在打印输出时，就有可能因为字体的短缺而无法显示文字，或者出现乱码。所以设计师在把作品拿到出片公司前，最好将文字转为图形，这样可以避免在出片时丢失文字。另外，设计师还可以将使用的字库同文件一起复制到出片公司。任务三：出片打样整个文件制作完成之后，需要进行文字校对和图片颜色的确认。由于计算机显示器的成色原理与印刷品的成色原理不同，同一个文件的显示颜色往往会与其印刷品的颜色有所偏差，因此不能根据显示器确认颜色。上一页下一页返回设计任务描述由于数码样的颜色比较接近印刷品的颜色，所以一般情况下会通过打印数码样来确认整体设计的颜色。如果对数码样的颜色满意，并且确认没有文字错误，就可以输出印刷用胶片并打印传统样了。出片打样的工作流程为：（1）复制设计师设计好的文件；（2）将文件复制到输出公司计算机上，传到数码打样机上打数码样；（3）检查无误，将文件传送到照排机上输出菲林片；上一页下一页返回设计任务描述（4）使用菲林片进行传统打样；（5）将打样样张交给客户确认并签字同意印刷，经过客户签字确认的设计如果印刷后出现文字性错误以及设计风格问题，设计师不再承担责任；（6）将客户签字的打样样张和菲林片交给印刷厂。后期印刷的工作流程为：（1）将菲林片和打样样张提供给印刷厂；（2）印刷厂审核并报价，双方签署加工合同；（3）印刷厂使用菲林片晒制印刷用的PS版；上一页下一页返回设计任务描述（4）将4个CMYK的PS版按照颜色色序分别装入印刷机准备印刷；（5）印刷完成的印刷品进入后期工艺；（6）裁切纸张；（7）封面与内页通过装订机器装订成书。上一页返回画册作品欣赏图3-91～图3-97所示为常见的画册作品。返回图3-1返回图3-2返回图3-3返回图3-4返回图3-5（参见彩图23）返回图3-6（参见彩图24）返回图3-7返回图3-