平面设计项目实战01房地产海报设计

BUSINESS平面设计项目实战目

录contents01房地产海报设计02奶茶促销广告设计03玫瑰花茶包装设计04教育机构VI设计05绘画类书籍封面设计06旅游画册设计07家居商城网页界面设计08商城类App界面设计项目一房地产海报设计项目导读海报又名招贴画或宣传画，是张贴在街道、影剧院、展览会、商业区、车站、码头、公园等公共场所的大众化宣传工具。点击跳过情景项目导读海报具有向人们介绍某一物体、事件的特性，是广告的一种。点击跳过情景项目导读相比于其他广告形式，海报具有画面大、内容广泛、艺术表现力丰富、远视效果强烈等特点，因此在科技传播手段不断涌现的今天海报仍占有一席之地。点击跳过情景项目导读本项目先简单讲解平面设计的基础知识，然后以房地产海报为例，介绍海报设计的相关知识，以及使用Photoshop2021和CorelDRAW2021软件制作海报的方法。点击跳过情景学习目标【知识目标】了解平面设计的概念及其相关知识。了解海报的分类。了解海报设计的概念及其原则。掌握海报的制作方法和技巧。【能力目标】能够根据设计需求分析海报的设计思路，确定设计风格。能够综合使用Photoshop2021和CorelDRAW2021软件制作海报。【素质目标】养成一丝不苟的工作态度。具备勇于创新、虚心好学的品质。项目导航一、平面设计基础二、海报的分类三、海报设计及原则优秀作品赏析项目实训项目实施项目分析一、平面设计基础一、平面设计基础（一）平面设计概述平面设计又称视觉传达设计，是以“视觉”作为沟通和表现的方式，通过多种形式创造和结合文字、图像、符号，做出用来传达想法或讯息的视觉表现。一、平面设计基础（一）平面设计概述平面设计借助于大众传播的力量作用于人的视觉，促使人们的思想、行为、意识、情感等产生变化。由此可见，平面设计的目的不是单纯的装饰，更重要的是向人们传达一种信息、一种理念。一、平面设计基础（一）平面设计概述平面设计的应用领域十分广泛常用领域海报设计广告设计包装设计VI设计书籍装帧设计UI界面设计一、平面设计基础（一）平面设计概述平面设计的应用领域十分广泛常用领域海报设计广告设计包装设计VI设计书籍装帧设计UI界面设计一、平面设计基础（一）平面设计概述平面设计的应用领域十分广泛常用领域海报设计广告设计包装设计VI设计书籍装帧设计UI界面设计一、平面设计基础（一）平面设计概述平面设计的应用领域十分广泛常用领域海报设计广告设计包装设计VI设计书籍装帧设计UI界面设计一、平面设计基础（一）平面设计概述平面设计的应用领域十分广泛常用领域海报设计广告设计包装设计VI设计书籍装帧设计UI界面设计一、平面设计基础（一）平面设计概述平面设计的应用领域十分广泛常用领域海报设计广告设计包装设计VI设计书籍装帧设计UI界面设计一、平面设计基础（二）平面设计的视觉元素平面设计的视觉元素文字图像色彩这三大元素相互组合，最终形成平面设计作品。支撑平面设计的重要组成部分依托于文字和图像而存在的一、平面设计基础（二）平面设计的视觉元素1．文字文字作为一种视觉符号，起着承载和传播信息、表达思想情感的作用，它能够有效地传达作者意图，表达设计的主题和构想理念。文字不仅可以用于传达信息，也能够起到装饰画面的效果。平面设计时，只需要简单调整文字的字体、字号、字距、行距等属性，就能使作品产生截然不同的效果。一、平面设计基础如图所示为文字在平面设计中的应用效果。（二）平面设计的视觉元素一、平面设计基础（二）平面设计的视觉元素2．图像图像作为一种非文字符号，是平面设计的视觉元素中最易传达、识别和记忆的信息载体。它不受文化、语言、地域等条件限制，具有广泛的传播性，能够形象地表现设计主题和创意。在一幅平面设计作品中，文字需要通过阅读和思考才能认识、理解，而图像传达的信息则是直接的、明了的，并且比文字信息更具视觉冲击力。一、平面设计基础此外，在平面设计中，还可以对图像使用写实、抽象、幽默、夸张等表现手法来吸引读者，实现信息传达的目的，如图所示。（二）平面设计的视觉元素平面设计中的图像照片插图基本几何图形纹理一、平面设计基础（二）平面设计的视觉元素3．色彩在平面设计中使用色彩可以在短时间内引起人们的注意，为人们带来最直观的欣赏感受，并经由视觉感官作用于人们的心理层面，使其产生情绪变化与波动。人们对于平面设计作品的第一印象是通过色彩得到的，色彩艳丽、典雅、灰暗等感觉都会影响人们对作品的注意力，影响作品情绪的表达。因此，在应用色彩时，不仅要紧扣设计主题、企业形象、推广地域等因素，还要考虑色彩的情感传递。一、平面设计基础例如，蓝色是冷色调，会使人在心理上产生明朗清爽、冷静通透的感受，适合用于夏日凉爽主题和冬日寒冷主题的设计。（二）平面设计的视觉元素一、平面设计基础（三）平面设计的专业术语专业术语像素和分辨率位图图像和矢量图形图像颜色模式图像文件格式各行各业都有自己的专业术语，下面将介绍平面设计方面的相关术语。一、平面设计基础1．像素和分辨率像素（pixel）是构成图像的最小单位，可以将其看作一个小方格，无数个不同颜色的小方格就构成了画面。分辨率决定了图像细节的精细程度。（三）平面设计的专业术语分辨率根据使用领域的不同图像分辨率显示分辨率输出分辨率一、平面设计基础（三）平面设计的专业术语（1）图像分辨率图像分辨率是指单位长度图像中所包含的像素点数，单位为“像素/英寸”或“像素/厘米”，其中常用的是“像素/英寸”，即ppi。图像分辨率一般用来改变图像的清晰度。相同尺寸的图像，图像分辨率越高，画面内容越精细。一、平面设计基础（三）平面设计的专业术语（2）显示分辨率显示分辨率是指整个显示屏水平方向的像素点数×垂直方向的像素点数，单位是px。当显示分辨率为1280px×720px时，表示显示屏水平方向的像素点数为1280个，垂直方向的像素点数为720个。在显示屏尺寸相同的情况下，显示分辨率越高，显示效果就越精细、细腻。一、平面设计基础（三）平面设计的专业术语（3）输出分辨率输出分辨率又称打印机分辨率，是指在打印时每英寸最多能打印的点数，单位为“点/英寸”，即dpi。它是衡量打印机打印质量的重要指标，决定了打印机打印图像时所能达到的精细程度，打印时可以根据自身需求选择不同等级的打印机。一、平面设计基础2．位图图像和矢量图形（三）平面设计的专业术语计算机中的数字图像根据不同的特性位图图像矢量图形一、平面设计基础（三）平面设计的专业术语（1）位图图像位图图像又称点阵图，是由许多像素组成的。位图图像中的每个像素都可以单独染色，因此，位图图像可以呈现出层次丰富的色彩，以及近似照片的逼真效果。当放大位图图像时，可以看到组成图像的一个个像素方块，如图所示。一、平面设计基础（三）平面设计的专业术语（1）位图图像位图图像的质量与像素相关，相同大小的位图图像中包含的像素越多，图像分辨率就越高，图像的画面效果就越清晰，其图像文件所占的存储空间也就越大。因此，在屏幕上以较大的倍数放大显示图像，或以过低的分辨率打印时，位图图像会出现锯齿边缘，并丢失细节。目前最常用的位图图像编辑软件是Photoshop

