个人介绍
商品详情设计

主讲教师:杨明

教师团队:共4

  • 杨明
  • 施燕昭
  • 尤锐
  • 周二鹏

第2期

学校: 安徽电子信息职业技术学院
开课院系: 专业课
专业大类: 电子商务
开课专业: 电子商务
课程编号: jg128003
学分: 3
课时: 48
课程介绍
       本课程是电子商务专业(群)必修的一门专业方向课程,是学习动画视频编辑、电子商务综合设计等课程、具备了美术色彩搭配、商业排版能力的基础上,开设的一门理实一体化的课程,本课程主要借助Photoshop、Dreamweaver软件从事电商网页美工设计,使学生了解电商网页美工的数字化处理的流程及方法,掌握商品详情页和主图设计的基本知识和基本技能,能进行简单的商业网页美工设计与制作、商品详情页设计、商品特效图片处理。本课程根据专业知识点选择设计不同商业案例,由简入深,营造真实商业氛围和工作室教学环境,使学生能学以致用,解决实际问题。
       本课程面向网络推广、电商美工与视频编辑、网站内页编辑、文案等工作岗位,培养学生商业网站色彩搭配的基本知识和基本技能,提高网页商品的美感和表现力,熟练使用设计软件,通过对本课程的学习,使学生掌握电商网页界面处理的流程及方法,培养学生商业网站色彩搭配的基本知识和基本技能,提高网页商品的美感和表现力,熟练使用设计软件,对图像和页面进行处理,能够激发学生的创造力和想象空间,从而完成网页界面的设计与制作,特别是商品详情页面、商品主图设计、产品宣传海报等,处理生活中实际遇到的问题。
教师团队

杨明

职称:教授

单位:安徽电子信息职业技术学院

部门:经济管理学院

施燕昭

职称:副教授

单位:安徽电子信息职业技术学院

部门:经济管理学院

尤锐

职称:讲师

单位:安徽电子信息职业技术学院

部门:经济管理学院

周二鹏

职称:副教授

单位:安徽电子信息职业技术学院

部门:经济管理学院

教学方法

本课程采用混合式教学方法,重视信息技术在教学中的应用和教学方法的改革,灵活运用多种恰当的教学方法,有效调动学生积极参与学习,促进学生积极思考具体表现如下。

①项目任务驱动式教学

采取“项目导入”——“项目实施”——“项目总结”的模式,以实际问题引导出相关原理和概念,通过分析归纳,完成项目,最后进行项目总结。将知识点分解为多个任务,通过任务的实施,让学生掌握学习的内容。

②商业项目教学

把知识点的讲授贯穿在实际商业项目的设计过程之中。每个知识点都以案例引出,以案例总结结束,指导学生掌握商业广告设计的过程,使学生能迅速上手,解决实际问题。

在教学中灵活运用多种教学方法,有问题式教学、情境式教学、讨论式教学、归纳教学法和角色扮演等,调动学生积极参与学习,促进学生积极思考。把爱国主义、民族情怀贯穿渗透到课程教学中,帮助学生树立文化自信,将三全育人教育与专业技能紧密结合,实现了思想政治教育和知识体系教育有机统一、价值引领和知识传授及能力培养有机统一、教书和育人有机统一。

③开展基于项目的小组协作活动

开展基于项目的小组协作活动,学生根据兴趣自由组合,分工合作,开展实际项目设计。每个小组针对实际项目,从创意、到草图、到完成都由小组分工协助,最终以作品的形式加以呈现,并作课堂汇报,进行交流,将最终优秀作品参加评奖。这样既调动了学生的学习兴趣又有效地进行实际锻炼。

④将职业道德融入专业教学

目前,用人单位对人才的要求也越来越高,单位需要的不仅仅是专业领域的能手,更需要有着良好的职业素养的人才。职业素养高的学生掌握专业技术能力、沟通、承上启下的能力、角色的转换以及能力提升的速度非常快,能在岗位上很快地发挥潜能,有很强的可塑性。企业已经把职业素养作为对人进行评价的重要指标。良好的职业素养是职场致胜、事业成功的第一法宝,它有利于大大提高学生的就业竞争力,是大学生进入企业的“金钥匙。因此在专业教学中不断加强职业道德教育,在教学实践过程中,紧密联系学生的生活实际,精选学生身边的实际案例,创设生动的学习情境,激发学生的学习积极性 ,提高民族自信心,加强集体观念和团队协作精神,提高创新意识。

