电子商务视觉设计电子教案第７章.docx

《电子商务视觉设计电子教案第７章.docx》由会员分享，可在线阅读，更多相关《电子商务视觉设计电子教案第７章.docx（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、电子商务视觉设计电子教案第章YOUR LOGO原 创 文 档 请 勿 盗 版课 题（项目、章节）第7章 推广图与促销活动页视觉设计课时教学目标知识目标：1.了解和认知推广图与促销活动页；2.掌握推广图意义；3.掌握推广图视觉设计方法；4.掌握促销活动页设计原则； 5.掌握促销活动页视觉设计方法。技能目标：1.能够运用Photoshop软件相关操作与命令进行推广图视觉设计2.能够运用Photoshop软件相关操作与命令进行促销活动页视觉设计。重点难点重点：电商网店推广图与促销活动页视觉设计难点：推广图与促销活动页和海报的区别作方法手段方法：讲授法，讨论法，直观展示法，自主学习法，任务驱动法，课堂

2、教学等手段：多媒体幻灯片和投影仪教学过程与内容教学环节设计第一节 高点击率推广图视觉设计一、创设意境，导入新课二、 新课教学一：高点击率推广图的意义优质的推广图可以吸引消费者眼球、精准引流，浏览店铺的消费者会在第一时间注意到推广图，给店铺带来更多潜在消费者；优质的推广图可以促进消费者点击其他有效关联商品，增加店铺的人气；优质的推广图可以提升购买率，是视觉设计的关键点，也是卖家为自己量身定做的推广工具，包括直通车推广图设计和钻展图设计。三、新课教学二：直通车推广图设计技巧（一）掌控定位与风格（二）突出卖点与位置（三）图片清晰与色彩背景（四）懂得排兵与布阵四、新课教学三：直通车推广图视觉设计案例地

3、灯直通车推广图步骤1：启动Photoshop CC2020软件，执行“文件”“新建”命令，在打开的“新建面板”上设置参数，文件名称设置为“地灯”，宽度设置为“310像素”，高度设置为“310像素”，分辨率设置为“72像素/英寸”，颜色模式设置为“RGB颜色”、背景内容设置为“白色”。步骤2：将前景色设置为#55839a，按Alt+Delete组合键填充背景。在文件底部三分之一处绘制矩形选区，将填充颜色设置为#071b65。步骤3：执行“文件”“打开”命令，打开资源库素材文件中的“地灯”图片，将白色灯具插入背景文件，放置在右侧合适位置，并且微调大小使之适应背景。步骤4：在灯具下应用“从选区减去”

4、，绘制半圆形选区，执行“选择”“修改”“羽化”命令，将羽化值设置为15像素，由上至下填充白色透明渐变，绘制柔和的灯光效果。步骤5：在背景文件左侧绘制矩形，填充颜色#ded8a3，设置投影效果，绘制装饰图。步骤6：在装饰图上输入文本“简约时尚”，将文本字体设置为楷体，文本字号大小设置为30点，文本颜色设置为#071b65。然后输入文本“复古设计”，文本字体和字号同“简约时尚”文本，将文本颜色设置为#0b2893。在文本下方绘制矩形选区，填充颜色#c2b75c，输入文本“精品灯具专场”，将文本字体设置为楷体，字号大小设置为14点，文本颜色设置为黑色。步骤7：选择软件工具箱中的“矩形选框工具”绘制矩

5、形选区，将填充颜色设置为#ffffff。在矩形选区中输入文本“春节正常发货，顺丰包邮到家”，将文本字体设置为楷体，文本字号设置为11点，文本颜色设置为#000000。步骤8：选择软件工具箱中的“矩形工具”，在“矩形工具”属性栏中将填充颜色设置为无，描边颜色设置为#ffffff，描边宽度设置为1点，描边类型设置为虚线，然后绘制合适的形状。五、新课教学四：钻展图视觉设计（一）钻展图认知放置在钻石展位的商品图片被称为钻展图，其全称为钻石展位图，是电商网店图片类广告位竞价投放平台。钻展图以CPM（每千次浏览单价）为计费单位，按流量竞价售卖广告位。范围广、定向精准和实时竞价是钻展图的三大特点。（二）钻展

