《网店美工与店铺装修》教案第11课锦上添花——辅助模块.docx

《《网店美工与店铺装修》教案第11课锦上添花——辅助模块.docx》由会员分享，可在线阅读，更多相关《《网店美工与店铺装修》教案第11课锦上添花——辅助模块.docx（7页珍藏版）》请在优知文库上搜索。

1、课题锦上添花辅助模块课时2课时（90min）教学目标知识目标：掌握优惠券、收藏区、分类导航的设计技巧与制作方法技能目标：能够完成店铺辅助模块的设计与制作工作素质目标：(1)培养举一反三的能力(2)增强探索意识，培养钻研精神教学重难点教学重点：优惠券、收藏区的设计与制作教学难点：分类导航的设计与制作教学方法问答法、讨论法、讲授法、实践法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解店铺辅助模块的设计与制作的相关知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签

2、到问题导入【教师】提出以下问题网店通常有哪些辅助模块？【学生】聆听、思考、回答传授新知【教师】通过大家的发言，引入新的知识点，讲解辅助模块的相关知识7.1 优惠券的设计与制作【师生互动】【教师】随机邀请学生回答问题：优惠券有什么作用？【学生】聆听、思考、回答【教师】总结学生的回答优惠券一般放在店铺首页，是店铺常用的促销手段之一，可以为店铺带来可观的流量，还可以提高店铺的收益。7.1.1 优惠券的内容安排优惠券的面额。在优惠券中一定要明确优惠券的面额，这是优惠券价值的体现，也是吸引消费者使用优惠券的主要因素。(2)优惠券的使用范围。在优惠券中明确优惠券的使用范围，可方便消费者使用。通常优惠券的使

3、用范围有全场通用和限定使用两种。其中，全场通用是指优惠券可用于购买店铺内的所有商品，限定使用是指优惠券只能用于购买店铺内的指定商品。(3)优惠券的使用条件。优惠券中明确优惠券的使用条件，如每满300元使用每笔订单限用一张优惠券”等，可以在刺激消费者消费的同时最大限度地保证商家的利润空间。优惠券的使用周期。在优惠券中明确优惠券的使用周期，可以让消费者产生过期浪费的心理，从而提高购买率。如果是用于店铺短期推广的优惠券，其使用周期应接近推广周期，如果是用于店铺促销活动的优惠券，其使用周期应是对应的促销天数。优惠券的最终解释权。在优惠券中明确优惠券的最终解释权，如优惠券的最终解释权归本店所有，在一定程

4、度上保留了店铺的法律权利，以免后期活动执行中出现不必要的纠纷。【提示】优惠券的内容主要涉及以上几点，但不代表以上内容都必须显示在优惠券中，具体内容安排应结合活动内容、优惠券模块展示区域而定。1 .1.2优惠券的设计要点【师生互动】【教师】随机邀请学生回答问题：设计优惠券时需要注意哪些内容？【学生】聆听、思考、回答【教师】总结学生的回答内容精简。优惠券展示的信息有限，因此在设计优惠券时不要添加任I可与优惠内容无关的信息，同时避免信息重复，以便让i肖费者一目了然。(2)重点突出。决定消费者是否使用优惠券的主要因素是优惠面额,因此在设计优惠券时，要突显优惠面额，以吸引消费者注意。(3)风格统一.多张

5、不同优惠面额的优惠券最好使用统一的模板，以确保风格统一，同时可以使消费者的注意力集中在优惠券模块上。(4)顺序合理。一般来说，多张不同面额优惠券的排列顺序是根据面额大小或到期时间先后排列的，如果到期时间相同，会按照优惠面额从大到小或从小到大排列，如果优惠面额相同，则按照到期时间从前到后排列。2 .1.3设计与制作美妆店铺优惠券【教师】组织学生扫码播放”设计与制作美妆店铺优惠券”视频(详见教材)，让学生了解优惠券的设计与制作方法3 .设计美妆店铺优惠券(1)内容安排。在优惠券中依次添加优惠券的优惠面额、使用范围、使用条件和最终解释权等信息，在刺激消费者消费的同时最大限度地保障商家的利润空间和权益