教学条件

1.授课教师基本要求

   本课程教师要求具备2年以上专业教学经历,熟悉网页美工设计流程,并参与过企业网页美工设计项目,通过相关职业资格认证。

   目前本课程教学团队共有4人,均具有硕士学位,1人具有平面设计师证书,1人具有网络工程师证书,2人具有电子商务师证书。

2.实践教学条件要求

(1)校内实训室

(2)校外实习基地

3.课程资源建设

建设了与之相适应的教学资源库,具体包括案例库、习题库等,同时编制了相应的 PPT 课件、电子教案等教学资源,满足网络课程教学需要,为实施情境教学提供了保障。

参考教材

《商品详情网页设计》,武浩婕,第一版,电子科大出版社,918-7-5647-7580-3;

Photoshop网店美工实例教程》,杭俊、王晓亮,第4版,人民邮电出版社,978-7-115-61628-9

《视觉引流-网店美工操作实战》,曹天佑等,第2版,清华大学出版社,978-7-302-59913-5

Photoshop CC网店视觉设计》,张枝军,第2版,北京理工大学出版社,978-7-5763-0971-3;

《网店美工》,段建 张瀛 张磊,第4版,人民邮电出版社,978-7-115-61625-8;

《网店视觉设计实操手册》,曹天佑、王君赫、潘磊,第1版,清华大学出版社,978-7-302-59906-7

教学策略

本课程以先进的教学理念指导教学手段的使用,根据课程内容和学生特征,创建视、听、读、做、评的五维教学组织模式,采取多种形式的课堂教学手段,矫正学生的“课堂疲劳症”,恰当、充分地使用现代教育技术手段促进教学活动开展,实现全方位育人。

创建视、听、读、做、评的五维教学组织模式

视:观看我国的优秀作品,结合中国优秀传统文化,提高艺术鉴赏力和民族自信心。

听:欣赏著名设计师的设计心得和设计方法讲座和视频,养成良好的设计习惯和职业素养。

读:阅读设计著作和设计理论书籍。

做:制作设计作品,分析解决问题。

评:教师点评、学生互评、抽出优秀作品交给行业专家指导鉴评。

教学资源
课程章节 | 资源名称 | 文件类型   | 修改时间 | 大小 | 备注
1.1 什么是网店美工
1 商品详情页赏析(2).pptx
文档
.pptx
2024-08-21 8.53MB
 
素材.rar
附件
.rar
2024-08-21 8.98MB
 
第1章 网店美工须掌握的基础操作.pptx
文档
.pptx
2024-08-21 20.46MB
1.2 网店配色基础
网页色彩基础知识.ppt
文档
.ppt
2024-08-21 2.11MB
1.3 网店图像布局
2 色彩解读(1).pptx
文档
.pptx
2024-08-21 5.93MB
1.4 美工修图基础
第1章 网店美工须掌握的基础操作(1).pptx
文档
.pptx
2024-08-21 20.46MB
 
第1章(1).rar
附件
.rar
2024-08-21 12.29MB
1.4.1 宝贝图片色调调整
1.4.1.1处理曝光不足或过暗的图片(1).mp4
视频
.mp4
2024-08-21 3.49MB
 
1.4.1.2.处理曝光过度或过亮的图片(1).mp4
视频
.mp4
2024-08-21 2.42MB
 
1.4.1.3.处理偏色的图片(1).mp4
视频
.mp4
2024-08-21 5.89MB
 
1.4.1.4.为商品改色(1).mp4
视频
.mp4
2024-08-21 6.17MB
1.4.2 宝贝图片调整
1.4.2.1.直横幅变换(1).mp4
视频
.mp4
2024-08-21 12.77MB
 
1.4.2.2.裁剪图像(1).mp4
视频
.mp4
2024-08-21 10.45MB
 
