《C-to-C网店运营》第六章 网店首页美化

目录第一章：创业市场调查第二章：寻找货源第三章：网店注册与认证第四章：网店LOGO设计与制作第五章：网店店招设计与制作目录第六章：网店首页美化第七章：网店广告设计与制作第八章：产品发布第九章：在线接待流程第十章：物流发货第六章

网店首页美化学习目标通过学习，你应当能够1.掌握店铺首页整体布局的方法及优化依据2.掌握色彩的表现，能将色彩表现的性格与主营商品的情感融合协调3.能对商品进行科学分类，优化分类方案描述，制作精美分类图标案例比较以下A店与B店的视觉效果第一节通过首页美化提高转化率及销售额案例比较以下A店与B店的视觉效果第一节通过首页美化提高转化率及销售额案例比较以下A店与B店的视觉效果第一节通过首页美化提高转化率及销售额两个店铺的数据对比引导问题第一节通过首页美化提高转化率及销售额1、同样是销售男士鞋子，从首页视觉效果的角度分析，为何商家A比商家B的转化率和客单价都高那么多？商家A的首页比商家B的首页美观，重点突出，有主推商品的广告，分类与导航设计合理清晰，能让顾客在店里页面停留更多的时间，从而促进购买。引导问题第一节通过首页美化提高转化率及销售额2、在首页视觉效果中，商家A相比商家B作了那些优化？商家A、B都是旺铺，商家A做了装修，设计了促销区、分类、店招等，而商家B只是用旺铺最基本的设置，并没有做设计，促销区也只两行文字。（一）首页布局第一节通过首页美化提高转化率及销售额在网店中，顾客的购买过程一般如下（一）首页布局第一节通过首页美化提高转化率及销售额 2006年4月，美国长期研究网站可用性的著名网站设计师杰柯柏•尼尔森（JakobNielsen）发表了一项《眼球轨迹的研究》报告。报告中提出，大多数情况下浏览者都不由自主的以“Ｆ”形状的模式阅读网页，这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。（一）首页布局第一节通过首页美化提高转化率及销售额（一）首页布局第一节通过首页美化提高转化率及销售额（一）首页布局第一节通过首页美化提高转化率及销售额典型的“F”型首页设计学习思考第一节通过首页美化提高转化率及销售额某商城的首页设计规划如下，请你根据内容规划，按“F”型浏览理论，设计五屏布局。布局序号模块分类功能说明1店铺LOGO可参考范例突出风格、历史、特点或加上广告语2店铺顶部banner品牌介绍、品牌口号、节庆活动、售后入口3店铺导航品牌价值、售后活动、额外价值4悬浮客服列表方便客户进行引导式购物5.1店铺品牌活动大图节日庆典（这边可做轮播功能）5.2店铺品牌活动大图品牌形象（这边可做轮播功能）5.3店铺品牌活动大图新品上市（这边可做轮播功能）5.4店铺品牌活动大图售后帮派活动（这边可做轮播功能）6专区导航优势项目入口