6、。配色分析。用代表高贵、浪漫、优雅的紫色作为主色，既贴合美妆类商品的属性和行业特征，又能使优惠券更加醒目。4 .制作美妆店铺优惠券【教师】示范并讲解制作店铺优惠券的相关操作步骤1新建一个名为优惠券，宽度为950像素，高度为300像素，分辨率为72像素/英寸，颜色模式为RGB颜色的文档。步骤2在画面中下位置绘制一个宽度为875像素，高度为145像素，圆角半径为25像素的圆角矩形，然后设置其填充色为紫色(#70Oee3)。步骤3置入素材文件夹中的优惠券png”文件，然后将其适当旋转后移至画面左侧，接着为其添加“投影图层样式。步骤4采用步骤3的方法置入”优惠券.png”文件并调整。步骤5在画面偏下位

7、置绘制一个宽度为918像素，高度为150像素，圆角半径为25像素的圆角矩形，然后设置其填充色为淡紫色传a345ff)。步骤6步骤13详见教材7.2 收藏区的设计与制作【师生互动】【教师】随机邀请学生回答问题：收藏区在店铺装修中有什么作用？【学生】聆听、思考、回答【教师】总结学生的回答收藏区在店铺装修中至关重要，恰到好处的收藏区设计可以引导消费者收藏店铺，从而增加消费者再次光临的概率，同时提升店铺人气。1 .2.1收藏区的设计要点【师生互动】【教师】随机邀请学生回答问题：设计收藏区时需注意些什么？【学生】聆听、思考、回答【教师】总结学生的回答保持风格统一。收藏区的设计风格要与店铺的整体风格相统一

8、，这样可以使整个页面看起来协调、美观。加入优惠信息。收藏区是用于引导消费者收藏店铺的辅助版块，因此其中会加入“收藏本店或收藏店铺”等主题文本。此外，为了激发消费者对店铺的兴趣，提高店铺收藏量，还可在收藏区添加优惠信息，但要注意不能让优惠信息喧宾夺主。2 .2.2设计与制作电子产品店铺收藏区【教师】组织学生扫码播放”设计与制作电子产品店铺收藏区“视频(详见教材)，让学生了解收藏区的设计与制作方法3 .设计电子产品店铺收藏区(1)内容安排。添加主题文本收藏店铺，以表现收藏区的作用，然后添加优惠信息，以吸引消费者收藏店铺。(2)配色分析.蓝色给人理智、现代的感觉，收藏区以蓝色为主色，贴合了电子产品的

9、属性和行业特征。4 .制作电子产品店铺收藏区【教师】示范并讲解制作店铺收藏区的相关操作步骤1新建一个名为“收藏区，宽度为190像素，高度为190像素，分辨率为72像素/英寸，颜色模式为RGB颜色的文档.【提示】收藏区一般放置在店铺左栏，而店铺左栏的宽度为190像素，因此收藏区的宽度设置为19()像素,高度自定，图片格式支持JPG、PNG等格式。步骤2选择钢笔工具”D,在工具属性栏”选择工具模式”下拉列表中选择形状项，然后绘制一个盾牌图形，接着设置其填充色为蓝色（#287feO）。步骤3复制蓝色图形，按Ctrl+T组合键显示变换框，然后在按住Shift+Alt组合键的同时向内拖动变换框角点，以等

10、比例缩小复制的蓝色图形，接着取消其填充色，并设置其描边属性。步骤4采用上述方法再复制一个步骤2绘制的蓝色图形并编辑。步骤5使用多边形工具幅制一个蓝色五角星,然后将其旋转合适角度后移至合适位置，接着再复制两个五角星并移至合适位置。步骤6在蓝色五角星下方绘制一个宽度为142像素，高度为40像素，圆角半径为20像素的蓝色圆角矩形，接着在圆角矩形上添加文本并设置文本属性。步骤7在蓝色圆角矩形下方添加其他文本并设置文本属性。至此，电子产品店铺收藏区制作完成。7.3 分类导航的设计与制作分类导航一般位于店铺左栏，是店铺重要的辅助模块之一，尤其商品种类繁多时，其作用更为突出。清晰的分类导航可以让消费者很容易

