电商视觉设计-第4章-店铺首页视觉设计说课材料

二、商品短视频构图要素与构图法则
在拍摄商品短视频时，拍摄的距离、角度、光线等因素不是一成不变的，可以根据具体情况随时进行调整。

在进行商品画面构图时，需要注意以下四个要素。

1．线条
2．色彩
3．光线
4．影调
在进行商品短视频拍摄取景时，要遵循以下构图法则。

1．主体明确
2．主体陪衬
3．合理布局
4．场景衬托
5．画面简洁
三、商品拍摄景别
在拍摄商品短视频时，需要展现商品的整体形象、不同角度的外观及内部细节等，所以经常采用全景、中景、近景、特写等不同的景别进行拍摄。

1．全景
2．中景
3．近景
4．特写
四、拍摄方向与拍摄角度
拍摄方向主要有正面、前侧面、侧面、背面等，通过选择不同的拍摄方向，可以多方位地展示商品。

在拍摄方向不变的前提下，通过改变拍摄的高度可以使画面的透视关系发生改变。

由于高度的变化，常常用到的有平视、仰视、俯视等拍摄角度。

对于拍摄高度的选择，要根据所要表现的主体商品和周围的环境来确定。

例如，在服装视频拍摄中，常常采用平视角度拍摄上衣、裙装，采用仰视角度拍摄裤子、靴子等，采用俯视角度拍摄内衣等商品。

第三节主图视频设计案例实操
一、导入并整理素材
制作商品主图视频前，首先要将所用的素材导入Premiere程序中，然后对素材文件进行整理。

电子商务视觉设计（第2版）》课程标准一、课程性质该课程是电子商务专业核心课程，同时也是电子商务专业的一门面向职业岗位（群）的综合性实训课程。

本课程以PhotoshopCC2018和PremiereCC2019为操作平台，依据电子商务视觉设计工作任务规划课程内容，以理论+实例的形式全面介绍了PC端电商网店与移动端电商网店、微店的视觉设计思路和具体的实现方法，打破了以理论传授为主要特征的课程模式，转变为以工作任务为中心组织课程内容，并让学生在完成具体任务的过程中构建相关理论与实践知识，锻炼技能，发展职业能力。

通过本课程的讲解、演练与实践，能够促进学生更好地掌握电子商务视觉设计实战技能，具备利用Photoshop和Premiere进行电子商务视觉设计的实操能力，让学生从营销的角度，利用视觉手段来进行店铺形象、品牌、商品信息的传达，吸引与转化流量，提升转化率。

该课程的先修课程为《Photoshop网店美工实例教程》《网店美工》等，后续课程为《电子商务视觉营销》《网店运营实务》等。

二、设计思路本课程秉承“视觉是手段，营销是目的”的宗旨，从营销的角度来解析电子商务视觉设计的方法与技巧，涵盖电商网站视觉配色设计、店铺标志视觉设计、店铺首页视觉设计、商品详情页视觉设计、高点击率推广图片视觉设计、网店促销活动页视觉设计、移动端网店用户体验设计、手机移动端淘宝店铺视觉设计、手机移动端微店视觉设计和商品短视频视觉设计等。

本课程按照电子商务视觉设计工作任务安排学习内容，采用情境教学、理实一体的授课方法，通过“操作+报告”的考试方法，全面考核学生电子商务视觉设计的实际能力。

1．遵循职业性。

高职教育就是就业教育，是一种适应市场需求、培养高等技术应用人才的职业教育，所以高职电子商务专业的《电子商务视觉设计》就应该达到直接为提高学生专业操作技能服务，并最终为学生就业服务的教学效果。

《电子商务视觉设计》课程的设计突出职业性，着力营造职业氛围，逐步提高学生电子商务视觉设计意识，培养学生电子商务视觉设计的实际能力。

《电子商务视觉设计》教学大纲一、课程说明1.课程代码：xxxxxxxxxx2.课程名称：视觉设计3.课程学时：72学时4.课程学分：3分5.适用专业：电子商务专业6.先修课程：PHOTODHOP二、课程性质、目的与任务1.性质：本课程是电子商务专业大一第二学习开设的专业基础课程，教学方式为课堂教学，结合教育见习实践，为该专业学生毕业后从事网店美工职业做好理论和技能的准备。