6、图设计1尺寸各异：与直通车推广图不同，钻展图的尺寸有300像素100像素，300像素250像素，190像素90像素等，因投放地点不同而尺寸各异。淘宝和天猫首页、站外门户、站外社区等网站的钻展图尺寸就高达十几种，针对的消费群不同，钻展图的位置和尺寸也不同。2目标明确：放置钻展图投放的目的有引流到聚划算、预热节日活动、推介新品及宣传品牌形象。因此，要保障点击率，卖家一定要明确自己的营销目的，有针对性地选择素材和设计制作。3创意无限：创意并不是短期内就可以随便产生的，它需要灵感和日积月累，能够在这个过程中抓住创意的针对对象，对设计者来说不失为发掘创意的好方法。4重点突出：钻展图可以是商品图片或创意方

7、法，也可以呈现消费者的诉求，但在设计时都需确定重点表现元素。5 风格统一：形式美观的钻展图可以吸引消费者的眼球，因此在设计时，要考虑图片设计风格与主题统一，形成强有力的视觉效果，激发消费者潜在的购买欲望。四、学生练习学生根据教师讲授内容，练习直通车推广图。五、教学总结教师结合学生完成练习的情况，对本节课的教学过程进行小结，指正学生在操作中存在的问题，强调学生在本节学习中应该注意的要点和难点。1.新课导入2.新课讲授3.学生练习4.教师总结作业教学小结课 题（项目、章节）第6章 推广图与促销活动页视觉设计课时教学目标知识目标：1.了解和认知推广图与促销活动页；2.掌握推广图意义；3.掌握推广图视

8、觉设计方法；4.掌握促销活动页设计原则； 5.掌握促销活动页视觉设计方法。技能目标：1.能够运用Photoshop软件相关操作与命令进行推广图视觉设计2.能够运用Photoshop软件相关操作与命令进行促销活动页视觉设计。重点难点重点：电商网店推广图与促销活动页视觉设计难点：推广图与促销活动页和海报的区别作方法手段方法：讲授法，讨论法，直观展示法，自主学习法，任务驱动法，课堂教学等手段：多媒体幻灯片和投影仪教学过程与内容教学环节设计第二节 促销活动页视觉设计一、创设意境，导入新课二、新课教学一：促销活动页的制作方法（一）互联下载：电商网店可以对在互联网上下载到本地的免费促销模块进行修改或者直接

9、在线编辑，添加自己商铺的促销信息与公告。这种方法的优点是操作方便快捷且无须付费；缺点是在设计上不能满足个性化，有很强的限制性。（二）自行设计：电商网店可以使用图像处理软件自行设计促销版面，并在网页上添加特效。这种方法的优点是在设计上可以尽展个性化方法，设计独一无二的商品促销活动页；缺点是对卖家的设计能力要求很高，需要掌握一定的设计理论及图像设计和网页制作技能。（三）直接购买：目前淘宝网上有很多专门提供店铺装修服务和出售店铺装修模板的店铺，卖家可以直接购买。这种方法的优点是省力省心；缺点是要花费一定费用，如果购买专属商品促销模板，费用会更高一些。三、新课教学二：促销活动页广告尺寸一般情况下可根据

10、计算机显示的屏幕大小来设定，常见宽度有800像素、1024像素、1280像素、1440像素、1680像素或1920像素，高度可根据需求设置为150像素800像素。四、新课教学三：促销活动页广告设计准则（一）突出主题促销广告内容从吸引眼球到被点击，通常只需几秒，这就要求促销广告要在有效时间内让消费者了解所有的活动信息。因此，价格折扣、包邮、活动起止时间等为迎合促销的内容成为需要重点突出的内容，需要放置在图片视觉焦点的位置，让浏览者明确感受到促销的氛围。（二）明确目标不管是淡旺季促销，还是节假日活动，促销都是要达成购买的目的。因此，在设计时要考虑清理库存、推介新品、吸引人气、传递信息等关键的促销内

11、容表达方式，以及对应的消费群体喜好，不能只为追求画面的美感，忽略活动广告的本质。（三）统一风格与钻展图设计方法类似，促销活动页同样要考虑设计元素的风格统一。（四）布局排版任何时候合理的布局与排版都能让浏览者感受到阅读的快乐，但布局与排版没有固定的规律，需要灵活运用与搭配，一图一样，才有利于视觉传达。如图7-18所示为对角线方式布局，画面干净整洁、一目了然。（五）搭配色彩促销广告的配色十分重要，消费者在浏览店铺促销活动页广告时，最先映入眼帘的是画面整体色调，冷色或暖色，明朗鲜艳或素雅质朴，不同的色彩倾向会给人不同的印象。根据产品特点和属性，合理地搭配色彩可以使消费者快速融入产品广告所营造的氛围。

