网店美工教案

《网店美工与视觉设计》教学教案第1课时内容教学

网店美工和根本技能 授课时间 课时 8熟知网店美工的技能要求和了解常用美工软件；了解网店美工中需要留意的问题；目标 把握电商视觉设计黄金构图法；把握适合自己网店美工风格确实定方法；理解网店美工的概念。教学重点 把握适合自己网店美工风格确实定方法。教学难点 把握适合自己网店美工风格确实定方法。教学思路：网店美工的工作范畴与设计要求；网店美工常用的图像制作与处理软件；网店美工与店铺装修风格。教学2.教学手段：设计 〔1〕通过现场演示引起学生们对设计的兴趣，并带动课堂气氛；〔2〕通过大量优秀案例欣赏，加强视觉冲击，提高鉴赏区分力量。教学资料及要求：教学过程中除了讲解必备的理论学问外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：1.1∣网店美工的工作范畴与设计要求网店美工概述网店美工人员的工作内容与技能要求1.2.1Photoshop1.2.2电商图片助手1.2.3Dreamweaver1.2.4Flash1.2.5Illustrator1.2.6Fireworks1.3.1确定店铺装修风格的重要性1.3.2确定店铺装修风格的方法1.3.3不同店铺装修风格欣赏课后练习小结123课后〔1〕请列举网店美工常用的软件及它们之间的区分。习题 〔2〕请为一个商品确定店铺装修风格。《网店美工与视觉设计〔视频指导版》配套教学教案课时内容网店配色与图片素材收集授课时间课时内容网店配色与图片素材收集授课时间课时6生疏并把握店铺颜色搭配技巧方法；教学目标了解网店美工颜色心理应用；把握店铺把握网店图片素材收集技巧教学重点能独立设计制作出符合店铺风格的店铺颜色搭配。教学难点把握颜色根底学问原理。教学思路：讲解颜色根底学问原理以及设计要点；讲解店铺店铺颜色搭配技巧方法；讲解网店美工颜色心理应用以及图片素材收集技巧。教学2.教学手段：设计 〔1〕通过更多实例引起学生们对设计的兴趣；〔2〕任务式教学手段，增加师生互动。教学资料及要求：教学过程中除了讲解必备的理论学问外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：2.1 了解店铺装修必备的颜色学问2.1.1构成颜色的三要素——色相、明度、纯度2.1.2店铺颜色心理应用店铺颜色搭配技巧色相比照与调和的搭配技巧明度比照与调和的搭配技巧纯度比照与调和的搭配技巧选择适宜店铺的颜色搭配依据店铺特点选择主色店铺的主色、关心色、点缀色搭配图片素材规划与收集图片颜色属性概述选择图片格式选择图片筛选规划技巧本章小结课后练习小结 4、把握店铺颜色搭配技巧方法；5课后 〔1〕请收集5组不同主色风格的店铺图片。习题 〔2〕请分析儿童用品店铺的用色规律。《网店美工与视觉设计〔视频指导版》配套教学教案课时内容网店商品图片美化授课时间课时内容网店商品图片美化授课时间课时6教学目标þ能利用PhotoshopCS6图像处理软件进展根本的图片处理。能利用PhotoshopCS6图像处理软件进展图片的美化。教学þ能把握PhotoshopCS6图像处理软件各工具的根本操作以及快键键；把握网店图片裁重点剪、污点处理、抠图、以及调色的根本操作。教学þ把握抠图的根本操作难点教学思路：讲解工具的根本用法；讲解协作快捷键的使用方法；讲解店铺图片处理的根本思路。教学2.教学手段：设计 〔1〕通过更多实例引起学生们对设计的兴趣；〔2〕任务式教学手段，增加师生互动。教学资料及要求：教学过程中除了讲解必备的理论学问外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：Photoshop生疏PhotoshopPhotoshopPhotoshop网店图片裁剪固定尺寸裁剪调整图片大小网店图片污点处理使用污点修复工具美化图片使用图章工具美化图片抠图技巧使用魔术棒工具抠图使用快速选择工具抠图使用套索工具抠图3.4.3使用钢笔工具抠图商品图调色处理使用“色阶”命令调整图片使用“曲线”命令调整图片调整图片的亮度与比照度调整图片的色相与饱和度使用“颜色平衡”命令调整图片小结 1、能利用PhotoshopCS6图像处理软件进展根本的图片处理。2、能利用PhotoshopCS6图像处理软件进展图片的美化。课后〔1〕对网店图片进展根本编辑处理；习题 〔2〕对素材图片进展裁剪、污点处理、抠图、以及调色的根本操作《网店美工与视觉设计〔视频指导版》配套教学教案第4课时内容教学