2.目的：通过本课程的学习，培养学生行业认知理解力和实践操作能力。

随着电子商务行业的兴起和飞速发展，以及企业竞争的不断加剧，网上店铺蓬勃发展的同时，简单枯燥的网店页面已经远远不能打动消费者，在这种趋势下电子商务企业的岗位用人需求也日渐细分化，“网店美工”这一类技术人才在电子商务快车上的作用凸显出来。

当我们深入了解那些脱颖而出的店铺时，会发现这些店铺不仅有着过硬的爆款商品，还有店家颇具视觉冲击力的装修设计和吸引消费者眼球的亮点，完成课程学习可以顺利解决这一问题。

3.任务：本课程理论结合实践，要求学生学期内完成八个章节的学习。

了解绪论、电商视觉设计体现、电商视觉影像传达等内容，掌握电商商品图片的处理、电商网店首页视觉设计、电商网店详情页视觉设计和推广图与促销活动页视觉设计等内容，理解手机移动端视觉设计等内容。

三、学时分配四、教学内容第1章绪论目标和要求：了解视觉设计的内容；掌握电商网店的视觉定位；了解视觉营销的内容。

能够掌握商品文案的策划；能够拍摄产品；能够处理图片。

重点和难点：电商网店视觉图像的色彩调整；电商网店的字体设计，电商网店视觉设计创意及构图。

第2章电商视觉设计体现目标和要求：了解电商网店视觉体现的内容；掌握电商网店视觉风格的概念；了解广告视觉传达的概念及意义。

能够掌握商品视觉体现的主要内容；能够根据商品确定电商网店的风格。

重点和难点：商品视觉体现；电商视觉营销策略。

第3章电商视觉影像传达目标和要求：了解拍摄常用的器材；掌握构图的含义与目的；了解开播前必不可少的准备工作。

第4章店铺首页视觉设计店铺首页在电商店铺所起到地作用就好像实体店地店面,作为品牌地门脸,它地主要作用是向消费者做展示,通过视觉,氛围,商品与服务地综合感受让消费者对品牌有初步地了解与接触。

首页设计得是否有新意直接关系到商品信息地转化率,因此在进行店铺首页视觉设计时要尽可能地让设计能够聚集消费者地注意力,提高商品信息地转化率,这才是首页视觉设计要达到地重要目地。

首页视觉水平地四大指标4.1目录CONTENTS店招视觉设计4.2首焦轮播区视觉设计4.3商品陈列区视觉设计4.4茶叶店铺首页视觉设计案例4.5首页视觉水平地四大指标4.1判断一个店铺首页设计是否合格要从四大指标来评判￿:首页跳失率,首页点击率,首页均点击次数与首页平均停留时间。

首页跳失率首页跳失率是指消费者通过某种渠道进入店铺,只访问了一个首页就离开地访问次数占该入口总访问次数地比例。

针对不同地店铺规模与所售商品地类型,可以参照地判断标准是:如果是心级店铺,那么跳失率在 70% 及以下都属于正常,不需要进行优化。

如果是钻级店铺,那么跳失率在 60% 以上就需要考虑是否是海报设计与商品信息地问题了,需要根据具体地数据做出相应地优化与调整。

首页点击率首页点击率是商品在首页展现后地被点击比率,即首页点击率 = 首页点击量 ÷ 首页展现量。

店铺地首页大致可以分为两类:店铺首页罗列出各种光彩夺目地商品,希望有一款商品能够吸引消费者。

店铺首页没有单品展示,以全屏商品海报形式引导为主。

两类店铺首页排版4.1.3￿￿首页均点击次数首页均点击次数首页均点击次数是指在一段时间内均点击了多少次。

均点击次数4.1.4￿￿首页平均停留时间首页平均停留时间首页平均停留时间为访问店铺首页地所有访客总地停留时长除以访客数（单位:秒）,多天地平均停留时间为各天均停留时长地日均值。

行业性质不同,每个访客在不同行业店铺停留地时间差异很大。

在进行分析时,可以以一段时间内访客在店铺首页地平均停留时间作为基数,并记录下这段时间地销售量,以后再拿新数据进行对比就知道平均停留时间内销量是提高了还是下降了。