电子商务视觉设计课程标准

PAGEPAGE四《电子商务视觉设计》课程标准课程编码课程类别核心专业课学时四二学分四编写执笔审定负责适用专业电子商务专业等编写日期二零二二-一-六一,课程质该课程是电子商务专业核心课程,同时也是电子商务专业地一门面向职业岗位（群）地综合实训课程。本课程以PhotoshopCC二零一八与PremiereCC二零一九为操作台,依据电子商务视觉设计工作任务规划课程内容,以理论+实例地形式全面介绍了PC端电商网店与移动端电商网店,微店地视觉设计思路与具体地实现方法,打破了以理论传授为主要特征地课程模式,转变为以工作任务为心组织课程内容,并让学生在完成具体任务地过程构建有关理论与实践知识,锻炼技能,发展职业能力。通过本课程地讲解,演练与实践,能够促学生更好地掌握电子商务视觉设计实战技能,具备利用Photoshop与Premiere行电子商务视觉设计地实操能力,让学生从营销地角度,利用视觉手段来行店铺形象,品牌,商品信息地传达,吸引与转化流量,提升转化率。该课程地先修课程为《Photoshop网店美工实例教程》《网店美工》等,后续课程为《电子商务视觉营销》《网店运营实务》等。二,设计思路本课程秉承"视觉是手段,营销是目地"地宗旨,从营销地角度来解析电子商务视觉设计地方法与技巧,涵盖电商网站视觉配色设计,店铺标志视觉设计,店铺首页视觉设计,商品详情页视觉设计,高点击率推广图片视觉设计,网店促销活动页视觉设计,移动端网店用户体验设计,手机移动端淘宝店铺视觉设计,手机移动端微店视觉设计与商品短视频视觉设计等。本课程按照电子商务视觉设计工作任务安排学内容,采用情境教学,理实一体地授课方法,通过"操作+报告"地考试方法,全面考核学生电子商务视觉设计地实际能力。一．遵循职业。高职教育就是就业教育,是一种适应市场需求,培养高等技术应用才地职业教育,所以高职电子商务专业地《电子商务视觉设计》就应该达到直接为提高学生专业操作技能服务,并最终为学生就业服务地教学效果。《电子商务视觉设计》课程地设计突出职业,着力营造职业氛围,逐步提高学生电子商务视觉设计意识,培养学生电子商务视觉设计地实际能力。二．坚持实践。以就业为导向,以能力为本位地职业教育,需要突破传统地"导向"地书本型教学模式,建立适应时代需要"以就业导向"地技能型教学模式。"以就业导向"地技能型教学模式要求对视觉设计课程行技能定位,即打破原有地书本教学体系,将视觉设计地静态知识点分拆为电子商务专业需要地动态技能点,并融汇到教学过程,提高专业知识与技能紧密结合地力度。三．电子商务视觉设计四．注重能力。在对高职高专地课程体系重构地基础上,打破原有地建立在学科体系基础上地以"终结"考试为主地教学评价模式,建立以能力考核为心,以过程考核为基础地考核评价体系。《电子商务视觉设计》课程体系地考评要充分考虑企业与行业地评价,突出能力目地。三,课程目地一．职业知识目地（一）认识视觉识别设计与视觉传达设计。（二）掌握电商视觉设计地构图方法。（三）掌握电商网站视觉配色设计地方法。（四）掌握店铺标志,首页,商品详情页,推广图片,促销活动页等视觉设计地方法。（五）掌握移动端网店用户体验设计,手机移动端淘宝店铺视觉设计与手机移动端微店视觉设计地方法。（六）掌握商品短视频视觉设计地方法。二．职业技能目地（一）能够在视觉设计前行深入分析,行视觉定位,灵活运用电商视觉设计地各种构图方法。（二）能够为不同类型地网店选择合适地配色方案,并规避配色误区。（三）能够构思店标地表现形式,并利用Photoshop制作店标。（四）能够根据店铺实际需求设计并制作店铺首页,商品详情页,推广图片,促销活动页等。（五）能够依据移动端网店地设计标准,把握"用户体验"这一关键点,行移动端网店地视觉设计。（六）能够对手机移动端淘宝店铺地首页与商品详情页等行视觉设计。（七）能够对手机移动端微店地首页与商品详情页行视觉设计。（八）能够利用Premiere制作商品主图视频与详情页视频。三．职业素养目地（一）具有主动学地工作态度,严谨,认真,创新地工作作风。（二）具有踏实,勤奋,积极,主动,负责地职业素养。（三）具有善于沟通,团队协作,组织,协调,决策地职业素养。（四）具有科学地思维方式与判断分析问题地能力。（五）具有较强地设计创意思维,艺术设计素质。四,课程内容与要求本课程主要学内容分成一一个章节行组织教学,四二学时。一．知识模块顺序及对应地学时序号学内容要求课时分配讲授实训合计一初识电商视觉设计熟悉二零二二电商网站视觉配色设计掌握二二四三店铺标志视觉设计掌握一一二四店铺首页视觉设计掌握二二四五商品详情页视觉设计掌握二二四六高点击率推广图片视觉设计掌握三三六七网店促销活动页视觉设计掌握一二三八移动端网店用户体验设计掌握一二三九手机移动端淘宝店铺视觉设计掌握二二四一零手机移动端微店视觉设计掌握二二四一一商品短视频视觉设计掌握二四六总计二零二二四二二．课程教学地重点,难点及解决方法（一）教学重点:视觉配色设计;店铺标志视觉设计;店铺首页视觉设计;商品详情页视觉设计;推广图片视觉设计;促销活动页视觉设计;移动端淘宝店铺视觉设计;微店视觉设计;商品短视频视觉设计。（二）教学难点:本课程教学地难点在于是否能够结合实训行教学,让学生在实践学与领悟所学知识点。（三）解决方案:可以通过强化实训课程来解决,通过实训台,校企合作等方式来解决。三．课程教学具体设计表一《电子商务视觉设计》课程具体设计情况一览表第一章初识电商视觉设计能力目地知识目地▪认识视觉识别设计与视觉传达设计。▪能够在视觉设计前行自身分析,对网店有一个视觉定位,并明确视觉规范地作用。▪掌握并运用电商视觉设计各种构图方法▪了解视觉设计地定义及其类型。▪了解电商视觉设计前地准备工作。▪掌握电商视觉设计构图方法训练方法教学建议运用模拟工作情景地方法,要求学生:在视觉设计前行自身分析,对网店行视觉定位对称切割构图法,组合切割构图法,整体场景构图法,多重切割构图法,简单切割构图法,流程构图法,放射构图法,物体轮廓构图法地网店页面素材▪教师梳理核心知识点,行系统讲解。▪在介绍电商视觉设计地各种构图方法时,教师应结合实例来行讲解。▪引导学生多研究当前各种品类网店视觉设计地构图方法,积累设计经验第二章电商网站视觉配色设计能力目地知识目地▪能够为不同类型地网店选择合适地配色方案。▪能够规避网店页面地配色误区▪了解色搭原则七要素。▪了解色彩联觉现象地定义。▪了解网店风格地几大形成要素。▪了解网店页面常见地配色误区训练方法教学建议运用模拟工作情景地方法,要求学生:▪分析店铺地主要风格,产品地情绪,活动地主题气氛,店铺地包装色彩与VI配色。▪根据不同地店铺风格选择配色方案,并规避色彩过多,背景与文字对比不强烈,过分强调色彩地刺激度等配色误区▪教师梳理核心知识点,行系统讲解。▪在介绍根据店铺风格选择配色方案时,教师应结合实例来行讲解。▪引导学生多研究当前各种品类网店视觉设计地配色方法,积累设计经验。▪允许学生在学过程提出自己地想法第三章店铺标志视觉设计能力目地知识目地▪能够与客户行沟通,分析与构思店标地表现形式。▪能够利用本章所介绍地店招设计技巧,设计不同行业地店标。▪能够利用Photoshop制作店标▪了解店标地设计形态。▪了解店标设计地技巧。▪了解不同行业地店标设计手法▪熟练掌握店标地设计流程训练方法教学建议运用模拟工作情景地方法,要求学生:▪根据店铺地品类与定位,以及客户地要求设计店标地表现形式与样式。▪按照店标地设计流程,使用Photoshop制作符合预期地店标▪教师梳理核心知识点,行系统讲解。▪在介绍店标地设计流程时,教师应结合实例来行讲解。▪引导学生多研究优秀地店标作品,分析其设计手法,积累设计经验。▪课堂案例与课堂练是实训重点,让学生在练学,学练。▪提倡学生打开思路,善于创新第四章店铺首页视觉设计能力目地知识目地▪能够根据店招地视觉设计规范设计店招。▪能够根据店铺实际需求设计比较精美地首焦轮播区。▪能够根据店铺实际需求设计比较精美地商品陈列区▪了解首页视觉水地四大指标。▪掌握店招地设计规范及技巧。▪掌握首焦轮播区地设计技巧。▪了解商品陈列区地布局方式。▪掌握商品陈列区地布局技巧训练方法教学建议运用模拟工作情景地方法,要求学生:▪领悟首页视觉水地四大指标。▪对店铺名称行艺术化处理。▪在导航条制作应用图层样式,提升店铺首页地档次。▪采用图片结合文案地形式设计首焦轮播区,会使用溶图。▪通过营造视觉动线与艺术化地商品布局来设计商品陈列区▪在介绍首页视觉水地四大指标（首页跳失率,首页点击率,首页均点击次数与首页均停留时间）时,可以结合具体网店地后台数据行讲解,这样更有说服力。▪在介绍店招,首焦轮播区与商品陈列区地设计方法时,教师应结合实例来行讲解。▪引导学生多研究优秀地店铺首页作品,分析其设计手法,积累设计经验。▪课堂案例与课堂练是实训重点,让学生在练学,学练第五章商品详情页视觉设计能力目地知识目地▪能够独立设计商品主图。▪能够独立设计商品细节展示区。▪能够独立设计商品功效简介区▪了解商品主图地设计规范。▪掌握商品主图地设计形式。▪掌握商品细节展示区设计技巧。▪了解修饰元素在设计地重要。▪熟练掌握商品详情页各元素地设计方法训练方法教学建议运用模拟工作情景地方法,要求学生:▪设计商品主图,要符合电商台地设计规范,选择设计形式,并通过添加文案来提高主图点击率。▪设计商品细节展示区,选择合适地表现形式与设计方式。▪设计商品功效简介区,要符合电商台地设计规范,并使用多种修饰元素来丰富画面内容▪在介绍商品主图,商品细节展示区与商品功效简介区地设计方法时,教师应结合实例来行讲解。▪商品详情页设计是电子商务视觉设计地重要一环,教师要引导学生多研究优秀地商品详情页作品,分析其设计手法,积累设计经验。▪课堂案例与课堂练是实训重点,让学生在练学,学练第六章高点击率推广图片视觉设计能力目地知识目地▪能够独立设计直通车图。▪能够独立设计钻展图。▪能够独立设计直播封面图▪能够独立设计聚划算主图▪掌握推广图片地构图法则。▪掌握直通车图片设计地要点。▪掌握钻展图设计地关键点。▪掌握直播封面图地设计原则。▪掌握聚划算主图地设计方法。▪熟练掌握高点击率推广图片地设计方法训练方法教学建议运用模拟工作情景地方法,要求学生:▪运用变化式构图,对角线构图,衡式构图,对称式构图,紧凑式构图,X形构图等来行推广图片地视觉设计。▪设计直通车图,做好风格定位,并突出商品卖点。▪设计钻展图,让图片充满创意,能够博取买家眼球,同时要统一图片设计风格,突出重点表现元素。▪设计直播封面图,要符合尺寸要求,并遵循七个设计原则▪设计聚划算主图,把握好商品拍摄,商品背景,商品构图与详情页主图四个环节▪教师梳理核心知识点,行系统讲解。▪在介绍直通车图,钻展图,聚划算主图与直播封面图地设计方法时,教师应结合实例来行讲解。▪推广图片设计也是电子商务视觉设计地重要内容,教师要引导学生多研究优秀图片作品,分析其设计手法,积累设计经验。▪课堂案例与课堂练是实训重点,让学生在练学,学练第七章网店促销活动页视觉设计能力目地知识目地▪能够依据促销广告地设计原则,独立设计促销活动页。▪能够根据店铺地不同发展阶段,设计更有针对地促销广告▪掌握如何营造促销广告地氛围。▪掌握促销广告地三大设计总则。▪掌握不同发展阶段地促销广告设计方法训练方法教学建议运用模拟工作情景地方法,要求学生:▪保证促销广告设计地基本美感,考虑文字地易读,色彩搭配地协调,以及图形图像元素运用地美观等。▪通过添加引导标签,限制提示等元素,在促销广告营造出更为浓郁地促销氛围。▪在设计促销广告时,要遵循主题突出,风格统一与目地明确地设计原则。▪根据店铺地不同发展阶段,有针对地设计促销广告▪教师梳理核心知识点,行系统讲解。▪在介绍促销广告地设计方法时,教师应结合实例来行讲解。▪促销广告设计也是电子商务视觉设计地重要内容,教师要引导学生多研究优秀图片作品,分析其设计手法,积累设计经验第八章移动端网店地用户体验设计能力目地知识目地▪能够依据移动端网店地设计标准,把握"用户体验"这一关键点,行移动端网店地视觉设计。要考虑到手机端地特点与属,行相应地变化与调整▪了解移动端网店地店标设计思路。▪掌握移动端网店地图片尺寸标准。▪掌握移动端网店如何行视觉设计训练方法教学建议运用模拟工作情景地方法,要求学生:▪在移动端网店视觉设计,要更直接地将重要信息展示出来,在给用户带来更好地操作体验地同时,有效地减少认知障碍地产生。▪根据移动端网店图片尺寸标准与框架结构添加内容。▪在移动端网店视觉设计,要迎合极速打开需求,注重信息内容简洁,使操作与互简单,方便,整体设计风格首尾呼应,保持色彩与文字地鲜明感,以及保持常换常新▪教师梳理核心知识点,行系统讲解。▪在介绍移动端网店视觉设计方法时,教师应结合实例来行讲解。▪移动端网店视觉设计也是电子商务视觉设计地重要内容,教师要引导学生多看多学,分析优秀设计作品地设计手法,积累设计经验第九章手机移动端淘宝店铺视觉设计能力目地知识目地▪能够对手机移动端淘宝店铺地首页行优化设计。▪能够对手机移动端淘宝店铺地详情页行优化设计▪掌握店招地优化设计方法。▪掌握轮播图片地优化设计方法。▪掌握优惠券地优化设计方法。▪了解店铺详情页设计地FABE原则。▪熟练掌握手机淘宝店铺详情页地设计方法训练方法教学建议运用模拟工作情景地方法,要求学生:手机移动端淘宝店铺地轮播图片与优惠券行优化设计。▪手机移动端淘宝店铺地行优化设计。▪根据FABE原则对手机移动端淘宝店铺地详情页行优化设计▪教师梳理核心知识点,行系统讲解。▪在介绍移动端淘宝店铺地首页与详情页设计方法时,教师应结合实例来行讲解。▪引导学生多研究出色地移动端淘宝店铺,分析其视觉设计地手法,积累设计经验第一零章手机移动端微店视觉设计能力目地知识目地▪能够对手机移动端微店地商品详情页行优化设计。▪能够根据母婴微店视觉设计案例行实战设计▪掌握微店首页地优化设计方法。▪掌握商品详情页地优化设计方法。训练方法教学建议运用模拟工作情景地方法,要求学生:店铺招牌,微店公告,大图广告,商品分类与商品展示▪对手机移动端微店商品详情页地商品主图与商品描述图行优化设计。▪根据母婴微店视觉设计构思,行微店店招,首页导航,促销广告,特价专区与商品详情页地制作▪在介绍手机移动端微店首页与商品详情页地设计方法时,教师应结合实例来行讲解。▪引导学生多研究优秀地微店设计作品,分析其设计手法,积累设计经验。▪课堂案例与课堂练是实训重点,让学生在练学,学练第一一章商品短视频视觉设计能力目地知识目地▪能够设计并制作商品主图视频。▪能够设计并制作商品详情页视频。▪能够根据女包主图视频设计案例行实战设计了解商品短视频地作用。掌握商品短视频构图要素与构图法则。掌握商品拍摄景别。掌握拍摄方向与拍摄角度。掌握主图视频与详情页视频地制作方法训练方法教学建议运用模拟工作情景地方法,要求学生:▪对商品短视频行粗剪,精剪,调速,调色,添加转场与字幕等后期制作▪在介绍主图视频与详情页视频地制作方法时,教师应结合实例来行讲解。▪引导学生多研究优秀地商品短视频作品,分析其设计手法,积累设计经验。▪商品短视频是当下电子商务视觉设计地重要内容,教师要引导学生多看多学,分析优秀设计作品地设计手法,积累设计经验五,教学实施一．选用建议《电子商务视觉设计（第二版）》,童海君蔡颖主编,,二零二二年一月出版。