软件。一、平面设计基础（三）平面设计的专业术语（2）矢量图形矢量图形又称面向对象的图形或绘图图形，在数学上定义为一系列由线连接的点。矢量图形是根据几何特性来绘制的，且只能靠软件生成，目前常用的矢量图形绘制软件有

CorelDRAW、Illustrator、AutoCAD等。矢量图形文件中的图形元素称为对象，每个对象都是自成一体的实体，它具有颜色、形状、轮廓、大小和位置等属性。矢量图形占用的存储空间小，其质量与分辨率无关，可以对其进行任意缩放而不会影响画面清晰度。但是矢量图形不适合制作色彩丰富且逼真的图像效果。一、平面设计基础图像颜色模式同一属性下不同颜色的集合RGB模式CMYK模式Lab模式灰度模式索引模式3．图像颜色模式（三）平面设计的专业术语下面主要介绍的模式。一、平面设计基础（三）平面设计的专业术语（1）RGB模式RGB模式是最基本的、使用最广泛的颜色模式，主要用于电子显示设备，如显示器、投影仪、扫描仪等。该模式是一种加色模式，它通过红（R）、绿（G）、蓝（B）3种颜色的叠加产生各种各样的颜色，如图所示。其中，每个颜色的色值范围为0～255，因此每个颜色有256种不同的强度值，不同强度的颜色叠加，可以得到256×256×256=16777216种颜色，这1670多万种颜色足够模拟自然界中的各种颜色。一、平面设计基础（三）平面设计的专业术语（2）CMYK模式CMYK模式是一种减色模式，主要用于印刷领域。CMYK代表印刷中的4种油墨色，分别是青色（C）、洋红（M）、黄色（Y）和黑色（K），不同的油墨混合可以产生不同的颜色效果，如图所示。知识库在Photoshop软件中，由于CMYK模式的文件体积较大，因此，处理图像时通常用RGB模式，印刷时再将图像转换为CMYK模式。但从RGB模式转换为CMYK模式时，通常会损失一定颜色。一、平面设计基础（三）平面设计的专业术语（3）Lab模式Lab模式有3个颜色通道，一个代表亮度（L），另外两个代表颜色范围（a和b）。其中，a通道包含的颜色从深绿色（低亮度值）到灰色（中亮度值）再到亮粉红色（高亮度值），b通道包含的颜色从亮蓝色（低亮度值）到灰色（中亮度值）再到焦黄色（高亮度值）。Lab模式理论上包含了人眼可见的所有颜色，弥补了RGB模式和CMYK模式的不足，并且将该模式转换为CMYK模式时不会损失颜色。一、平面设计基础（三）平面设计的专业术语平面设计中常用的图像文件格式有以下5种。4．图像文件格式（1）PSD格式PSD格式，文件后缀为“.psd”，是Photoshop软件的专用位图图像文件格式，其中包含了图层、通道、路径、颜色模式等Photoshop软件可以处理的属性，便于日后修改。它是唯一能支持全部图像颜色模式的格式。一、平面设计基础（三）平面设计的专业术语（2）CDR格式CDR格式，文件后缀为“.cdr”，是CorelDRAW矢量图形绘制软件的专用图形文件格式，可以存储图形的属性、位置和分页等信息。该格式文件与Illustrator软件的AI格式可相互导入导出。一、平面设计基础（三）平面设计的专业术语（3）JPEG格式JPEG格式，文件后缀为“.jpg”或“.jpeg”，是用于连续色调静态图像压缩的一种标准，也是最常用的图像文件格式。该格式可以用有损压缩方式去除冗余的图像数据，用较少的磁盘空间得到较好的图像品质。该格式还提供了多个压缩比率，压缩比率越高，占用存储空间越小，图像质量也越差。一、平面设计基础（三）平面设计的专业术语（4）PNG格式PNG格式，文件后缀为“.png”，是一种采用无损压缩算法的位图图像格式，支持RGB、灰度、索引3种颜色模式以及Alpha通道透明度等特性。一、平面设计基础（三）平面设计的专业术语（5）TIFF格式TIFF格式，文件后缀为“.tif”，是一种灵活的位图图像格式，支持很多颜色模式，因此得到了广泛应用，尤其适用于需要印刷输出的场合。一、平面设计基础平面设计是有计划有步骤的、渐进式不断完善的过程，设计的成功与否很大程度上取决于理念是否准确，考虑是否完善。平面设计的基本工作流程如图所示。（四）平面设计的工作流程一、平面设计基础这是平面设计通用的基本工作流程，具体设计时应根据实际情况和应用领域的不同进行适当调整，不能生搬硬套。（四）平面设计的工作流程课堂小结（一）平面设计概述（二）平面设计的视觉元素（三）平面设计的专业术语（四）平面设计的工作流程二、海报的分类二、海报的分类海报根据其应用行业和目的的不同商业海报文化海报电影海报公益海报随着社会的进步，海报的分类也越来越细化。二、海报的分类（1）商业海报商业海报是指宣传商品或商业服务的广告性海报。设计这类海报时要恰当地配合商品的格调和目标消费者。二、海报的分类（2）文化海报文化海报是指各种社会文娱活动或各类展览的宣传海报。社会文娱活动或展览的种类很多，各有其不同的特点，要想设计出符合要求的海报，就需要设计师多了解社会文娱活动或展览的内容。二、海报的分类（3）电影海报电影海报是指用于宣传电影的海报，其主要作用是吸引观众注意、刺激电影票房收入。在这类海报中，通常会公布电影的名称、时间、演员阵容和内容，并搭配与电影内容相关的画面。二、海报的分类（4）公益海报公益海报是带有一定思想性的海报。这类海报具有特定的、对公众的教育意义，其主题包括各种社会公益、道德的宣传，政治思想的宣传，弘扬爱心奉献、共同进步等精神。课堂小结商业海报文化海报电影海报公益海报三、海报设计及原则三、海报设计及原则海报设计是为实现、表达广告目的和意图，在计算机上通过相关软件所进行的平面艺术创意性设计活动或过程。设计师利用相关设计软件将文字、图像、色彩等元素进行设计与结合，以恰当的形式向人们展示海报主题信息，从而实现广为宣传的目的和意图。三、海报设计及原则（一）简洁明了海报属于瞬间艺术，要做到在有限的时空下让人过目难忘、回味无穷，就需要去繁就简，突出重点，删除次要细节甚至背景；也可以把不同时间、不同空间发生的活动组合在一起；或者使用象征手法激发人们的联想，使人们对海报内容印象深刻。在海报种类多样、题材广泛的今天，要想设计出让人眼前一亮的海报作品，就需要在设计海报时遵循以下原则。三、海报设计及原则（二）紧扣主题只有清晰、明确地向人们传达出海报主题，海报才具有存在的意义。这就要求设计师在设计海报时，从海报主题出发，明确海报内容和主题思想，并在此基础上有针对性地进行设计。三、海报设计及原则（三）富有创意创意就是将再平常不过的事物以其他人想象不到的方法表现出来。富有创意的海报可以引发人的深思，为读者留下深刻的印象。如图所示为百福海报系列的其中几张，海报用水墨的方式把“福”字融入平淡的生活场景，引发人们共鸣，富有创意。拓展阅读设计行业的竞争日趋激烈，设计师应跟随时代发展，锻炼出敏锐的观察力和眼光。同时，设计师还要培养能以独特的手法和表现形式完善海报创意的能力，从读者的情感诉求出发，唤醒其内心的需求。课堂小结（一）简洁明了（二）紧扣主题（三）富有创意项目分析（一）设计需求本项目主要为千辰地产旗下楼盘出租设计宣传海报。房地产海报不仅要美观，吸引消费者眼球，使消费者在潜意识中对楼盘产生好感，还应该准确传达楼盘信息，突出楼盘的特色和优势，与其他楼盘做出区分，以提高该楼盘的知名度，从而刺激消费者的消费欲望。项目分析（二）设计思路根据设计需求，结合楼盘的特色和优势设计海报，具体设计思路如下。首先，该楼盘的主要优势是其位于黄金地段，周边建设繁华，且占地面积大，可以在海报中利用楼盘图片清楚地展现这一优势。其次，可以将一些较为突出的优势设计成宣传标语放置在海报中，清晰、明确地向消费者传达信息。最后，将楼盘中包含的一些基本配套设施设置成小图标放置在海报底部，条理清晰地向消费者传达信息，并增添海报的美感和趣味性。项目分析（三）设计风格该房地产海报计划以楼盘的夜景图片为背景，更好地展现该地段的繁华。画面以深蓝色为主色调，给人沉稳、高端的感觉；以金色为点缀色，与蓝色形成强烈反差，更好地突出重要信息。此外，海报中的文字大多使用白色，使画面干净、简洁。房地产海报的最终效果如图所示。项目实施海报最终效果可参考本书配套素材“素材与实例\项目一\源文件”文件夹中的“房地产海报.psd”文件。首先使用CorelDRAW软件制作海报中的企业标志图形和其余小图标然后将制作的图形导入Photoshop软件中，并在该软件中制作海报背景和文字。项目实施（一）制作标志图形我们将标志图形分成两部分讲解首先制作企业标志图形然后制作其余小图标，标志图形制作完成后将制作的CDR格式文档导出为PSD格式。制作标志图形

