《网店美工与店铺装修》教案第9课不言而信——店铺页头与页尾（一).docx

《《网店美工与店铺装修》教案第9课不言而信——店铺页头与页尾（一).docx》由会员分享，可在线阅读，更多相关《《网店美工与店铺装修》教案第9课不言而信——店铺页头与页尾（一).docx（5页珍藏版）》请在优知文库上搜索。

1、课题不言而信店铺页头与页尾(一)课时2课时(90min)教学目标知识目标：(1)认识店铺页头与页尾(2)掌握店铺页头中标志的设计技巧与制作方法(3)掌握店铺页头中招牌的设计技巧与制作方法技能目标：能够完成店铺页头与页尾的设计与制作工作素质目标：坚守职业道德，践行行业规范教学重难点教学重点：店铺页头中标志和招牌的设计技巧与制作方法教学难点：店铺页头中标志与招牌的设计技巧与制作方法教学方法问答法、讨论法、讲授法、案例分析法、实践法教学用具电脑、投影仪、多媒体课件、教材教学过程主要教学内容及步骤课前任务【教师】布置课前任务，和学生负责人取得联系，让其提醒同学通过APP或其他学习软件，了解店铺页头与页

2、尾的相关知识【学生】完成课前任务考勤【教师】使用APP进行签到【学生】按照老师要求签到问题导入【教师】提出以下问题店铺的页头与页尾分别指的是什么？【学生】聆听、思考、回答传授新知【教师】通过大家的发言，引入新的知识点，讲解店铺页头与页尾的基础知识6.1 认识店铺页头与页尾【师生互动】【教师】随机邀请学生回答问题：店铺页头与页尾都包含哪些元素？分别起什么作用？【学生】聆听、思考、回答【教师】总结学生的回答6.1.1 店铺页头店铺页头包括店铺招牌和导航。其中，店铺招牌包括店铺标志、品牌口号、促销信息等内容，起到展示店铺形象、引导消费者购买的作用；导航是消费者访问店铺的快捷通道，方便消费者查找店铺商

3、品信息。【教师】展示“店铺页头”的图片(详见教材)，讲解店铺页头的布局6.1.2店铺页尾店铺页尾是一个自定义内容区，商家可以根据需要自行安排内容。通常，商家会在店铺页尾添加底部导航、客服联系方式、店铺公告等内容，以达到方便消费者选购商品，增加店铺信誉度等目的。【教师】展示“店铺页头”的图片（详见教材），讲解店铺页头的布局6.2 店铺标志的设计与制作【师生互动】【教师】随机邀请学生回答问题：店铺标志有什么作用？【学生】聆听、思考、回答【教师】总结学生的回答店铺标志作为一种特殊的视觉符号，是店铺形象、特征、文化的浓缩。它的作用是将店铺的经营理念、经营内容、品牌文化等信息传达给消费者，使消费者能够了

4、解该品牌，进而形成品牌烙印。1 .2.1标志的分类根据构成要素的不同,可以将标志分为文字标志、图形标志和文字与图形复合构成的组合标志3种。2 .文字标志文字标志主要由经过艺术化处理的文字构成，包括汉字标志和拉丁字母标志.汉字标志：根据设计主题对汉字进行艺术化处理形成的标志。在设计这种标志时，要确保经过艺术化处理后的文字清晰、明快、易识SIL字母标志：一般以字母缩写组合、全称字母组合、单一字母等形式出现，其优点是简约、形式多样。3 .图形标志图形标志主要由图形构成,包括具象标志和抽象标志。具象标志：对人物、植物或动物等具体的形象造型加以艺术化处理而得到的标志。抽象标志：用抽象的几何图形或符号来表

5、达标志的含义，具有抽象美感。4 .组合标志【教师】展示“工商银行标志”“卡西龙标志”的图片（详见教材），讲解组合标志组合标志设计不局限于某一种表现手法，设计者可以将文字、具体的形象造型和几何图形等元素混合在一起，从而形成组合标志。它兼有文字标志的说明性和图形标志的直观性，更易于消费者记忆。5 .2.2店铺标志设计规范与要求【师生互动】【教师】随机邀请学生回答问题：优秀的店铺标志设计应具备哪些特点？【学生】聆听、思考、回答【教师】总结学生的回答（1）识别性。店铺标志需要特色鲜明、易于识别，这样才能在消费者心中留下深刻的印象。领导性。店铺标志是对店铺的经营理念、品牌文化等的集中体现，其他视觉传达要