店铺LOGO与店招视觉设计 授课时间 课时 4生疏并把握店铺LOGO的含义、常见类型、设计策略及设计步骤；目标 了解导航栏的参数设置以及设计步骤；把握店招的设计要点及具体步骤。教学重点 能独立设计制作出符合店铺风格的店铺LOGO、导航栏及店招。教学难点 能依据需要对店铺进展装修。教学思路：讲解店铺LOGO与店招视觉设计的设计要点及主要内容；讲解店铺LOGO与店招视觉设计的常见布局；具体演示店铺LOGO与店招的设计制作的具体操作步骤。教学2.教学手段：设计 〔1〕通过现场演示引起学生们对设计的兴趣，并带动课堂气氛；〔2〕任务式教学手段，增加师生互动。教学资料及要求：教学过程中除了讲解必备的理论学问外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：店铺LOGO视觉设计什么是店铺LOGO店铺LOGO的常用位置1．店铺左上角2．店铺正中心 店铺LOGO的主要类型1．中文文字型2．英文文字型3．中英文结合型4．图形型5.图文结合型店铺LOGO的设计策略店铺LOGO的设计制作店铺导航栏视觉设计生疏导航栏导航栏的设计呈现店招视觉设计店招的视觉设计要点店招的设计呈现本章小结课后练习小结6本章小结课后练习小结6LOGO7课后〔1〕请设计并制作出一个食品店的店铺LOGO.习题 〔2〕请设计制作出一个小清爽风格的女装店店招。课时内容店铺首页视觉设计授课时间课时内容店铺首页视觉设计授课时间课时8生疏并把握店铺首页各个模块的设计要点及主要内容；教学目标了解店铺首页的页面构造及常见布局；把握店铺首页的设计制作流程。教学重点能独立设计制作出符合店铺风格的店铺首页。教学难点能依据需要对店铺首页进展装修。教学思路：讲解店铺首页各个模块的设计要点及主要内容；讲解店铺首页的页面构造及常见布局；具体演示店铺首页每一个模块的设计制作的具体操作步骤。教学2.教学手段：设计 〔1〕通过现场演示引起学生们对设计的兴趣，并带动课堂气氛；〔2〕任务式教学手段，增加师生互动。教学资料及要求：教学过程中除了讲解必备的理论学问外，还可列举一些比较有代表性的案例，提高学生的学习兴趣。教学内容内容大纲：店铺首页布局店铺首页制作标准店铺首页的常见布局1．店铺定位2．用户的扫瞄模式店铺首页海报的视觉设计首页海报的设计要点1．主题构图配色轮播海报的设计流程首页海报的设计制作5.3.1珍宝陈设区的设计要点1．商品类别要明确2．要突出商品的价格和购置按钮3．要让产品主次清楚5.3.2珍宝陈设区的设计制作5.4保藏区及客服区的视觉设计2．要突出商品的价格和购置按钮3．要让产品主次清楚5.3.2珍宝陈设区的设计制作5.4保藏区及客服区的视觉设计5.4.1保藏区的设计制作5.4.2客服区的设计制作本章小结课后练习小结8、把握店铺首页各个模块的设计要点；9、把握店铺首页各个模块的设计流程；〔1〕现有一个经营女性护肤品的网络店铺，请为其量身打造一个首页海报。课后〔2〕现有一个经营女鞋的店铺，请依据平底鞋、高跟鞋和运动鞋三个类别为其设计习题 制作珍宝陈设区。〔3〕现有一个经营儿童玩具的店铺，请为其设计制作适合其特点的保藏区及客服区。课时内容推广图片视觉设计授课时间课时课时内容推广图片视觉设计授课时间课时4生疏并把握直通车图的设计要点教学目标生疏并把握聚划算主图的设计要点把握钻石展位图的设计制作流程教学重点能独立设计制作钻石展位图，能依据需要设计制作直通车图及聚划算主图。教学难点 设计要点及制作流程的把握教学设计

