网店美工教案

《网店美工与视觉设计》教学教案第1章课时内容网店美工和基本技能授课时间课时8教学目标熟知网店美工的技能要求和了解常用美工软件；了解网店美工中需要注意的问题；掌握电商视觉设计黄金构图法；掌握适合自己网店美工风格的确定方法；理解网店美工的概念。教学重点掌握适合自己网店美工风格的确定方法。教学难点掌握适合自己网店美工风格的确定方法。教学设计1.教学思路：（1）网店美工的工作范畴与设计要求；（2）网店美工常用的图像制作与处理软件；（3）网店美工与店铺装修风格。2.教学手段：（1）通过现场演示引起学生们对设计的兴趣，并带动课堂氛围；（2）通过大量优秀案例欣赏，加强视觉冲击，提高鉴赏辨别能力。教学资料及要求：教学过程中除了讲解必备的理论知识外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：1.1∣网店美工的工作范畴与设计要求1.1.1网店美工概述1.1.2网店美工人员的工作内容与技能要求1.2∣网店美工常用的图像制作与处理软件1.2.1Photoshop1.2.2电商图片助手1.2.3Dreamweaver1.2.4Flash1.2.5Illustrator1.2.6Fireworks1.3∣网店美工与店铺装修风格1.3.1确定店铺装修风格的重要性1.3.2确定店铺装修风格的方法1.3.3不同店铺装修风格欣赏课后练习小结1、网店美工应具备的基本技能要求；2、网店美工设计常用的几种软件；3、网店装修风格的确定与赏析。课后习题（1）请列举网店美工常用的软件及它们之间的区别。（2）请为一个商品确定店铺装修风格。《网店美工与视觉设计（视频指导版）》配套教学教案第2章课时内容网店配色与图片素材收集授课时间课时6教学目标熟悉并掌握店铺色彩搭配技巧方法；了解网店美工色彩心理应用；掌握店铺掌握网店图片素材收集技巧教学重点能独立设计制作出符合店铺风格的店铺颜色搭配。教学难点掌握色彩基础知识原理。教学设计1.教学思路：（1）讲解色彩基础知识原理以及设计要点；（2）讲解店铺店铺色彩搭配技巧方法；（3）讲解网店美工色彩心理应用以及图片素材收集技巧。2.教学手段：（1）通过更多实例引起学生们对设计的兴趣；（2）任务式教学手段，增加师生互动。教学资料及要求：教学过程中除了讲解必备的理论知识外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：2.1了解店铺装修必备的色彩知识2.1.1构成色彩的三要素——色相、明度、纯度2.1.2店铺色彩心理应用2.2店铺色彩搭配技巧2.2.1色相对比与调和的搭配技巧2.2.2明度对比与调和的搭配技巧2.2.3纯度对比与调和的搭配技巧2.3挑选合适店铺的色彩搭配2.3.1根据店铺特点选择主色2.3.2店铺的主色、辅助色、点缀色搭配2.4图片素材规划与收集2.4.1图片色彩属性概述2.4.2选择图片格式2.4.3选择图片筛选规划技巧本章小结课后练习小结4、掌握店铺色彩搭配技巧方法；5、掌握网店美工色彩心理应用以及图片素材收集技巧；课后习题（1）请收集5组不同主色风格的店铺图片。（2）请分析儿童用品店铺的用色规律。《网店美工与视觉设计（视频指导版）》配套教学教案第3章课时内容网店商品图片美化授课时间课时6教学目标þ能利用PhotoshopCS6图像处理软件进行基本的图片处理。能利用PhotoshopCS6图像处理软件进行图片的美化。教学重点þ能掌握PhotoshopCS6图像处理软件各工具的基本操作以及快键键；掌握网店图片裁剪、污点处理、抠图、以及调色的基本操作。教学难点þ掌握抠图的基本操作教学设计1.教学思路：（1）讲解工具的基本用法；（2）讲解配合快捷键的使用方法；（3）讲解店铺图片处理的基本思路。2.教学手段：（1）通过更多实例引起学生们对设计的兴趣；（2）任务式教学手段，增加师生互动。教学资料及要求：教学过程中除了讲解必备的理论知识外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：3.1Photoshop图像处理软件3.1.1认识Photoshop的界面3.1.2Photoshop常用工具3.1.3Photoshop图层的基本操作3.2网店图片裁剪3.2.1固定尺寸裁剪3.2.2调整图片大小3.3网店图片污点处理3.3.1使用污点修复工具美化图片3.3.2使用图章工具美化图片3.4抠图技巧3.4.1使用魔术棒工具抠图3.4.2使用快速选择工具抠图3.4.3使用套索工具抠图3.4.3使用钢笔工具抠图3.5商品图调色处理3.5.1使用“色阶”命令调整图片3.5.2使用“曲线”命令调整图片3.5.3调整图片的亮度与对比度3.5.4调整图片的色相与饱和度3.5.5使用“色彩平衡”命令调整图片本章小结课后练习小结1、能利用PhotoshopCS6图像处理软件进行基本的图片处理。2、能利用PhotoshopCS6图像处理软件进行图片的美化。课后习题（1）对网店图片进行基本编辑处理；（2）对素材图片进行裁剪、污点处理、抠图、以及调色的基本操作《网店美工与视觉设计（视频指导版）》配套教学教案第4章课时内容店铺LOGO与店招视觉设计授课时间课时4教学目标熟悉并掌握店铺LOGO的含义、常见类型、设计策略及设计步骤；了解导航栏的参数设置以及设计步骤；掌握店招的设计要点及具体步骤。教学重点能独立设计制作出符合店铺风格的店铺LOGO、导航栏及店招。教学难点能根据需要对店铺进行装修。教学设计1.教学思路：（1）讲解店铺LOGO与店招视觉设计的设计要点及主要内容；（2）讲解店铺LOGO与店招视觉设计的常见布局；（3）具体演示店铺LOGO与店招的设计制作的具体操作步骤。2.教学手段：（1）通过现场演示引起学生们对设计的兴趣，并带动课堂氛围；（2）任务式教学手段，增加师生互动。教学资料及要求：教学过程中除了讲解必备的理论知识外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：4.1店铺LOGO视觉设计4.1.1什么是店铺LOGO4.1.2店铺LOGO的常用位置1．店铺左上角2．店铺正中央4.1.3店铺LOGO的主要类型1．中文文字型2．英文文字型3．中英文结合型4．图形型5.图文结合型4.1.4店铺LOGO的设计策略4.1.5店铺LOGO的设计制作4.2店铺导航栏视觉设计4.2.1认识导航栏4.2.2导航栏的设计展示4.3店招视觉设计4.3.1店招的视觉设计要点4.3.2店招的设计展示本章小结课后练习小结6、掌握店铺LOGO的设计要点；7、掌握店铺导航栏及店招的设计流程；课后习题（1）请设计并制作出一个食品店的店铺LOGO.（2）请设计制作出一个小清新风格的女装店店招。《网店美工与视觉设计（视频指导版）》配套教学教案第5章课时内容店铺首页视觉设计授课时间课时8教学目标熟悉并掌握店铺首页各个模块的设计要点及主要内容；了解店铺首页的页面结构及常见布局；掌握店铺首页的设计制作流程。教学重点能独立设计制作出符合店铺风格的店铺首页。教学难点能根据需要对店铺首页进行装修。教学设计1.教学思路：（1）讲解店铺首页各个模块的设计要点及主要内容；（2）讲解店铺首页的页面结构及常见布局；（3）具体演示店铺首页每一个模块的设计制作的具体操作步骤。2.教学手段：（1）通过现场演示引起学生们对设计的兴趣，并带动课堂氛围；（2）任务式教学手段，增加师生互动。教学资料及要求：教学过程中除了讲解必备的理论知识外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：5.1店铺首页布局5.1.1店铺首页制作规范5.1.2店铺首页的常见布局1．店铺定位2．用户的浏览模式3．了解客户的需求及行为5.2店铺首页海报的视觉设计5.2.1首页海报的设计要点1．主题2．构图3．配色4．轮播海报的设计流程5.2.2首页海报的设计制作5.3.1宝贝陈列区的设计要点1．商品类别要明确2．要突出商品的价格和购买按钮3．要让产品主次分明5.3.2宝贝陈列区的设计制作5.4收藏区及客服区的视觉设计5.4.1收藏区的设计制作5.4.2客服区的设计制作本章小结课后练习小结8、掌握店铺首页各个模块的设计要点；9、掌握店铺首页各个模块的设计流程；课后习题（1）现有一个经营女性护肤品的网络店铺，请为其量身打造一个首页海报。（2）现有一个经营女鞋的店铺，请按照平底鞋、高跟鞋和运动鞋三个类别为其设计制作宝贝陈列区。（3）现有一个经营儿童玩具的店铺，请为其设计制作适合其特点的收藏区及客服区。《网店美工与视觉设计（视频指导版）》配套教学教案第6章课时内容推广图片视觉设计授课时间课时4教学目标熟悉并掌握直通车图的设计要点熟悉并掌握聚划算主图的设计要点掌握钻石展位图的设计制作流程教学重点能独立设计制作钻石展位图，能根据需要设计制作直通车图及聚划算主图。教学难点设计要点及制作流程的掌握教学设计1.教学思路：（1）讲解直通车图、聚划算图以及钻石展位图的设计要点；（2）讲解直通车图、聚划算图以及钻石展位图的制作流程；（3）具体演示操作步骤。2.教学手段：（1）通过现场演示引起学生们对设计的兴趣，并带动课堂氛围；（2）任务式教学手段，增加师生互动。3.教学资料及要求：教学过程中除了讲解必备的理论知识外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容6.1直通车图的视觉设计6.1.1直通车图的视觉设计要点1.颜色差异化2.巧用卡通人物和形象3.卖点深挖4．脑洞大开6.2聚划算图的视觉设计6.2.1聚划算主图的制作规范6.2.2聚划算主图的制作案例6.3钻石展位图的视觉设计6.3.1钻石展位图的设计要点1.主题突出2.目标明确3.形式美观本章小结课后练习小结1、掌握直通车图、聚划算图、钻石展位的设计要点；2、掌握直通车图、聚划算图、钻石展位的设计制作流程。课后习题1.请在淘宝上找出直通车做得好的店铺，并分析其直通车图的优势。2.请列举几张你认为有设计感的钻展图，并一一说明它们好在哪里。3.请根据本章所学知识设计一张家居类的聚划算主图。4.请根据本章所学知识设计一张女装类的钻石展位图。《网店美工与视觉设计（视频指导版）》配套教学教案第7章课时内容详情页视觉设计授课时间课时8教学目标熟悉商品详情页常用尺寸，商品详情页的基本元素。掌握详情页的参数设置以及设计步骤。了解产品详情页制作的规律性问题。教学重点能独立设计产品展示图、产品尺寸图、产品细节图的制作。教学难点设计要点及制作流程的掌握教学设计4.教学思路：（1）讲解商品详情页常用尺寸，商品详情页的基本元素；（2）讲解商品详情页设计要点；（3）讲解商品详情页的制作流程；（4）具体演示操作步骤。5.教学手段：（1）通过现场演示引起学生们对设计的兴趣，并带动课堂氛围；（2）任务式教学手段，增加师生互动。6.教学资料及要求：教学过程中除了讲解必备的理论知识外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：7.1详情页设计7.1.1详情页概述7.1.2详情页设计思路7.1.3详情页排版7.2详情页模块设计7.2.1产品展示图设计7.2.2产品卖点模块设计7.2.3产品细节模块设计7.2.4产品售后服务模块设计7.3优化产品详情其他设计7.3.1产品分类设计7.3.2产品搭配区域设计7.3.3使用“切片”工具优化展示本章小结课后练习小结3、掌握商品详情页的设计要点；4、掌握商品详情页的设计制作流程。课后习题1.请设计并制作出一个女装店铺的详情页。2.请分析并总结详情页制作必要组成要素。《网店美工与视觉设计（视频指导版）》配套教学教案第8章课时内容无线端店铺视觉设计授课时间课时8教学目标熟知网店美工的技能要求和了解常用美工软件；了解什么是无线端店铺；熟练掌握无线端店铺的装修风格及页面布局；无线端店铺商品首页及详情页设计技巧；掌握无线端店铺的特征；掌握无线端店铺的导购思路；掌握无线端店铺模板的参数设置。教学重点无线端店铺装修思路教学难点无线端店铺模板参数介绍教学设计1.教学思路：（1）无线端店铺的设计特点；（2）无线端店铺与PC端店铺的区别；（3）无线端店铺装修要点