6、素都是围绕标志展开的，因此店铺标志设计要具有一定的领导作用。统一性。店铺标志设计需要与店铺风格、品牌特点等相统一，不能只考虑美观度而忽略店铺实际情况。规范性。店铺标志设计完成后，还需要根据不同的需求和背景进行完善，使其更加规范化、标准化。(5)审美性。店铺标志设计要与时俱进，使其符合当下的设计规范和审美需求。【提示】店铺标志中使用的文字和图形必须遵守相关的法律法规，重要的规范要求如下。(1)未经许可，严禁使用电商平台专用文字和图形作为网店宣传的文字和图形。(2)禁止使用同中华人民共和国的国家名称、国旗、国徽、国歌、军旗、军徽、军歌、勋章等相同或者近似的，以及同中央国家机关的名称、标志、所在地特

7、定地点的名称或者标志性建筑物的名称、图形相同的标志作为商标。(详见教材)6 .2.3设计与制作户外用品店铺标【教师】组织学生扫码播放”设计与制作户外用品店铺标志“视频(详见教材)，以户外用品店铺标志为例，讲解店铺标志的设计技巧与制作方法7 .设计户外用品店铺标志【师生互动】【教师】展示“户外用品店铺标志效果”图片(详见教材)，随机邀请学生回答问题：分析下这个店铺标志有哪些特点？【学生】聆听、观察、思考、回答【教师】总结学生的回答(1)创意点选取。店铺标志以店铺名称“富奥户外用品旗舰店中富奥的拼音hFUAOh为创意基础，通过变形处理使其外形呈矩形.矩形给人坚实、稳固的感觉，因此外形呈矩形的店铺标

8、志容易使消费者产生信赖感。另外，将字母A中的横变成三角形，使其形如户外帐篷，寓意稳定、牢固。(2)配色分析。店铺标志采用“红、蓝配色，红色象征向上、进取，蓝色象征成熟、稳重，从而体现行业的特点.(3)风格定位。当前设计流行趋势是扁平化，因此店铺标志设计选用扁平化风格。【提示】扁平化设计是指摒弃不必要的装饰效果，如透视、纹理、渐变等,使得所有元素的边界都干净利落，没有羽化、阴影等，只通过丰富的色彩和有趣的图形来传达店铺信息，给消费者耳目一新的感觉。8 .制作户外用品店铺标志【教师】示范并讲解制作店铺标志的相关操作步骤1新建一个名为户外用品店铺标志，宽度为1000像素，高度为200像素，分辨率为3

