网店商品主图制作教学设计-电子商务专业信息化教学

***学校网店运营科教案（甲）板书安排第四章装修店铺第3节制作商品分类图标二个子任务：制作商品分类图标上传商品分类图标授课时间星期三第1节班级第1页时间安排教学内容、教学过程教学方法与学习指导5分钟一、导入新课1、检查学生是否完成课前的任务A、要求学生了解商品分类图标的作用。

B、上网查找制作商品分类图标的方法，并形成文稿。

2、给学生展示精美的商品分类图标，充分调动学生的兴趣，激发他们的学习欲望。

1、提出问题：商品分类图标的作用是什么？2、引入课题，指出装修店铺的一个重要步骤是制作商品分类图标。

（板书：4.3制作商品分类图标）通过这个环节，激发学生学习新课兴趣的同时，引入本节课的主题。

明确本节课的任务：制作和上传商品分类图标授课时间星期三第1节班级第2页时间安排教学内容、教学过程教学方法与学习指导25分钟二、新课讲授1、熟悉制作商品分类图标的流程简要说明制作商品分类图标的流程按以下步骤操作。

首先，进入三角梨网站点击在线制作商品分类图标。

然后，将制作好的商品分类图标上传到店铺中。

板书：二个子任务：制作商品分类图标上传商品分类图标2、将制作商品分类图标的整个流程分为二个子任务：演示二个子任务的操作过程。

任务一：制作商品分类图标。

进入三角梨网站,点击在线制作；选择好看的分类图片点开始制作；输入分类小标题，确认提交；系统自动生成标题图片，然后下载保存桌面。

任务二：上传商品分类图标。

将制作好的商品分类图标进行上传。

指导学生制作以及上传商品分类图标。

学生认真观察老师的演示。

通过这一环节，可以了解商品分类图标的流程授课时间星期三第1节班级第3页时间安排教学内容、教学过程教学方法与学习指导135分钟上传范例：学生练习：上传一个制作好的商品分类图标。

练习要求和目的：1、上传一个制作好的商品分类图标。

2、学会如何上传商品分类图标。

练习分析和主要步骤：1、首先进入卖家中心。

2、点击“店铺管理”中的“图片空间”。

3、点击“上传图片”。

商品主图修图课程设计一、课程目标知识目标：1. 学生能理解商品主图在电商营销中的重要性，掌握修图的基本原则和技巧。

2. 学生能描述并运用商品主图设计的基本元素，如色彩、构图、光影等。

3. 学生能掌握至少三种常用的修图软件工具，并对商品主图进行基本的修饰和调整。

技能目标：1. 学生能运用修图技巧，提高商品主图的视觉效果，提升商品吸引力。

2. 学生能独立完成商品主图的修图任务，具备一定的审美观和创意思维。

3. 学生能通过团队协作，共同优化商品主图，提高沟通与协作能力。

情感态度价值观目标：1. 学生能认识到修图在电商行业中的价值，培养对电商视觉营销的兴趣和热情。

2. 学生在学习过程中，树立正确的审美观念，尊重原创，遵循诚信原则。

3. 学生通过修图实践，培养耐心、细致的工作态度，提高自我管理和解决问题的能力。

课程性质：本课程为实用技能型课程，结合课本内容，以实践操作为主，注重培养学生的实际操作能力和审美观念。

学生特点：学生处于初中年级，具有一定的计算机操作基础，对新鲜事物充满好奇，喜欢动手操作，但注意力容易分散。

教学要求：教师需结合课本内容，以实际案例为引导，激发学生的学习兴趣。

通过分解课程目标，设计梯度化的实践任务，使学生逐步掌握修图技巧，提高商品主图的质量。

同时，注重培养学生的团队协作能力和情感态度价值观。

在教学过程中，及时给予反馈和指导，确保学生能够达到预期的学习成果。

二、教学内容1. 商品主图概述- 商品主图的重要性- 商品主图的设计原则2. 商品主图设计元素- 色彩搭配与应用- 构图方法与技巧- 光影效果处理3. 常用修图软件工具介绍- Photoshop基本操作- Snapseed功能特点-美图秀秀实用技巧4. 实践操作- 商品主图修图案例解析- 学生独立完成修图任务- 团队协作优化商品主图5. 教学进度安排- 商品主图概述（1课时）- 商品主图设计元素（2课时）- 常用修图软件工具介绍（2课时）- 实践操作（3课时）教学内容依据课程目标，结合课本相关章节，确保科学性和系统性。

