项目三设计促销广告图ppt课件.pptx

项目三设计促销广告图,授课人：,店铺和商品如何才能被更多人知晓？不管是线下传统的营销还是网络销售，都需要漂亮而又能吸引买家眼球的广告，广告图包括店内产品海报、焦点图、促销海报、钻展、直通车图片等，有些促销广告图看起来很漂亮，但点击转化率不高，当消费者被各种广告和促销信息包围，如何让你的广告争取到更多的点击率？“天使城堡”店铺委托爱度电子商务公司为一款童装设计促销广告图，而这项任务就交给了张萌和他的团队。,理解促销广告的重要性；了解促销广告设计的标准；掌促销广告设计的方法；掌握促销广告设计的实施步骤。,能从店铺的需求出发，设计制作出符合店铺需求的促销广告图片；能在学习中逐步具备通过软件表达设计意图的能力；促销广告图片能具备一定的创新思想，能提高点击转化率；培养独立思考，查阅资料，具备对同类设计作品比对，参考，综合分析的能力。,通过团队合作，培养学生的团队精神和协调能力；通过任务激发学生的潜能，增强学生的学习信心。,任务四,制作促销广告图,分析促销广告图,任务一,分析促销广告图,情境设计,任务一,任务分解,张萌领到任务后与团队成员就如何进行促销广告图的制作展开了讨论，大家想法很多，意见难以达成一致，王经理建议大家要制作出好的广告先要学会分析和判断。,张萌和团队成员通过搜索理解了点击率对促销广告的重要性，通过对高点击率广告图的分析，总结出了促销广告设计的标准、方法，为制作点击转化率高的促销广告图打下良好基础。,这是GXG在淘宝平台双12期间投放过的二款广告，但投放的效果大不相同。,图3-1-1 广告1,图3-1-2 广告2,【步骤一】判断哪张广告图的点击率高。【步骤二】分析广告图点击率高的原因并填写表3-1-1。【步骤三】分享总结。,表3-1-1 促销广告图分析表,友情提示：在淘宝平台双12期间二款广告的实际表现情况是：广告1点击率1.61%，广告2点击率2.74% 。大家可以从文案、模特、色彩、布局、客户群体定位、类目行业角度等几个方面对这2张广告图进行对比分析：从文案上分析、从模特上分析、从色彩上分析、从布局上分析、从客户群体定位上分析、从类目行业角度分析,1.人们一般发现商品的过程买家是如何在网上购买商品的，首先看到广告，进而被广告吸引，点击广告进入到详情页面详细了解，最终产生消费行为，如图3-1-3所示。,图3-1-3 买家的消费途径,试想下，一个不被关注和点击的广告如何会引起买家的兴趣，如何会产生购买的行为？所以，点击率很重要。,2.点击率的重要性,图3-1-4 任务发布,图3-1-4是一个贸易有限公司在猪八戒网上发布的一个任务，它在奖励措施中提到：点击率超过2%奖励2000，3%奖励5000，一切以点击为王。,3.点击转化率在广告图中的作用广告设计的好坏直接决定了点击率的多少，图3-1-5是二个鞋子的促销广告，点击率分别是3.48%和0.78%。,图3-1-5 促销广告图点击率对比,4.什么是转化率所有到达淘宝店铺并产生购买行为的人数和所有到达你的店铺的人数的比率。计算方法为：转化率=（产生购买行为的客户人数 / 所有到达店铺的访客人数） 100%。,3.点击转化率在广告图中的作用图3-1-6是二个促销广告图盈亏对比，二个广告在转化率、利润、成本相同的情况下，点击次数的不同直接构成了单次点击成本的差异，广告设计的好坏最终决定了点击率的多少，进而影响广告盈亏。,图3-1-6 促销广告图盈亏对比,1.交流分享。通过眼力大考验自己收获了什么？遇到的困难是什么？自己如何解决的？还有需要大家讨论解决的问题吗？2教师总结。,张萌和他的团队经过调查发现有些促销广告图片看起来很漂亮，但点击转化率不高，张萌和他的团队认为要制作高点击率高转化率的图片，不是一味的埋头苦干就行的，促销广告设计有着非常强的规律性，那些点击率高的促销广告正是严格的遵从了这些规律。,【步骤一】收集促销广告图。【步骤二】甄别整理。,1.促销广告图的设计标准促销广告图的设计与制作尽管看起来千差万别，但内在规律却很一致，那些点击率高的广告正是遵从了以下三个标准，这个标准也正是有效的视觉传达的标准。,图3-1-7 促销广告图的设计标准,2.促销广告图的制作方法（1）主题明确主题就是要让消费者知道你想干什么。好的设计，必须有一个明确的主题，没有主题的设计，只是个空壳，促销广告图的设计是要达成品牌、产品与用户之间的沟通，我们要的不是艺术。主题的提炼应该简洁、高效，单刀直入，可以是价格，折扣和其他促销内容本身，这个信息应该是放在视觉焦点上的，被突出和放大的元素，如图3-1-8所示的促销广告图是想向消费者传达春夏新品上市五折起的信息。,图4-1-3污点处理前后图片对照,2.促销广告图的制作方法（1）主题明确,图3-1-8 主题明确的促销广告图,2.促销广告图的制作方法（1）主题明确,图3-1-9 促销广告图的形式不可大于内容,给你1秒钟的时间，看你记住了图3-1-9中的哪些内容？,2.促销广告图的制作方法（2）风格突出要确定促销广告图的风格，产品的目标定位要准确。要能根据目标人群的定位进行模特的选择，使买家能产生投射效应，把自己想象成画面上的模特，如图3-1-11所示。,图3-1-11 风格突出的促销广告图,2.促销广告图的制作方法（2）风格突出不同年龄及消费能力的人群对色彩风格或能引起的注意点是不同的，在制作不同产品、不同风格的广告图时，模特、字体、颜色等方面的选择要有所不同，如图3-1-12所示的女装主要是面向青春少女的，所以在风格上要突出少女的纯美和萌，在模特的选择、字体的搭配、颜色选择上一定要彰显少女风。,图3-1-12 女装促销广告图,2.促销广告图的制作方法（2）风格突出要根据产品和模特的风格特点选择适合的背景，如图3-1-13所示的促销广告图中，背景采用了略带破旧的灰色，既带来了潮流感，又很好的衬托了模特。,3-1-13 促销广告图的背景,2.促销广告图的制作方法（3）形式美观 色彩买家看到广告的第一感官印象是色彩，色彩具有象征性，直接影响消费者的情感，因此在色彩的运用上，应根据产品信息或促销内容分别采用不同的主色调，如图3-1-14所示。,图3-1-14 促销广告图的色彩,2.促销广告图的制作方法（3）形式美观 色彩用色应控制在3种以内，色彩不要平均分配，应以其中一个主色作为主宰色调的核心，和其它两色按照6：3：1的比例配置，这样可以使画面具有层次感，重点突出。在色彩选择上，LOGO、背景、产品、模特等都可以挑选作为某一主色来延伸，如图所示，文字的颜色选自衣服的格子灰色和LOGO上的红色，使整个广告看起来具有一致感。,2.促销广告图的制作方法（3）形式美观 构图好的构图可以提升商品的品质感，亦可以利用各种构图方法突出想要表达的内容，传达出广告的真正目的，吸引用户的点击，产生购买欲望.促销广告图中常见的构图方式有如下几种：两栏式三栏式上下式斜切式,2.促销广告图的制作方法（3）形式美观 构图两栏式图片文案两边分，如图3-1-16所示，可以是左图右文，也可以是左文右图。这是最常用也最不容易犯错的构图方法，但在文案排版上一定要突出中心点。,图3-1-16 左右构图,2.促销广告图的制作方法（3）形式美观 构图两栏式图片和文案“三七分”是非常舒服的视觉比例，如图3-1-17所示。,图3-1-17 “三七分”构图,2.促销广告图的制作方法（3）形式美观 构图三栏式中间文案，两边图片。图片可以不同大小和位置摆放，如图3-1-18所示。,图3-1-18 三栏式构图,2.促销广告图的制作方法（3）形式美观 构图上下式上面文案，下面图片，如图3-1-19所示。,图3-1-19 上下式构图,2.促销广告图的制作方法（3）形式美观 构图斜切式斜切式构图能让整个画面充满非常强的张力，可以让主体和需要表达的核心内容更醒目的传达，如图3-1-20所示。,图3-1-20 斜切式构图,2.促销广告图的制作方法（3）形式美观 字体字体也肩负着视觉传达的作用，有些字体看起来时尚、有的稳重、有的可爱，设计时对于不同风格或不同目标人群在字体的使用上应有所区别，如图3-1-21所示，上面一张图面向的目标用户是年轻女性，选择活泼可爱的字体更加符合目标人群的审美特征，下面一张图面向的目标用户是成熟女性，在字体选择上也要庄重大气。,图3-1-21 字体的选择要符合目标人群,2.促销广告图的制作方法（3）形式美观 字体哪些文字是需要被放大和加粗的？大家可以按读音来进行设置，字体大小粗细相当于音强，字体越大相当于声音越大，因此，对于想重点突出的信息，可进行放大加粗处理，如图3-1-22所示，卖家最想突出的是4折的信息，所以在整个广告上它是被放大加粗处理的。,图3-1-22 突出信息的处理方式,2.促销广告图的制作方法（3）形式美观 排版在排版过程中文字的对齐方式、间距及文字的变化等，也会使视觉效果产生很大的变化。文字排列的表现方式多种多样，常见的文字对齐方式有如下几种：左对齐居中对齐右对齐自由对齐,2.促销广告图的制作方法（3）形式美观 排版左对齐左对齐就是将文字的左侧边缘对齐，如图3-1-23所示，这种对齐方式是较为常用的一种方式。左对齐排列通常呈现出一种整齐利落的感觉，并且具有相当强的协调感，如果合理调整文字的大小，可以轻松地制作出层次感。,图3-1-23 文字左对齐,2.促销广告图的制作方法（3）形式美观 排版居中对齐 居中对齐就是将每行文字的中间对齐到一个垂直线上，如图3-1-24所示。这种对齐方式可以将视线集中起来，减少周围元素对文字的影响程度，也是文字排版中常用的一种对齐方式。,图3-1-24 文字居中对齐,2.促销广告图的制作方法（3）形式美观 排版右对齐 右对齐与左对齐的效果相反，它是将每行文字的右侧边缘对齐，如图3-1-25所示，这种对齐方式可以让买家的视觉集中到文字的右侧，并且利用每行文字的长短在左侧形成一定的波形，从而产生流动感。,图3-1-25 文字右对齐,2.促销广告图的制作方法（3）形式美观 排版自由对齐 自由对齐就是文字自由的组合在一起，没有固定的方向或者位置，如图3-1-26所示，这种方式排列的文字表现形式较为自由，给人活泼、自然的感觉，表现出不拘一格的效果。,图3-1-26 文字自由对齐,2.促销广告图的制作方法（3）形式美观 排版自由对齐在排版时，把文字硬生生的放上去，会使促销广告显得呆板木讷，如图3-1-27所示，另外，文字的行间距太小也不利于阅读并会给买家造成压抑的感觉。,图3-1-27 文字在排版上没有变化,2.促销广告图的制作方法（3）形式美观 排版自由对齐可以在文字的排版上做一些变化，如文字大小、颜色、位置的变化，字体粗细的变化等，如图3-1-28所示，这样有利于突出和强调广告中的重要信息，让买家优先注意到这些内容，提升内容的易读性。,图3-1-28 文字在排版上有变化,2.促销广告图的制作方法（3）形式美观 标签标签能将最重要的信息封装在独立的地盘集中显示，简洁明快的标签更加醒目，标签的内容可以是包邮等文字信息，也可以是商品价格，如图3-1-29所示。,图3-1-29 标签,2.促销广告图的制作方法（3）形式美观 按钮按钮在促销广告中起到了引导的作用，按钮能给消费者带来非常强的消费点击暗示，广告里的按钮图形，会有效的增强买家的点击欲望，从而增加点击率，如图3-1-30所示。,图3-1-30 按钮,2.促销广告图的制作方法（3）形式美观 按钮箭头也会对买家产生心理暗示，一定要注意箭头的指向和引导作用。如图3-1-31所示。,图3-1-31 箭头,2.促销广告图的制作方法（3）形式美观气氛气氛的塑造依赖于细节，如图3-1-32和图3-1-33对比可以看出，图3-1-33增加了底纹和灯光效果，使画面变得丰富生动，通过标签的添加营造出一种热烈的气氛，使买家产生强烈的购买欲望。此外，紧张的气氛也可通过时间限制和数量限制等方法营造，如在促销广告中添加仅此一天，限量疯抢等内容。,图3-1-33气氛2,图3-1-32 气氛1,1活动分享总结小组间分享活动结果。讨论整理促销广告图的设计规律。分享促销广告图的设计方法。2教师点评，教师对表现突出的小组进行奖励。,在任务中，同学们学会了如何辨析点击率高的促销广告图，通过搜索大量的促销广告图，掌握了促销广告图的制作方法，看着同学们在台上通过各种案例向大家展示促销广告图的设计规律，王经理非常满意，他要综合的对大家此次的工作内容进行评价。分析能力 信息搜索能力 分类整理能力 表达能力 ,每小组选择五张促销广告图，分别从形式，构图，排版等方面对促销广告图进行分析，总结规律，能分辨出点击率高的促销广告图。,制作促销广告图,情境设计,任务二,张萌和团队成员明晰了促销广告图的设计标准，他们决定分头进行设计，最后票选出认可度最高的广告图，可是在实际制作的过程中很多同学还是毫无头绪，王经理告诉大家：“设计师要记住三分设计七分沟通，充分的沟通，充足的素材，是好设计的前提。设计是营销策略的外延，是其视觉表达形式。不理解策划的意图是做不出好设计的。所以要耐心的体验产品，读懂策划，不要上来先开始做，要想成熟了再开始制作。”,任务分解,用表格收集客户的设计需求，建立常用素材库，模块化的管理素材。,张萌和他的团队认为制作促销广告图需要明晰客户的需求，了解促销广告需要达到的促销目标，形成方案，并根据方案收集素材，进行促销广告图的制作。,【步骤一】收集客户需求。【步骤二】整理客户需求。【步骤三】建立素材库。,1. 促销广告图设计的实施步骤促销广告图设计的实施步骤主要分为三个阶段：策划、沟通和设计，如图3-2-3所示。,图3-2-3 促销广告图设计的实施步骤,2.设计需求的重要性促销广告图的设计要达成它的使命，要注意设计需求的收集，设计需求一方面来自客户，一方面来自于消费者，前者是显性的，后者是隐性的，但二者同样重要，促销广告图最终要面向的是消费者，要促成消费者产生点击购买的欲望和行为，了解客户的行为习惯、喜好等至关重要。对于客户设计需要和要求的收集可以采用访谈、问答等形式，由于消费者的范围比较广，建议对于消费者需求的收集可采用问卷调查的方法。,3.设计管理建立常用素材库，模块化管理素材，可以提高工作效率。常用的素材库包括PSD分层图库、背景图库、常用符号库、字体库等等，可根据需要建立分类。,组织分享及评价，具体围绕以下内容展开：1.设计需求收集工作汇报。通过设计需求的收集自己收获了什么？能否理解设计需求的重要性？遇到的困难是什么？如何解决？采用何种方法进行需求收集？2.教师评价。对表现突出的小组和成员进行表扬和奖励。,经过收集、整理客户需求，建立素材库，张萌和团队成员已经完成了前期准备工作，接下来开始进行促销广告图的设计制作工作。,【步骤一】确定促销广告图的主题。【步骤二】确定促销广告图的风格。【步骤三】制作促销广告图。,1.背景处理的方法方法一：渐变背景在背景的处理上，如图3-2-4所示，上面的图片使用的是纯色背景，下面的图片使用了渐变色的背景，可以看出渐变色背景比纯色背景更能彰显促销广告图的质感，另外，渐变的位置也是有技巧的，就好比黑暗舞台上打出的一束追光，很容易把观众的目光吸引过去，渐变背景中高亮的位置一定是特别希望引起消费者注意的部分。,图3-2-4 渐变背景,1.背景处理的方法方法二：图形在背景中的使用在背景中使用图形也是较常见的制作方法，如图3-2-5所示。,图3-2-5 图形在背景中的使用,1.背景处理的方法方法三：图片在背景中的使用使用图片作为背景可以衬托氛围或情感，强调广告商品特点，加强对产品的认识，会让促销广告图的画面感更加丰富，如图3-2-6所示，上图使用的是纯色背景，下图使用的是图片背景，可以看出，背景图片使整个广告充满了梦幻的气息，更加符合产品的气质。背景图片和产品应相得益彰，切忌喧宾夺主，可采用模糊，虚化等手段对图片进行处理。,图3-2-6 图片在背景中的使用,2.颜色的选取如图3-2-7所示的促销广告图的设计，下图使用上图的局部并进行模糊处理作为背景，文字颜色选自背景地板上的颜色，使整个广告看起来具有一致感。,图3-2-7 文字颜色的选取,3.文字处理的方法衬底色块是最简单的明度对比方式，如图3-2-8所示。,图3-2-8 色块,3.文字处理的方法在背景较为复杂或背景有较多产品等元素的情况下，把文字放在一个相对独立的区域或色块中，这样更便于阅读，也能让文字的视觉焦点加强，如图3-2-9所示。,图3-2-9 文字放在独立区域,3.文字处理的方法根据时间和主题选择不同的字体。如图3-2-10所示，学生使用的护眼灯，在开学季字体使用了粉笔字，中秋使用了毛笔字，使设计更能突出气氛。,图3-2-10 字体,3.文字处理的方法3D文字效果在促销广告的设计中也十分常见，视觉上非常有冲击力，如图3-2-11所示。,图3-2-11 3D文字,4.标签和按钮在促销广告的设计中标签和按钮也十分常见，为了使关键信息点更加醒目，如价格，可以把价格信息放在一个价格圈里，如图3-2-12所示。,图3-2-12 标签和按钮,5.箭头箭头有很好的引领作用，如图3-2-13所示，箭头指引的是产品的方向，配合立即抢购的文字可提升买家的购买欲望，一定要注意箭头的指向和含义。,图3-2-13 箭头,6.促销广告图制作中可注意的问题注意模特的位置，如图3-2-13所示，广告中左面模特的脸是朝向左侧的，顺着模特的目光会把消费者的视线带到画面之外，建议对模特图片进行翻转，使模特的目光向内，且顺着模特的目光可以引领消费者进行促销内容的阅读。,图3-2-14 注意细节,6.促销广告图制作中可注意的问题注意主题突出，如图3-2-15所示，由于每行文字的字体，字号相似，广告中规中矩，层次不够清晰，重点不够突出，可在文字上做一些变化，让消费者一眼就能明晰广告最想表达的内容。,图3-2-15 注意主题突出,1.促销广告图制作分享。小组成员分享制作成果。小组成员对制作完成的促销广告图进行互评，能根据意见进行修改。通过促销广告图的制作有哪些经验收获？2教师点评，选出一张优秀作品，进行表扬和奖励。,在任务中，张萌和同学们学会了促销广告图的制作方法，看着同学们在台上分享自己的制作成果和收获，王经理看到了同学们的进步，他决定要尽可能全面的对大家此次的工作内容进行评价。需求分析能力 软件的应用能力 团队沟通协调能力 审美能力 学习新知识的能力 ,每小组选择一件熟悉的产品，根据产品的特征，用户的需求，产品的定位及市场的导向等，设计并制作一张促销广告图。,本项目以促销广告图的分析，设计为主线，以促销广告图的制作步骤，制作方法为内容，旨在让初学者弄清楚我们需要的不是漂亮的广告图片，我们需要的是漂亮且转化率高的广告图片，而如何才能提高转化率？通过本项目的学习希望可以带给大家一些启示，在今后的学习过程中也希望同学们可以多看，多分析，遵循设计的原则进行促销广告的设计。,