11、找到想要购买的商品，获得流畅的购物体验。7.3.1 分类导航的设计要点【师生互动】【教师】随机邀请学生回答问题：设计分类导航时需注意什么？【学生】聆听、思考、回答【教师】总结学生的回答文字大小。在制作分类导航时，将文字设置为奇数值字号会使其产生毛边，导致分类导航显得粗糙。为使分类导航效果更加精致，通常将文字设置为偶数值字号。（2）语种。分类导航文字使用的语种应尽量统一，如不要中文、英文搭配使用。【提示】一些电子产品、家居用品等店铺分类导航中的文字会涉及产品型号，此时不同语种搭配使用无法避免，可不统一。7.3.2 设计与制作电子产品店铺分类导航【教师】组织学生扫码播放“设计与制作电子产品店铺分类

12、导航”视频（详见教材），让学生了解分类导航的设计与制作方法1 .设计电子产品店铺分类导航分类导航以蓝色为主色，贴合了电子产品的科技感属性和行业特征。此外，以橘黄色、黄色、绿色和蓝紫色等颜色为点缀色，在丰富画面的同时使画面更加活泼。2 .制作电子产品店铺分类导航【教师】示范并讲解制作店铺分类导航的相关操作步骤1新建一个名为“分类导航，宽度为190像素，高度为500像素，分辨率为72像素/英寸，颜色模式为RGB颜色的文档。【提示】通常分类导航的宽度不低于190像素，高度自定，图片格式支持JPGsPNG等格式。步骤2将背景图层填充为蓝色（扣e4fB7）,然后新建一个图层，接着在图像编辑区上方绘制一个

13、宽度为190像素,高度为54像素的深灰色（#1fleld）矩形。步骤3在深灰色矩形上添加查看所有商品文本，并设置其字体为微软雅黑，字体大小为14点，字体颜色为白色。步骤4在文本左下方绘制一个宽度和高度均为22像素，圆角半径为6像素的圆角矩形，然后设置其填充色为橘黄色伴f78b44).采用同样方法绘制黄色(#19a900)和天蓝色(#labdfl)圆角矩形。步骤5在圆角矩形右侧添加文本并设置文本属性。步骤6步骤10详见教材【学生】聆听、现看、思考、理解、记忆【教师】组织学生分组，以小组为单位完成以下任务案例最终效果可参考本书配套素材素材与实例一Ch7n文件夹中的古玩店铺收藏区.psd文件。【教师

14、】展示“古玩店铺收藏区效果”的图片(详见教材)，随机邀请学生回答问题：设计古玩店铺收藏区时，需要考虑哪些元素？【学生】聆听、观察、思考、回答【教师】总结学生的回答【教师】让学生分组讨论古玩店铺收藏区的设计思路【学生】讨论、由小组代表发表讨论结果【教师】点评、总结各组的发言(I)内容帮M添加“收藏店铺主题文本，弓I导肖费者收藏店铺。课堂实训配色分析。麒T国国画作品作为收藏区的背景，使收藏区效果更加贴合古玩商品的属性和亍业特征。而将背景中的花青色处理成黛蓝色，朱红色处理成大红色，可加重画面色调，这种“浓墨重彩能让画面更具古韵，同时更容易引起消费者关注。2.制作古玩店铺收藏区【教师】讲解制作步骤及具

15、体操作新建名称为古玩店铺H嫡区，宽度为190像素，高度为190像素，分辨率为72像素/英寸，颜色模式为RGB颜色的文档。(2的开素材文件夹中的“荷花.jpg”文件并将其复制到古玩店铺1嫡区文档中。(3打开素材文件夹中的“水墨圈Jpg文的1将其复制到古玩店铺收藏区文档中，然后将其等比例放大以铺满图像编辑区。(4乂患水墨圈”图层处于选中状态,设置其图层混合模式为“争加”0(5)在图像编辑区右下方输入“收藏店铺”文本，并设置其字体为微软简隶书,字体大小为40点，字体颜色为黑色(6)为“收藏店铺文本添加投影图层样式。至此，本刻I制作完成【提示】水墨画是指由水和墨调配成不同深浅的墨色所作出的画，能产生泅湿渗透的特殊效果，被视为中国传统绘画形式之一。水墨和宣纸的交融渗透，善于表现似像非像的物象特征，即意象，这种意象效果能使人产生丰富的遐想，意境丰富，深受人们喜爱。【学生】聆听、分组制作、完成任务【教师】巡堂辅导【学生】制作完成后