1.4.2.3校正倾斜(1).mp4
视频
.mp4
2024-08-21 7.77MB
1.4.3 瑕疵图片调整
1.4.3.1快速涂抹去掉多余物品(1).mp4
视频
.mp4
2024-08-21 9.20MB
 
1.4.3.2通过选区结合命令去除污点或日期(1).mp4
视频
.mp4
2024-08-21 11.39MB
 
1.4.3.3.修掉图片中的水印(1).mp4
视频
.mp4
2024-08-21 2.31MB
1.4.4 人物磨皮处理
1.4.4人物磨皮处理(1).mp4
视频
.mp4
2024-08-21 10.70MB
1.4.5 校正模糊图片
1.4.5校正模糊图片(1).mp4
视频
.mp4
2024-08-21 3.48MB
1.5 常用的美工抠图
第1章(2).rar
附件
.rar
2024-08-21 12.29MB
 
色彩情感解码(1).ppt
文档
.ppt
2024-08-21 4.19MB
1.5.1 规则几何形抠图
1.5.1 按规则几何图形进行抠图(1).mp4
视频
.mp4
2024-08-21 6.92MB
1.5.2 复杂图像快速抠图
1.5.2复杂图像快速抠图(2).mp4
视频
.mp4
2024-08-21 5.58MB
1.5.3 复杂图像精细抠图
1.5.3复杂图像精细抠图-使用钢笔工具进行精确抠图(1).mp4
视频
.mp4
2024-08-21 7.18MB
1.5.4 透明图像抠图
1.5.4透明图像抠图(1).mp4
视频
.mp4
2024-08-21 12.47MB
1.5.5 毛发抠图
1.5.5 毛发抠图(1).mp4
视频
.mp4
2024-08-21 7.19MB
1.6 修饰宝贝图像
第1章 网店美工须掌握的基础操作(2).pptx
文档
.pptx
2024-08-21 20.46MB
 
第1章(3).rar
附件
.rar
2024-08-21 12.29MB
1.6.1 为商品添加保护线
1.6.1为商品添加保护线.mp4
视频
.mp4
2024-08-21 5.05MB
1.6.2 为商品添加文字水印
1.6.2为商品添加文字水印.mp4
视频
.mp4
2024-08-21 2.99MB
1.6.3 为商品添加图像商标或水印
1.6.3为商品添加图像商标或图像水印.mp4
视频
.mp4
2024-08-21 7.78MB
1.6.4 为商品图片添加情趣对话
1.6.4为商品添加情趣对话.mp4
视频
.mp4
2024-08-21 7.67MB
1.6.5 快速为多个商品图片添加文本水印
1.6.5.1.通过定义画笔为图像添加水印.mp4
视频
.mp4
2024-08-21 12.72MB
 
1.6.5.2.通过定义图案为图像添加水印.mp4
视频
.mp4
2024-08-21 8.38MB
2.1 店标设计与制作
第2章 网店外部区域引流图像设计与制作.pptx
文档
.pptx
2024-08-21 6.72MB
 
店标的制作过程.mp4
视频
.mp4
2024-08-21 9.56MB
 
第2章.rar
附件
.rar
2024-08-21 3.63MB
2.2 直通车图片的设计与制作
直通车图片制作.mp4
视频
.mp4
2024-08-21 28.31MB
 
第2章 网店外部区域引流图像设计与制作(1).pptx
文档
.pptx
2024-08-21 6.72MB
 
素材(9).rar
附件
.rar
2024-08-21 7.51MB
2.3 钻展图片的设计与制作
第2章(1).rar
附件
.rar
2024-08-21 3.63MB
 
第2章 网店外部区域引流图像设计与制作(2).pptx
文档
.pptx
2024-08-21 6.72MB
2.3.1 钻展主图设计与制作
2.3.1钻展图片主图设计与制作.mp4
视频
.mp4
2024-08-21 10.56MB
2.3.2 钻展小图设计与制作
2.3.2.1钻展图片小图设计与制作1.mp4
视频
.mp4
2024-08-21 16.29MB
 