9、00像素/英寸，颜色模式为RGB颜色的文档。【提示】店铺标志文档的分辨率建议设置在300像素/英寸以上，这样可保证标志放大后比较清晰、细腻。步骤2使用横排文字工具输入mFUAOh文本，然后设置其字体为汉仪综艺简，字体大小为36点，字体颜色为蓝色(#273d6。步骤3在“fua。图层上右击,并从弹出的快捷菜单中选择转换为形状项,将文本转换为形状。按Ctrl+R组合键在图像编辑区左侧和上方显示标尺，然后将鼠标移至上方的水平标尺上，按住鼠标左键向F上拖拽，到达目标位置后释放鼠标，在F上添加一条水平参考线。采用同样方法在F上添加其他参考线。步骤4选择添加锚点工具，在F上依次单击添加4个锚点(左侧3个，

10、右侧1个)，然后使用直接选择工具框选中间的2个锚点,按Delete键删除，将F分为上下两部分。步骤5使用直接选择工具框选F下部分形状右侧的两个锚点，水平向右拖动，使其与参考线对齐，然后使用”直接选择工具框选F上部分形状，按Qrl+J组合键复制矩形，接着将复制后的矩形填充色设置为红色(#d72c2c)。步骤6步骤9详见教材6.3 店铺招牌的设计与制作【师生互动】【教师】随机邀请学生回答问题：店铺页头中的店铺招牌有什么作用?【学生】聆听、思考、回答【教师】总结学生的回答店铺页头中的店铺招牌不仅是网店的第一视觉印象，还起到品牌宣传的作用.6.3.1 店铺招牌的设计原则店铺招牌在设计过程中除了要遵循美

11、观性原则，还要遵循功能性原则和独特性原则。(I)功能性原则。功能性原则是指店铺招牌要起到宣传的作用，因此其设计应明确品牌定位和商品定位。其中，明确品牌定位可以让消费者在脑海中产生品牌烙印；明确商品定位可以让消费者知道店铺中出售的商品是什么。(2)独特性原则。独特性原则是指店铺招牌设计不但要符合店铺商品的属性及行业特征，还要做到与众不同、标新立异，艮有这样才能瞬间吸引消费者的眼球，同时使消费者产生情感共鸣。【师生互动】【教师】展示“店铺招牌1“店铺招牌2的图片(详见教材),随机邀请学生回答问题：观察这两个店铺招牌，分析它们的优缺点。【学生】聆听、观察、思考、回答【教师】总结学生的回答店铺招牌的设

12、计要兼具功能性和独特性，才能在引人入胜的同时，帮助消费者了解店铺及店铺中出售的商品。6.3.2 店铺招牌的内容安排大多数店铺招牌中都会放置店铺标志、名称和品牌口号，以展示店铺信息.此外，店铺招牌通常还会放置促销商品信息、收藏和关注店铺链接、优惠券等内容。(1)促销商品信息。在店铺招牌中添加促销商品信息，可以让消费者进入店铺后第一眼就能够看到该信息，从而引导i肖费者点击进入促销商品页面，进而增加促销商品的销量。收藏和关注店铺链接。在店铺招牌中添加收藏和关注店铺链接也非常重要，因为它可以方便消费者快速收藏和关注店铺，进而提升店铺人气.优惠券。在店铺招牌中添加优惠券，可以让消费者快速关注店铺的优惠信

13、息，从而提升促销活动效果。6.3.3 设计与制作甜品店铺招牌【教师】组织学生扫码播放”设计与制作甜品店铺招牌”视频(详见教材)，让学生了解店铺招牌的设计技巧与制作方法1.设计甜品店铺招牌【师生互动】【教师】展示“甜品店铺标志效果”图片(详见教材)，随机邀请学生回答问题：分析下这个店铺招牌有什么特点？【学生】聆听、现察、思考、回答【教师】总结学生的回答(1)内容安排。在店铺招牌中添加店铺标志、名称和品牌口号，使消费者了解店铺信息，并逐渐形成品牌烙Ed放置促销商品图片，以吸引消费者注意，进而增加此类商品的销量；加入收藏店铺链接，引导消费者收藏店铺，以提升店铺人气。配色分析。用黑色作为背景色，用白色

14、作为店铺标志、文案等的颜色，可使店铺招牌更有质感的同时凸显商品信息。2.制作甜品店铺招牌【教师】示范并讲解制作店铺招牌的相关操作步骤1新建一个名为甜品店铺招牌，宽度为950像素，高度为120像素，分辨率为72像素/英寸，颜色模式为RGB颜色的文档。【提示】不同电商平台对店铺招牌尺寸的要求有所不同，通常店铺招牌尺寸为950像素120像素，大小不超过200KBe为了得到更好的视觉效果，在制作PC端店铺招牌时，可以将店铺招牌、导航和页头背景融合在一起制作，此时其尺寸通常为1920像素150像素。步骤2新建一个图层，并将其填充为灰黑色(#2f2f2f),然后复制该图层并将其混合模式设置为“叠加，不透明

15、度为50%,接着选择滤镜一杂色T添加杂色”菜单项，打开添力杂色”对话框，在其中设置参数后，单击确定按钮，添加杂色。步骤3置入素材文件夹中的“店铺标志png文件，并将其移至合适位置，然后在店铺标志右侧添加店铺名称，并设置其字体为方正粗倩_GBK,字体大小为30点。步骤4在店铺标志和店铺名称下方添加文本并设置文本属性，然后在文本两侧绘制白色装饰线。步骤5步骤7详见教材【学生】聆听、观看、思考、理解、记忆课堂实训【教师】让学生分组进行练习，制作店铺标志和店铺招牌【学生】组内分工、完成练习【教师】巡堂辅导课堂小结【教师】简要总结本节课的要点店铺页头与页尾的定义、店铺页头中标志与招牌的设计技巧与制作方法【学生】总结回顾知识点作业布置【教师】布置课后作业根据本节课所学知识,设十卷店铺页头中的标志与招牌.【学生】完成课后任务教学反思