热卖、新款、售后、活动、买家互动7.1广告促销7.2产品分类按潜在分类如活动、样式、消费力、行为倾向7.3模样banner区隔模块作用8.1记忆枕系列页面简洁且体现品牌感专业度。分类清晰，实行狭窄匹配，强化购买刺激，引导顾客，减少跳失率。8.2颈枕腰靠8.3居家收纳8.4夏日枕席9店铺底部售后保障其他区块快速入口客服可回应时间（营业时间）学习思考第一节通过首页美化提高转化率及销售额第一屏幕学习思考第一节通过首页美化提高转化率及销售额第二屏幕学习思考第一节通过首页美化提高转化率及销售额第三屏幕学习思考第一节通过首页美化提高转化率及销售额第四屏幕学习思考第一节通过首页美化提高转化率及销售额第五屏幕知识链接第一节通过首页美化提高转化率及销售额1、在淘宝旺铺装修——页面管理下，有页面编辑、布局管理、页面属性。在布局管理中，可以将首页进行“F”形布局；知识链接第一节通过首页美化提高转化率及销售额（1）在布局管理中，将鼠标移至模块上面，可通过“+”、“×”来添加和删除模块知识链接第一节通过首页美化提高转化率及销售额（2）模块中，有免费的基础模块和设计师模块知识链接第一节通过首页美化提高转化率及销售额2、在淘宝旺铺装修——样式管理下，有页头设置和页面设置。在页头设置中，将页头颜色或背景图片设置与店招相匹配，即可做出通栏店招；在页面设置中，可更改页面背景颜色或背景图片；知识链接第一节通过首页美化提高转化率及销售额操作步骤第一节通过首页美化提高转化率及销售额点击“背景设置”--“页头设置”进店招位置的背景设置两种方式设置：选择调色器或者选择本地上传一张图片。操作步骤第一节通过首页美化提高转化率及销售额操作步骤第一节通过首页美化提高转化率及销售额点击“选择要设置的页面”--可以选择不同页面不同背景操作步骤第一节通过首页美化提高转化率及销售额“页面设置”同“页头设置”操作步骤第一节通过首页美化提高转化率及销售额“页面设置”同“页头设置”操作步骤第一节通过首页美化提高转化率及销售额“页面设置”同“页头设置”操作步骤第一节通过首页美化提高转化率及销售额“页面设置”同“页头设置”操作步骤第一节通过首页美化提高转化率及销售额“页面设置”同“页头设置”操作步骤第一节通过首页美化提高转化率及销售额“页面设置”同“页头设置”操作步骤第一节通过首页美化提高转化率及销售额“页面设置”同“页头设置”操作步骤第一节通过首页美化提高转化率及销售额“页面设置”同“页头设置”（二）整体色调第一节通过首页美化提高转化率及销售额

不论是在平面设计、网页设计、还是网店装修中，色彩永远是最重要的一环。

我们在看一家店铺时最先吸引住我们眼球的是他的色彩布局和搭配，其次才会去看他的细节和文字。那么，每种颜色都有自己的情趣，不同时间，不同地点，不同场合我们用色的要求都是不一样的。（二）整体色调第一节通过首页美化提高转化率及销售额如我们卖婴儿产品的店铺，就最好不用大红大紫的颜色，但是针对儿童的店铺就最好用这种色彩搭配；

还有红色在中国代表喜庆，但在国外就是代表血性；在冬天用红色我看着舒服，可是火热的夏天最好避开用这种颜色。（二）整体色调第一节通过首页美化提高转化率及销售额还有一些颜色的搭配，如红黄白的搭配，看起非常喜庆，逢年过节时商场的促销画面基本上都是用这种颜色搭配；蓝色白色配在一起，让我们看久了不累；红黑灰白搭配在一起视觉冲击就很强等；色彩搭配还要应季，比如春天和夏天我们用绿就会多一些；秋天我们用黄色就会多些；冬天用红色会比较多些等。引导问题第一节通过首页美化提高转化率及销售额同学们来说说以下颜色体现那些正面情感和性格热情权威自信温柔甜美浪漫高贵权威创意诚恳考究沉稳希望理想独立优雅理想独立清新活力安全引导问题第一节通过首页美化提高转化率及销售额1、用一种色彩。