点击此处播放微课项目实施（一）制作标志图形1．制作企业标志图形制作企业标志图形时，首先使用“文本工具”

制作参照文本；然后使用“点线工具”

、“钢笔工具”

和“橡皮擦工具”

参照文本笔画绘制标志图形；最后将绘制的轮廓转换为图形对象，并将所有图形合并为一个独立对象。提示通常情况下，面板位于界面右侧。此外，可以在“窗口\泊坞窗”子菜单中选择相应选项，以打开或关闭面板。提示在“属性”面板“轮廓”选项卡的“轮廓单位”下拉列表中可以选择轮廓宽度的单位，如图所示。项目实施（一）制作标志图形2．制作其余小图标制作其余小图标时，首先使用“矩形工具”和“多边形工具”绘制图形，并将绘制的图形转换为曲线对象；然后使用“形状工具”调整对象形状，并使用“橡皮擦工具”和“钢笔工具”完成“高端设施”图标的绘制；接着将绘制的轮廓转换为图形对象，并将所有图形合并为一个独立对象；最后依次绘制其余的小图标。知识库在CorelDRAW软件中使用“矩形工具”或“多边形工具”等工具绘制的图形称为形状对象，只有将形状对象转换为曲线对象后，才可使用“形状工具”对图形节点进行调整。小技巧绘制图标时，可以选择“窗口\泊坞窗\对齐与分布”菜单项，打开“对齐与分布”面板，在该面板中使用对齐按钮和分布按钮设置对象的对齐与分布效果。项目实施（二）制作海报背景制作海报背景时，首先为背景填充前景色，并使用“渐变工具”和“透视”功能绘制光源，设置其图层混合模式；然后将提供的素材复制到文档中，使用“色彩平衡”调整图层调整图像色调，并为其创建剪贴蒙版；接着为图像添加蒙版，并使用“画笔工具”进行涂抹，使图像过渡更加自然；最后使用“矩形工具”绘制矩形，并设置其不透明度。制作海报背景

点击此处播放微课项目实施（三）制作海报文字制作海报文字时，首先使用“横排文字工具”输入标题，并为置入的素材创建剪贴蒙版，制作标题；然后使用“横排文字工具”制作海报的宣传标语；接着将绘制的标志图形复制到文档中，调整其位置和大小，并使用“横排文字工具”制作相应文本；最后使用“直线工具”绘制装饰线条。制作海报文字

点击此处播放微课项目实训本实训要求利用本项目所学知识制作摄影大赛海报，效果如图所示。海报最终效果可参考本书配套素材“素材与实例\项目一\源文件”文件夹中的“摄影大赛海报.psd”文件。项目实训摄影大赛海报以深紫色为主色调，浅灰色为辅色，给人一种优雅、高贵且充满浪漫气息的感觉，突显出摄影大赛高端、正规的形象，并且与大赛的主题“为你留住美丽瞬间”相呼应。此外，在画面中使用红色作为点缀色，可以打破画面中的沉闷感觉，使画面整体显得较为活泼。摄影大赛海报的制作步骤见教材。优秀作品赏析如图所示是为故宫“照见天地心——中国书房的意与象”大展设计的两张海报。这两张海报都