2018年浙江省中等职业学校职业能力大赛教师技能教学能力“网络营销”赛项教学项目设计文本教学项目设计文本浙江省中等职业学校职业能力大赛组委会2018年11月23日教学定位中职电子商务专业人才培养以具有明确的职业岗位能力为培养目标，从企业实际岗位需求为出发点，培养具有相应的综合职业能力的中初级电子商务人才。

本课基于“建构主义”的学习理论，以学生为主体，以能力为本位，让学生的学习过程不单单是教师对学生进行知识的单一灌输的过程，而是学习者在一定的情景创设下，借助教师的帮助，利用必要的学习资料，通过意义建构的方式获取的。

通过有针对性地开展课前问卷调研，课中任务驱动，课后复习巩固，引导学生层层深入，实现了做中学、学中做的目的，以期达到最佳的学习效果，构建理实一体的高效课堂。

本堂课面向的是高二年级1703班电子商务（3+2）专业的学生，通过调查问卷结合日常对他们的认识得知：（1）学生通过前5个任务的学习，已经将淘宝店铺开设成功，已经具备淘宝店铺的操作基础，但缺乏后续自学的能力。

（2）学生具备较强的读图能力，但缺乏语言文字的组织能力。

（3）学生对于本专业的学习热情高，他们动手能力较强，善于发现问题和大胆提问，也善于向周围同学请教，但缺乏实践操作的机会，互相协助和表现能力也较弱。

综上所述，我认为完成本次课的教学是可行的。

教学内容本课选自高等教育出版社许宝良老师主编的《网站建设与维护》一书项目9任务6。

该课程是中等职业学校电子商务专业必修的核心课程，教材贯穿了以学生为主体、以理论为基础、以技能为重点、以应用为核心的编写特色，图文并茂，实践性强，知识内容具有一定的通用性。

在本书项目9主要讲解的是创建C2C店铺，包含了7个任务。

前5个任务分别讲解了如何创建一家店铺、店铺设置、主图制作、商品详情页制作、淘宝图片空间。

而本次课的内容为任务6，正是利用前5个任务的所学进行融会贯通。

学生可以借助之前所学主图、详情页的知识从而提取商品属性，形成商品的完整信息，成功上传第一件商品，为日后店铺的正常运营推广等任务做好铺垫。

《网络营销》之信息化教学项目四----商品图片拍摄与处理一、学习目标．教学目标根据企业人才需求分析，我们为学生设计了基于职业规划的个性化教学目标：）运营岗位：能根据平台大数据选择合适商品进行拍摄；）推广岗位：能运用视觉营销技术进行商品拍摄的创意设计；1因企业真实名称有较强的城市地区指向性，故用“X-企业”代替。

堂，真实产品，交互讨论拍摄创意，举一反三，突出教学重点；“拍摄处理”环节，利用特爱秀3D成像系统，可视化拍摄技术与手段，生动有趣，化解教学难点；以“钉钉”多方协同OA办公软件为依托，实现了信息化教学管理全过程及跟踪在线指导与学习，让课堂教学和企业化经营相互融合，突破教学痛点。

微课学习课前任务：寻找“爆款产品”的商品图片企业师傅布置任务，寻找明3.形成演示文稿上传“钉钉”平台各店铺分析研讨，形成创意文稿，上传钉钉平台。

（2）选品数据分析通过选品数据进一步分析发现，展现量、点击量、转化率是反映店铺热度的重（2）分组讨论，进行拍摄创意设计（尝试从静态的2D图片转型3D图片呈现）分析影响图片质量的因素；选择并确定拍摄技术手（2）商品图片处理使用特爱秀3D全景自动成像系统的，对图片处理软件的运用，进行后期制作处理。

4.店铺辅导•评（30'）各组上传最新制作的商品图片、视频，企业师傅通过2.职场体验课下时间，各店铺小组此外，对于优秀项目，会纳入到校内创客实验室进行孵化；对于优秀团队，提供到农村开展“X-企业”电(2)校企共建信息化课堂，大大提升学习效果本堂课以信息化教学为手段，以任务驱动为主线，以学生为主体，通过采用实运营电商平台，能将校园实践教学从传统的模拟实训提升到全真和双创阶段；运用全景自动成像系统使得图片拍摄处理教学环节趣味化；通过网店经营数据KPI决了长期以来学生学习动力弱难题；全程通过阿里“钉钉”办公管理与考核，实现了专业学生可在商业生态圈内发挥其特长，以供应链为依托，以就业与创业为核心，找准自己的位置，开展实践运营创新创业项目，产生创新创业成果，真正意义实现产业与教育的全方位融合。

