《电商视觉营销设计》教案第12课专题页视觉营销设计（二）.docx

《《电商视觉营销设计》教案第12课专题页视觉营销设计（二）.docx》由会员分享，可在线阅读，更多相关《《电商视觉营销设计》教案第12课专题页视觉营销设计（二）.docx（4页珍藏版）》请在优知文库上搜索。

1、课题专题页视觉营销设计(二)课时2课时(90min)教学目标知识技能目标：(1)理解女装店铺专题页的设计思路(2)掌握女装店铺专题页的制作方法素质目标：(I)加勇于探索、敢于创新、把自己的创痂i念融入课程学习中(2)认真完成课堂练习,提高独立思考能力,增强创新意识教学重难点教学重点：店铺专题页的设计思路和制作方法教学难点：能够对具体店铺的专题页进行视觉营销设计教学方法案例分析法、问答法、讨论法、讲授法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，预习本节课要讲的知识【学生】完成课前任务考

2、勤【教师】使用APP进行签到【学生】按照老师要求签到案例导入【教师】提出问题有哪些店铺的专题页让你印象深刻？为什么？【学生】聆听、思考、讨论、举手回答传授新知【教师】通过学生的发言，引入新的知识点，讲解女装店铺专题页的设计思路，并演示制作过程一、设计并制作女装店铺专题页【教师】通过多媒体展示“女装店铺专题页效果”图片(详见教材)，并讲解其设计思路本节将以女装店铺专题页的设计与制作为例，介绍专题页的设计技巧与制作方法。(一)设计思路为了“促活(让消费者活跃起来)，该女装店铺计划举办促销活动.考虑到当前为春季，故将活动主题确定为春夏焕新二接下来对以春夏焕新”为活动主题的专题页进行视觉营销设计。专题

3、页从上到下依次为首屏海报、促销优惠区、商品展示区。下面对这些区域进行规划和说明。(1)首屏海报：安排活动主题、活动时间、活动优惠等内容，以帮助消费者了解活动。根据活动目的和活动主题，将首屏海报主题文案设计成春夏新品指惠放送，借助指惠”一词表现活动价值，引发消费者对活动的兴趣。将辅助文案设计成焕新周15.1-5.6,再次点明主题，同时说明活动时间，提醒消费者不要错过活动；以文案全场2件8折领券下单更优惠”说明优惠力度，刺激消费者参与活动。鉴于此次营销活动为春夏新品促销，画面中除了加入主推商品图片外，还加入花草、青山等元素，以营造活动氛围。另外，将夏季新品距惠放送主题文案放大显示，以使其突显，引发

4、消费者关注。（2）促销优惠区：采用满减促销方式，并且为了确保消费者能以优惠的价格购买商品，特在促销优惠区展示购物攻略。不仅如此，购物中涉及的需要消费者领取的优惠券都罗列在此，方便消费者领取。另外，考虑到店铺优惠券面额较大，会将其突出显示，以吸引消费者目光，激发消费者的购买欲望。（3）商品展示区：分成两个区域，一个是新品专区，一个是爆款专区.其中，新品专区展示少量春夏主推新品，爆款专区展示以往销售较好的少量爆款商品，以引发消费者对商品的兴趣。在每个区域的底部加入查看更多”按钮，点击即可进入相应分类的商品展示页面，方便消费者选购。另外，在每幅商品展示图中都加入“立即购买按钮，以引导消费者点击购买商

5、品。2 .配色方案确定考虑到此次营销活动主要针对的商品为春夏新品，故将页面背景、优惠券、部分文案等都设置成蓝色，给消费者以清爽、轻松的感觉；对于一些重要信息，如立即领取按钮，使用红色将其突显，以引导消费者点击或查看；将一些辅助信息设置成黑色，可以让画面更显沉稳，以表现职场女性的沉着、干练。不仅如此，这些色彩结合使用，可以与店铺首页风格保持统一，以强化品牌在消费者心中的印象。3 .构图选择首屏海报采用中心构图，将活动信息居中摆放，左右两侧对称摆放商品模特图片，不仅能突出主体一促销活动信息，还能给消费者以和谐、稳定的感觉。促销优惠区采用折线型陈列方式，为其增添趣味性和氛围感。商品展示区中的两个区域

6、都添加首推商品展示图，并对其进行精心设计，以使整个商品展示区给消费者带来美感和新鲜感。（二）制作过程【教师】讲解并演示制作“女装店铺专题页”的步骤，要求学生边听边做1 .制作首屏海报步骤1新建一个名为女装店铺专题页、宽度为192（）像素、高度为7000像素、分辨率为72像素澳寸、颜色模式为RGB的文档，然后在垂直485像素处和垂直1435像素处各新建一条参考线。步骤2将前景色设置为浅蓝色（#c8e4f2）,并按Ah+Deleie”组合键为“背景”图层填充前景色，然后置入素材”背景png文件，并将其顶端移至与页面顶端对齐。步骤3置入素材花草l.pngrth花草Zpng花草3.png文件，并将它们

7、移至合适彳立置，然后复制花草3素材，按Ctrl+T组合键调出变换框并右击,从弹出的快捷菜单中选择“水平翻转”项，接着将其移至合适位置，最后按Enter键确认。步骤4在背景素材中间合适位置添加文本和装饰图形，其中装饰图形需添加投影图层样式。.（详见教材）2 .制作促销优惠区步骤1在首屏海报下方绘制一个宽度为1260像素、高度为1485像素、半径为50像素的圆角矩形，并设置其填充色为白色（#行行牙），描边为无。步骤2置入素材”标题底图.png”文件并将其移至合适位置，然后在其上添加文本购物攻略”并设置其字体为尔雅创意黑，字体大小为96点,字体颜色为白色（）,以制作促销优惠区标题。步骤3在标题下方添

8、加文本和装饰线，以制作店铺优惠券标题。步骤4置入素材优惠券底图Lpng文件,并将其移至合适位置，然后在其上添加文本和装饰图形，以制作100元优惠券。.（详见教材）3 .制作商品展小区步骤I使用钢笔工具绘制如图所示的不规则图形，然后为其填充蓝色(#0494la),复制一个不规则图形，将其放大后修改其参数。步骤2添加新品专区标题文本和装饰线(由字符*组成1步骤3在标题下方绘制一个宽度为1258像素、高度为652像素的矩形，然后设置其填充色为白色(,描边为无，最后为其添加投影图层样式。(详见教材)【学生】观氐聆听、理臊磔求曲亍操作课堂实践【教师】通过多媒体展示“零食店铺专题页效果”图片，介绍其设计思路，然后简单介绍制作步骤，并组织学生设计、制作“零食店铺专题页”效果图【设计思路】页面规划、配色方案确定、构图、布局选择【制作步骤】制作首屏海报、制作促销优惠区、制作商品展示区【学生】婚、眸反设计、制作，懒蚱好的“零食店解题灯效果酶缴麻【教师】对学生的作品进行评价，并展示两幅制作得最好的效果图课堂小结【教师】简要总结本节课的要点女装店铺专题页的设计思路女装店铺专题页的制作方法设计并制作零食店铺专题页”效果图【学生】总结回顾知识点作业布置【教师】布置课后作业(1)总结本节课课堂内容,形成思维导图(2)利用所学知识，设计、制作更多的店铺专题页效果图【学生】完成课后任务教学反思