2.3.2.2钻展图片小图设计与制作2.mp4
视频
.mp4
2024-08-21 12.32MB
3.1 店招设计与制作
第3章 网店首屏元素设计与制作.pptx
文档
.pptx
2024-08-21 18.35MB
 
3.1.标志设计基础知识.avi
视频
.avi
2024-08-21 11.34MB
 
素材(1).rar
附件
.rar
2024-08-21 8.47MB
3.1.1 店招设计原则
第3章(1).rar
附件
.rar
2024-08-21 20.50MB
 
第3章 网店首屏元素设计与制作(1).pptx
文档
.pptx
2024-08-21 18.35MB
3.1.2 商品参与店招设计与制作
3.1.2.1商品参与店招设计制作-1.全屏通栏店招设计与制作.mp4
视频
.mp4
2024-08-21 31.46MB
 
3.1.2.2商品参与店招设计制作-2. 标准店招制作.mp4
视频
.mp4
2024-08-21 8.55MB
3.1.3 简洁风格全屏店招设计与制作
简洁风格全屏店招设计与制作.mp4
视频
.mp4
2024-08-21 10.09MB
3.1.4 与导航一同进行设计制作的店招
3.1.4.1与导航一同进行设计制作的标准店招.mp4
视频
.mp4
2024-08-21 13.96MB
 
3.1.4.2与导航一同进行设计制作的全屏店招.mp4
视频
.mp4
2024-08-21 24.61MB
3.2 首屏全屏广告设计与制作
全屏通栏店招设计与制作.mp4
视频
.mp4
2024-08-21 12.73MB
 
第3章.rar
附件
.rar
2024-08-21 12.25MB
 
项目3(6).ppt
文档
.ppt
2024-08-21 25.68MB
3.2.1 首屏广告与轮播的作用
第3章(2).rar
附件
.rar
2024-08-21 20.50MB
 
第3章 网店首屏元素设计与制作(2).pptx
文档
.pptx
2024-08-21 18.35MB
3.2.2 利用材质背景广告设计与制作
利用材质背景广告设计制作.mp4
视频
.mp4
2024-08-21 24.75MB
3.2.3 渐变背景广告设计与制作
渐变背景广告设计制作.mp4
视频
.mp4
2024-08-21 21.50MB
3.2.4 大面积配色背景广告设计与制作
大面积配色背景广告设计制作(1).mp4
视频
.mp4
2024-08-21 10.56MB
3.2.5 图像背景广告设计与制作
单图图像背景广告设计制作.mp4
视频
.mp4
2024-08-21 19.00MB
4.1 950像素广告设计与制作
第4章.rar
附件
.rar
2024-08-21 41.83MB
 
第4章 商品广告图像制作.pptx
文档
.pptx
2024-08-21 22.33MB
4.1.1 商品整体参与设计与制作
4.1.1商品整体参与设计与制作.mp4
视频
.mp4
2024-08-21 18.00MB
4.1.2 商品局部参与设计与制作
4.1.2 商品局部参与设计与制作.mp4
视频
.mp4
2024-08-21 12.38MB
4.1.3 多视点参与广告设计与制作
4.1.3 多视点参与广告设计与制作.mp4
视频
.mp4
2024-08-21 23.25MB
4.1.4 超出背景区域设计与制作
4.1.4超出背景区域设计与制作.mp4
视频
.mp4
2024-08-21 13.10MB
4.2 750像素广告设计与制作
第4章(1).rar
附件
.rar
2024-08-21 41.83MB
 
第4章 商品广告图像制作(1).pptx
文档
.pptx
2024-08-21 22.33MB
4.2.1 暖色系方案设计与制作
4.2.1暖色系方案设计与制作.mp4
视频
.mp4
2024-08-21 18.04MB
4.2.2 冷色系方案设计与制作
4.2.2冷色系方案设计与制作(1).mp4
视频
.mp4
2024-08-21 12.98MB
4.2.3 中性色方案设计与制作
4.2.3中性色方案设计与制作.mp4
视频
.mp4
2024-08-21 28.06MB
4.3 190像素广告设计与制作
第4章(2).rar
附件
.rar
2024-08-21 41.83MB
 