12、五、新课教学四：促销活动的类型（一）会员、积分促销这种促销方式不仅可以吸引老客户回购，而且可以拓展新客户，会员特惠、积分换购都可以增加消费者对网店、微店的忠诚度。（二）折扣促销折扣促销也称打折促销。折扣促销因为可以让消费者直接感受到实惠，所以是目前最常用的一种阶段性促销方式。折扣促销包括以节假日为由直接进行折扣，采用几件商品进行打包组合的变相折扣，选择合适的赠品做买赠促销活动等方式。（三）红包促销红包促销是淘宝电商网店最常用的一种促销方式，卖家可以根据各自店铺的不同情况制定红包赠送规则和使用规则，让消费者直接得到实惠。（四）抽奖促销每位消费者都有或深或浅的博彩心理，而抽奖促销正好迎合了消费者的

13、这种心理，超值、有诱惑的奖品对消费者有很大的吸引力，简单易操作的参与方式会让消费者更乐于参与抽奖活动。（五）赠送样品促销由于物流成本原因，这种促销方式目前在电商网店促销活动中应用得不是太多，但这种方式可以让消费者产生对产品的信任度和忠实度，尤其是效果过硬的化妆品、保健品等商品。（六）秒杀和拍卖促销秒杀和拍卖促销是电商网店上最吸引人气的促销方式之一，“整点秒杀”“一元拍”都会让消费者有“机不可失”的感受，可以大大提升商品成交机会。（七）电商平台的促销活动淘宝等电商平台会不定期地组织不同活动，参与活动的卖家容易让更多的人关注到自身的店铺，有更多“露脸”的机会，因此卖家要积极参与活动，吸引更多的潜在

14、客户。六、新课教学五：促销活动页视觉设计案例女包促销广告步骤1：启动Photoshop CC2020软件，执行“文件”“新建”命令，新建1024像素500像素的文件，文件名称为“女包促销广告”，填充背景颜色为#0a0731步骤2：新建图层1及参考线定位菱形中心点，选择软件工具箱中的“多边形套索工具”，在“多边形套索工具”属性栏中将羽化值设置为25像素，在背景右侧绘制菱形选区，填充颜色为#1c1396，然后复制生成图层1的拷贝图层，将其移至背景左侧。步骤3：执行“文件”“打开”命令，打开资源库素材文件中的“女包”图片。使用软件工具箱中的“魔棒工具”抠取女包，并将其放置在右侧菱形内，微调大小到合适

15、。复制女包，将复制的女包放置在左侧菱形内，执行“图像”“调整”“色相/饱和度”命令，将左侧女包颜色更改为草绿色。步骤4：选择软件工具箱中“横排文字工具”，在背景中间居上位置输入文本“PRETTY”，将文本字体设置为黑体，文本颜色设置为#ffffff色。文本字号大小设置为90点。为文本图层添加“渐变叠加”图层样式，叠加“橙-黄-橙渐变”，将样式设置为线性。步骤5：选择软件工具箱中“横排文字工具”，依次输入文本“实用主义也可以很摩登”“5折包邮”“仅限 五一假期”，将文本字体设置为黑体，文本颜色设置为#e89019，文本字号大小适中。步骤6：选择软件工具箱中“矩形工具”，在“矩形工具”属性栏中将填

16、充颜色设置为#e89019，描边颜色设置为无，在背景中心位置沿水平参考线绘制矩形，添加“斜面和浮雕”图层样式。步骤7：在矩形按钮上输入文本“点击看详情”，将文本字体设置为黑体，文本颜色设置为#ffffff，文本大小适应矩形。步骤8：执行“文件”“打开”命令，打开资源库素材文件中的“星空”图片，按Ctrl+A组合键全选后，复制到“女包促销广告”文件中，调整其大小适应背景，将图层模式更改为“颜色减淡”，把星空背景隐藏。步骤9：选择软件工具箱中的“橡皮擦工具”，将橡皮擦的样式属性设置为“柔边圆”，大小设置为100像素，然后使用“橡皮擦工具”在女包上进行涂抹，擦除覆盖在主图上的星星。四、学生练习学生根据教师讲授内容，练习广告促销图制作。五、教学总结教师结合学生完成练习的情况，对本节课的教学过程进行小结，指正学生在操作中存在的问题，强调学生在本节学习中应该注意的要点和难点。1.复习、新课导入2.新课讲授3.学生练习4.教师总结作业教学小结