2.信息简洁，便于传播（三）手机移动端电商网店视觉设计要点1.保障速度2.考虑简洁3.重视色彩4.保持常新三、新课教学二：手机移动端电商网店首页视觉设计（-）手机移动端电商网店首页店招视觉设计1.底图为背景图片：选择好看的背景图片作为店招的底图，再搭配清晰的文字2.底图为单一纯色图片•：山于手机端电商网店篇幅限制，经常有很多商家在设计手机移动端电商网店店招时采用单一纯色图片，这样的设计会使文字所传达的信息更加清晰，一目了然。

3.底图为促销活动内容：在设计时把促销活动的图片、主题或文字内容作为背景，不仅迎合设计主题，而且可以强化优惠信息，吸引消费者眼球。

（二）手机移动端电商网店首页焦点图视觉设计手机移动端电商网店首页焦点图也叫轮播图，和PC端电商网店首页海报视觉设计相同，通常被放置在店铺的首页，也就是手机第一屏中可以被消费者快速看到的关键位置。

但是，由于手机屏幕较小，又要展示产品和促销活动等内容，所以主题要简明突出、文字要清晰准确、层次要主次分明。

在制作手机移动端电商网店首页焦点图时，轮播的图片要控制在4张以内。

（三）手机移动端电商网店首页优惠券视觉设计优惠券可以抵减购买商品时的费用，是商家用于吸引消费者眼球，促进消费者达成购买的重要营销手段。

在通常情况下优惠券被放置在手机移动端电商网店首页的开端位置，以便消费者可以第一时间找到，快速引起消费者兴趣，激起购买欲望（四）手机移动端电商网店首页商品分类导航区视觉设计在设计手机移动端电商网店首页商品分类导航区时.，由于手机的屏幕限制，一定要把握好显示尺寸与比例，力求简明清晰，易于消费者选择。

分类导航区通常紧接店铺优惠券，起到快速导航的作用。

（五）手机移动端电商网店首页商品展示区视觉设计在商品分类导航区之后出现的就是商品展示区。

与PC端电商网店一样，商品展示区主要用于展示商品，但因空间局限，不能对商品进行过多装饰与美化，只能进行单排或双排的展示，以此来迎合手机移动端电商网店目标群体求快、求变的心理, 方便其浏览和购买。

电子商务创业实训教案第9讲。

700乘700主图制作突出产品质感。

3、白色衣服，背景色为浅灰色，突出细节和质感，文字突出卖点“舒适透气，质感保证”。

二、任务实施在本节课中，我们将研究如何制作淘宝网产品主图，以及如何为自己的店铺设计主图。

通过任务分解，我们将研究主图设计方法和为自己的店铺宝贝设计700*700的主图。

在任务实施中，我们将用PS为自己的店铺宝贝设计主图3张，并完成上交。

在主图设计方法中，我们研究了前后景对比、折扣和细节的处理方法。

在为自己的店铺宝贝设计主图时，我们要根据所学内容，运用PS软件设计出符合要求的主图。

通过本节课的研究，我们将培养学生自主研究、团结协作的能力，提高学生的主动思考意识和研究能力。

1.使用模特架来展示衣服，让视觉更集中。

2.在老师布置的任务下，小组讨论并实施任务，提高学生分析问题和团结协作的能力，培养学生自主探究的能力。

3.突出折扣素材的“轻、暖”特点，让顾客更直观地了解折扣信息。

4.突出商品的材质细节，让顾客更清晰地了解商品特点，增加购买可能性。

5.在同一款商品中，通过多色堆叠的方式表现，增加页面层次感，让颜色选择一目了然。

6.使用模特图加折扣素材或平铺图来表现促销信息，切忌不要直接用文字挡住图片。

7.左右结构是常见的模特图加平铺图的构图方式，可以在一个图里展示更多信息。

8.双模特图合并的主图要注意颜色的互补，选择可以结合的POSE。

9.左侧模特图，右侧商品细节图是左右结构的常见构图方式。

10.背景色的运用可以让整个衣服有不同的感觉，避免单纯的白底效果差。

通过研究，同学们掌握了宝贝主图的设计方法，提高了归纳能力和语言表达能力。

在作业中，要为自己店铺中的10个宝贝设计主图，每个产品主图个数不少于3个。

老师将作品展示给同学们互相评价，让学生掌握所学工具并做好笔记。

清理干净，这是我们每天下课前必须要做的事情。

这不仅是对自己的负责，也是对下一个使用这个位置的人负责。

在课堂上，我们研究了很多知识，但是光有研究还不够。