这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。引导问题第一节通过首页美化提高转化率及销售额1、用一种色彩。配出同一种色彩的方法引导问题第一节通过首页美化提高转化率及销售额2、选第二种色彩。先选定一种色彩，然后选择它的对比色。引导问题第一节通过首页美化提高转化率及销售额3、用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。范例第一节通过首页美化提高转化率及销售额注意第一节通过首页美化提高转化率及销售额在配色时，不要将所有颜色都用到，尽量控制在三种色彩以内。背景和前文的对比尽量要大，以便突出主要文字内容。(三)商品分类第一节通过首页美化提高转化率及销售额在网店首页，商品分类非常重要，特别是店内商品种类多的时候，分类清晰合理、重点突出，才能让买家有好的浏览体验，才能让买家在店内页面停留时间更长，访问深度增加。(三)商品分类第一节通过首页美化提高转化率及销售额案例：分析下面的商品分类，比较优劣引导问题第一节通过首页美化提高转化率及销售额1、第一张图的商品分类存在什么问题？第一张图的商品分类杂乱，各种不同类的商品无序排列，如同乱七八糟的杂货店。2、第二张图的商品分类有什么特点？第二张图的商品分类使用了子分类，并且图文结合，一级分类使用图片，二级分类使用文字，即美观又清晰。3、第三张图的商品分类有什么特点？第三张图的商品分类使用了商品与文字结合的图片，直观、清晰、美观！知识链接第一节通过首页美化提高转化率及销售额一、如何添加宝贝分类？1、首先进入店铺后台，点击最上方横向导航的“商品”--“分类管理”知识链接第一节通过首页美化提高转化率及销售额2.可以点击添加手工分类添加分类和子分类知识链接第一节通过首页美化提高转化率及销售额3.可以对每个分类添加图片，也可以操作删除分类知识链接第一节通过首页美化提高转化率及销售额二、如何对宝贝进行手工分类？1.点击最上方横向导航的“商品”--“宝贝管理”知识链接第一节通过首页美化提高转化率及销售额2.可以对单个未分类宝贝添加分类，也可以操作“批量分类”知识链接第一节通过首页美化提高转化率及销售额3.勾选你想要分类的宝贝可以将宝贝同时分到若干个不同的分类里已经有子分类的一级分类将无法直接勾选，宝贝必须选择其中的某一个子分类。知识链接第一节通过首页美化提高转化率及销售额4.分类完毕之后可以看到如下的效果知识链接第一节通过首页美化提高转化率及销售额5.删除宝贝分类和添加宝贝分类的操作相同，找到需要分类的宝贝点击添加分类，将需要删除的分类去掉勾选即可知识链接第一节通过首页美化提高转化率及销售额6.除了直接勾选也可以输入宝贝名称/价格区间查找宝贝知识链接第一节通过首页美化提高转化率及销售额7.宝贝分类之后可以在左侧导航处查看分类效果知识链接第一节通过首页美化提高转化率及销售额三、再介绍一下如何添加自动分类？1、首先进入店铺后台，点击最上方横向导航的“商品”－“分类管理”，点击“添加自动分类”进入自动分类页面；知识链接第一节通过首页美化提高转化率及销售额2、根据需要设置自动分类的条件知识链接第一节通过首页美化提高转化率及销售额在设置按照时间价格分类时，时间和价格至少输入一样，也可以同时设置时间和价格条件。到这里宝贝分类操作完成！知识链接第一节通过首页美化提高转化率及销售额四、宝贝分类如何在店铺里呈现给买家呢？新旺铺宝贝分类模块有两种展现形式，一种是默认宝贝分类一种是个性化宝贝分类默认宝贝分类是读取了刚才后台设置的分类，它的修改编辑和删减都会影响后台宝贝分类的主设置个性化宝贝分类是读取了刚才后台设置的分类之后，修改编辑和删减都不会影响后台宝贝分类的主设置知识链接第一节通过首页美化提高转化率及销售额具体设置如下：知识链接第一节通过首页美化提高转化率及销售额具体设置如下：任务描述第一节通过首页美化提高转化率及销售额1、在淘宝旺铺专业版或基础版规划布局；2、在样式管理中，做好网店首页的配色；3、规划和设计商品分类。任务评价第一节通过首页美化提高转化率及销售额序号评价项目评价内容及要求自评分第三方评分总分小组互评教师评分

网店首页规划与美化模块规划：模块规划符合用户浏览习惯

商品分类：商品分类明细合理，分类图标设计美观

样式：样式配色和谐，颜色表现与店招、广告搭配美观，并且适合所销售的商品

背景：页头背景是店招的延长，页面背景能烘托广告及商品主图

小组汇报PPT制作精美，整体布局风格（包括模板设计、版式安排、色彩搭配等）美观合理。整部作品播放流畅，运行稳定、无故障

小组汇报语言规范（普通话）声音洪亮圆润、吐字清晰、表达准确，无口头语。

反应灵活，能够很好的回答评委的提问，结束提问时能够回到结论要点，