第4章 商品广告图像制作(2).pptx
文档
.pptx
2024-08-21 22.33MB
4.3.1 凸显特点方案设计与制作
4.3.1凸显特点方案设计与制作.mp4
视频
.mp4
2024-08-21 11.61MB
4.3.2 商品本身方法设计与制作
4.3.2商品本身方法设计与制作.mp4
视频
.mp4
2024-08-21 10.10MB
4.4 陈列区广告设计与制作
第4章(3).rar
附件
.rar
2024-08-21 41.83MB
 
第4章 商品广告图像制作(3).pptx
文档
.pptx
2024-08-21 22.33MB
4.4.1 格局分布方案设计与制作
4.4.1格局分布方案设计与制作.mp4
视频
.mp4
2024-08-21 5.57MB
4.4.2 图片相混合搭配方案设计与制作
4.4.2图片相混合搭配方案设计与制作.mp4
视频
.mp4
2024-08-21 13.93MB
5.1 悬浮导航设计与制作
第5章(1).rar
附件
.rar
2024-08-21 85.32KB
 
第5章 快速导航区设计与制作.pptx
文档
.pptx
2024-08-21 3.78MB
 
作业素材(1).rar
附件
.rar
2024-08-21 39.16MB
 
商品整体参与设计与制作.mp4
视频
.mp4
2024-08-21 12.77MB
5.1.1 半透明方案设计制作
5.1.1半透明方案设计制作.mp4
视频
.mp4
2024-08-21 16.00MB
5.1.2 单色无背景方案设计与制作
5.1.2单色无背景方案设计与制作.mp4
视频
.mp4
2024-08-21 7.17MB
5.2 宝贝分类设计与制作
8 海报构图及尺寸要求(2).pptx
文档
.pptx
2024-08-21 7.92MB
5.2.1 宝贝分类设计原则
第5章.rar
附件
.rar
2024-08-21 85.32KB
 
第5章 快速导航区设计与制作(1).pptx
文档
.pptx
2024-08-21 3.78MB
5.2.2 按钮式图像方案设计与制作
5.2.2按钮式图像方案设计与制作.mp4
视频
.mp4
2024-08-21 17.72MB
5.2.3 文字效果方案设计与制作
5.2.3文字效果方案设计与制作.mp4
视频
.mp4
2024-08-21 5.72MB
5.2.4 子分类设计与制作
5.2.4子分类设计与制作.mp4
视频
.mp4
2024-08-21 11.87MB
5.2.5 文字类子分类设计与制作
5.2.5文字类子分类设计与制作.mp4
视频
.mp4
2024-08-21 5.69MB
6.1 横幅公告模板设计与制作
第6章 店铺公告模板设计与制作.pptx
文档
.pptx
2024-08-21 6.21MB
 
第6章.rar
附件
.rar
2024-08-21 2.37MB
 
11 商品特色1(1).pptx
文档
.pptx
2024-08-21 7.42MB
6.1.1 950像素店铺公告模板制作
950像素店铺公告模板制作.mp4
视频
.mp4
2024-08-21 22.82MB
6.1.2 750像素店铺公告模板制作
750像素店铺公告模板制作(1).mp4
视频
.mp4
2024-08-21 10.48MB
6.1.3 750像素店铺公告水平文字滚动模板制作
750像素店铺公告水平文字滚动模板制作(1).mp4
视频
.mp4
2024-08-21 8.13MB
 
动态模版(1).mp4
视频
.mp4
2024-08-21 13.11MB
6.2 直幅公告模板设计与制作
第6章 店铺公告模板设计与制作(1).pptx
文档
.pptx
2024-08-21 6.21MB
 
直幅公告模板的设计与制作.mp4
视频
.mp4
2024-08-21 16.55MB
 
第6章(1).rar
附件
.rar
2024-08-21 2.37MB
 
课后练习(1).rar
附件
.rar
2024-08-21 2.33MB
6.3 为制作的模板进行切片
为制作的模板进行切片创建.mp4
视频
.mp4
2024-08-21 9.34MB
7.1 店铺收藏设计与制作
第7章 收藏售后设计与制作(1).pptx
文档
.pptx
2024-08-21 6.34MB
 