教学思路：讲解直通车图、聚划算图以及钻石展位图的设计要点；讲解直通车图、聚划算图以及钻石展位图的制作流程；具体演示操作步骤。教学手段：通过现场演示引起学生们对设计的兴趣，并带动课堂气氛；任务式教学手段，增加师生互动。教学资料及要求：学生的学习兴趣。教学内容直通车图的视觉设计直通车图的视觉设计要点颜色差异化巧用卡通人物和形象卖点深挖聚划算图的视觉设计聚划算主图的制作标准聚划算主图的制作案例钻石展位图的视觉设计钻石展位图的设计要点主题突出目标明确本章小结课后练习小结 1、把握直通车图、聚划算图、钻石展位的设计要点；2课后习题

请在淘宝上找出直通车做得好的店铺，并分析其直通车图的优势。请列举几张你认为有设计感的钻展图，并一一说明它们好在哪里。请依据本章所学学问设计一张家居类的聚划算主图。请依据本章所学学问设计一张女装类的钻石展位图。《网店美工与视觉设计〔视频指导版》配套教学教案第7课时内容详情页视觉设计 授课时间 课时 8教学目标

生疏商品详情页常用尺寸，商品详情页的根本元素。把握详情页的参数设置以及设计步骤。了解产品详情页制作的规律性问题。教学重点教学难点

能独立设计产品呈现图、产品尺寸图、产品细节图的制作。设计要点及制作流程的把握教学思路：讲解商品详情页常用尺寸，商品详情页的根本元素；讲解商品详情页设计要点；讲解商品详情页的制作流程；具体演示操作步骤。教学设计5.教学手段：通过现场演示引起学生们对设计的兴趣，并带动课堂气氛；任务式教学手段，增加师生互动。6.教学资料及要求：学生的学习兴趣。教学内容内容大纲：详情页设计详情页概述详情页设计思路详情页排版详情页模块设计产品呈现图设计7.2.2 产品卖点模块设计7.2.2 产品卖点模块设计7.2.3 产品细节模块设计7.2.4 产品售后效劳模块设计7.3 优化产品详情其他设计7.3.1产品分类设计7.3.2产品搭配区域设计7.3.3使用“切片”工具优化呈现本章小结课后练习小结34、把握商品详情页的设计制作流程。1.请设计并制作出一个女装店铺的详情页。课后习题 2.请分析并总结详情页制作必要组成要素。《网店美工与视觉设计〔视频指导版》配套教学教案课时内容无线端店铺视觉设计授课时间课时内容无线端店铺视觉设计授课时间课时8熟知网店美工的技能要求和了解常用美工软件；了解什么是无线端店铺；娴熟把握无线端店铺的装修风格及页面布局；教学目标无线端店铺商品首页及详情页设计技巧；把握无线端店铺的特征；把握无线端店铺的导购思路；把握无线端店铺模板的参数设置。教学重点无线端店铺装修思路教学难点无线端店铺模板参数介绍教学思路：无线端店铺的设计特点；无线端店铺与PC端店铺的区分；无线端店铺装修要点；无线端店铺装修思路；教学 〔5〕无线端店铺模板参数介绍。设计 2.教学手段：通过比较无线端店铺和pc端店铺区分，了解装修差异；通过大量优秀案例