***学校网店运营科教案整个教学环节分为以下几个过程：教学环节教学活动学生活动教学说明知识导入8’有少数的同学为了提高分数，已经自主在店铺中发布了一些商品。

图1 某同学的店铺提问该同学：问题一：在交易系统中，发布一件新商品需要完成哪些任务？图2 “新增商品”页面主要是三大内容：商品分类、商品基本信息、商品描述观看教师演示学生回答问题由部分学生自主完成的E化商品，引入主题切换到“发布商品”栏目问题二：你在发布商品的时候，这些图片是哪里来的？淘宝？百度？自己拍摄？自己处理？问题三：什么是E化商品？商品E化，是将商品信息以数字化方式（图文、多媒体等）形式进行描述，以便商品的具体信息能在电子商务运作过程中准确、清晰、详细地表述和传递。

商品E化包括摄影、后期处理、商品描述、上架等过程。

本任务主要学习商品描述。

商品描述主要包括商品小图的设计、商品名称的撰写和商品描述页的设计。

思考问题回答问题进一步引入E化商品的其他步骤转换到PPT（二）进行新课30’3.3.1商品主图的设计问题四：什么是商品的主图？通过淘宝案例分析图3 淘宝网上某商品的小图问题五：商品的主图除了在商品的详情描述页中显示之外，还在平台的哪些位置显示？1、搜索结果页图4 淘宝网上商品搜索页引入新课明确学习内容PPT演示搜索结果2、店铺的商品列表页图5 淘宝网上店铺商品列表学生任务：逛一逛：◆在淘宝网上，找出你认为比较好的5张主图，保存到文件夹中提交给老师。

（5分钟时间）根据学生提交的作品，师生共同总结：◆吸引买家的宝贝图片往往是清晰、美观的◆宝贝主图的设计原则1、商品图片突出主题2、商品图片清晰、美观3、宝贝占用大部分画面4、背景简单5、使用全景图而非局部图6、包含促销性文字信息培养学生自主分析商品主图特点的能力主图设计上常见的问题：图6主题不突出图7构图没有突出宝贝图8 背景杂乱图9局部图图10 全景图现在，你知道该怎么设计商品的主图了吗？（三）学生演练45’学生练习：从给定的两个商品图片中，任选一种商品，设计商品的主图。

2018 年浙江省中等职业学校职业能力大赛教师技能教学能力“网络营销”赛项教学项目设计文本教学项目设计文本浙江省中等职业学校职业能力大赛组委会2018年11月23 日目设计文本教学定位中职电子商务专业人才培养以具有明确的职业岗位能力为培养目标，从企业实际岗位需求为出发点，培养具有相应的综合职业能力的中初级电子商务人才。

本课基于“建构主义”的学习理论，以学生为主体，以能力为本位，让学生的学习过程不单单是教师对学生进行知识的单一灌输的过程，而是学习者在一定的情景创设下，借助教师的帮助，利用必要的学习资料，通过意义建构的方式获取的。

通过有针对性地开展课前问卷调研，课中任务驱动，课后复习巩固，引导学生层层深入，实现了做中学、学中做的目的，以期达到最佳的学习效果，构建理实一体的高效课堂。

本堂课面向的是高二年级1703 班电子商务（3+2）专业的学生，通过调查问卷结合日常对他们的认识得知：（1）学生通过前5 个任务的学习，已经将淘宝店铺开设成功，已经具备淘宝店铺的操作基础，但缺乏后续自学的能力。

（2）学生具备较强的读图能力，但缺乏语言文字的组织能力。

（3）学生对于本专业的学习热情高，他们动手能力较强，善于发现问题和大胆提问，也善于向周围同学请教，但缺乏实践操作的机会，互相协助和表现能力也较弱。

综上所述，我认为完成本次课的教学是可行的。

教学内容本课选自高等教育出版社许宝良老师主编的《网站建设与维护》一书项目9任务6。

该课程是中等职业学校电子商务专业必修的核心目设计文本课程，教材贯穿了以学生为主体、以理论为基础、以技能为重点、以应用为核心的编写特色，图文并茂，实践性强，知识内容具有一定的通用性。

在本书项目9 主要讲解的是创建C2C 店铺，包含了7 个任务。

前5 个任务分别讲解了如何创建一家店铺、店铺设置、主图制作、商品详情页制作、淘宝图片空间。

而本次课的内容为任务6，正是利用前5 个任务的所学进行融会贯通。

学生可以借助之前所学主图、详情页的知识从而提取商品属性，形成商品的完整信息，成功上传第一件商品，为日后店铺的正常运营推广等任务做好铺垫。