第7章.rar
附件
.rar
2024-08-21 6.22MB
7.1.1 宽幅店铺收藏制作
宽幅店铺收藏制作.mp4
视频
.mp4
2024-08-21 16.33MB
7.1.2 窄幅店铺收藏制作
窄幅店铺收藏制作1.mp4
视频
.mp4
2024-08-21 20.06MB
 
窄幅店铺收藏制作2.mp4
视频
.mp4
2024-08-21 24.25MB
7.2 客服设计与制作
第7章(1).rar
附件
.rar
2024-08-21 6.22MB
 
第7章 收藏售后设计与制作.pptx
文档
.pptx
2024-08-21 6.34MB
7.2.1 宽幅客服设计与制作
宽幅客服设计与制作.mp4
视频
.mp4
2024-08-21 36.98MB
7.2.2 窄幅客服设计与制作
窄幅客服设计与制作1.mp4
视频
.mp4
2024-08-21 10.70MB
 
窄幅客服设计与制作2.mp4
视频
.mp4
2024-08-21 17.49MB
8.1 详情页设计思路与操作流程
第8章 详情页设计与制作.pptx
文档
.pptx
2024-08-21 8.14MB
 
13 品牌故事概念、主要作用(2).pptx
文档
.pptx
2024-08-21 7.94MB
8.2 详情页格局构成与设计原则
第8章 详情页设计与制作(1).pptx
文档
.pptx
2024-08-21 8.14MB
 
14 品牌故事设计.pptx
文档
.pptx
2024-08-21 3.38MB
8.3 详情页整体制作
第8章.rar
附件
.rar
2024-08-21 4.04MB
8.3.1 商品广告区设计
商品广告区设计.mp4
视频
.mp4
2024-08-21 20.27MB
8.3.2 商品色彩展示区设计
商品色彩展示区设计.mp4
视频
.mp4
2024-08-21 17.11MB
8.3.3 商品细节展示区设计
商品细节展示区设计.mp4
视频
.mp4
2024-08-21 7.77MB
8.3.4 特点说明区设计
特点说明区设计.mp4
视频
.mp4
2024-08-21 13.13MB
8.3.5 产品说明区设计
产品说明区设计.mp4
视频
.mp4
2024-08-21 12.38MB
8.3.6 购物须知区设计
购物须知区设计.mp4
视频
.mp4
2024-08-21 4.70MB
8.3.7 详情页描述区设计
详情页描述区设计.mp4
视频
.mp4
2024-08-21 9.34MB
8.3.8 合成详情页
合成详情页.mp4
视频
.mp4
2024-08-21 10.33MB
9.1 手表、首饰类网店详情页设计
手表网店商品详情页设计.mp4
视频
.mp4
2024-08-21 55.92MB
 
第9章.pptx
文档
.pptx
2024-08-21 116.79MB
 
素材(13).rar
附件
.rar
2024-08-21 31.81MB
9.2 鞋帽类网店详情页设计
女鞋网店商品详情页设计.mp4
视频
.mp4
2024-08-21 54.07MB
9.3 婚纱类网店设计
综合案例——婚纱店铺装修.pptx
文档
.pptx
2024-08-21 33.44MB
 
婚纱详情页素材.rar
附件
.rar
2025-06-18 10.32MB
9.4 电脑配件类网店设计
9.4.pptx
文档
.pptx
2024-08-21 8.93MB
 
9.4.5.1 PC端店铺鼠标详情页设计.mp4
视频
.mp4
2024-08-21 24.87MB
 
9.4.5.2移动端店铺鼠标详情页设计.mp4
视频
.mp4
2024-08-21 16.81MB
 
9.4.5.3跨境端店铺鼠标详情页设计.mp4
视频
.mp4
2024-08-21 20.69MB
 
电脑配件.rar
附件
.rar
2024-08-21 7.45MB
提示框
提示框
确定要报名此课程吗?
确定取消

京ICP备10040544号-2

京公网安备 11010802021885号