淘宝网店首页的视觉文案设计

•清 晰 的 店 铺 名 称
•品 牌 宣 传 语
•店招元素设计
百度文库
•移动端二维码
二、首页各模块的视觉文案设计 •1 店招的视觉文案设计
•1 •店招视觉设计规范
在设计店招时要注意和导航条的风格进行统一，利用色彩、修饰元素与风格的相似 性来营造视觉上的一致性。 •统一的风格及修饰元素的设计， 突出店铺的品牌形象
根据店铺规模和所售商品的类型，可以参照这样的判断标准：如果是心级 店铺，那么跳失率在70%及以下都属于正常，不需要进行优化；冠级店铺 如果跳失率在60%以上，就需要考虑是否是海报设计成文案信息出现了问 题，需要根据具体的数据做出相应的优化与调整。
一、首页设计水平的四大指标 •1 首页跳失率
以淘宝店铺为例，消费者进入店铺的店铺首页渠道有很多，大致可以 分为以下四种渠道。
Contents 目录
1 •首页设计水平的四大指标 2 •首页各模块的视觉文案设计
二、首页各模块的视觉文案设计 1 •店招的视觉文案设计 •2 •首焦轮播区的视觉文案设计 •3 •商品陈列区的视觉文案设计
二、首页各模块的视觉文案设计 •1 店招的视觉文案设计
•1 •店招视觉设计规范
不同的电商平台对店招的图片尺寸有着不同的要求，下面以淘宝网为例来介绍店招 的视觉设计规范。
•3 •图层样式的应用
•用“渐变叠加”图层样式来表现导航条功能按钮 被鼠标触碰后的状态，在视觉上形成凹陷的效果， 将其与导航条中正常状态下的功能按钮区分开
•当鼠标指针触碰到导航条中任意一个功能按钮时，该按钮就会 呈现出不同的效果，这就是添加图层样式的效果，能给人视觉上 的错觉，让按钮上的文字更具层次感，更易于展示当前操作的结 果
一、首页设计水平的四大指标 •3 首页人均点击次数
首页人均点击次数，是指在一段时间内，人均点击了多少次店铺首页。假 设某日点击该网店的访问者数为150人，在此期间点击本店铺首页的总访问 数为600次，那么首页人均点击次数为：600次÷150人=4次/人。
运营者要根据首页人均点击次数来优化店铺整体的导航，美化商品图片， 这对访客的引导非常重要。
•店招和导航条风格统一
二、首页各模块的视觉文案设计 •1 店招的视觉文案设计
•2 •店铺名称的艺术化处理
1 • 用不同字体和字号的组合营造艺术感
•将店铺名称的首个英文字母 放大，并使用不同于其他字体 风格的手写体，让店铺名称文 字的版式更加醒目、更具艺术 感
二、首页各模块的视觉文案设计 •1 店招的视觉文案设计
在导航条的制作中就需要应用图层样式。因为淘宝装修后台默认的样式只允许用户 更改导航条的背景颜色。
一个质感强烈、层次清晰的导航条，不仅可以提升整个店铺首页的档次，而且能让 消费者更乐意去点击。而图层样式的作用就是对设计元素进行修饰和美化，实现色 彩、质感与光泽上的变化。
二、首页各模块的视觉文案设计 •1 店招的视觉文案设计
一、首页设计水平的四大指标 •4 首页平均停留时间
首页平均停留时间（单位：秒）＝访问店铺首页的所有访客总的停留时长 ÷访客数，多天的平均停留时间为各天平均停留时间的日均值。
一般情况下，访客平均停留时间越长，说明店铺的留客工作做得越到位。 如果访客在首页平均停留时间很短，就要考虑商品的图片设计、优化等方 面是否把商品特点都展现出来了，以及首页设计是否能够吸引访客，然后 根据后台的数据统计做出相应的调整。
Contents 目录
1 •首页设计水平的四大指标 2 •首页各模块的视觉文案设计
一、首页设计水平的四大指标
1 • 首页跳失率 •2 • 首页点击率 •3 • 首页人均点击次数 •4 • 首页平均停留时间
一、首页设计水平的四大指标 •1 首页跳失率
首页跳失率是指消费者通过某种渠道进入店铺，只访问了首页一个页面就 离开的访问次数占该入口总访问次数的比例。电商运营者需要随时观测店 铺的各项数据，并根据数据变化情况对页面进行优化与调整。
1 • 用不同字体和字号的组合营造艺术感
2 •添加特效，突出特殊性和醒目度
3 •使用修饰元素提升观赏性
•使用帽子的图案来修饰店铺 名称，文字与图案在外形上的 契合让店铺名称更具个性和艺 术感，更容易在消费者心中形 成特定的印象
二、首页各模块的视觉文案设计 •1 店招的视觉文案设计
•3 •图层样式的应用
•2 •店铺名称的艺术化处理
1 • 用不同字体和字号的组合营造艺术感
2 •添加特效，突出特殊性和醒目度
•为了将店铺名称与导航条的 颜色区分开，使用了发光效果 来修饰店铺名称，营造出了层 次感，也贴合了店铺销售的照 明设备的特点
二、首页各模块的视觉文案设计 •1 店招的视觉文案设计
•2 •店铺名称的艺术化处理
一、首页设计水平的四大指标 •2 首页点击率
首页点击率是商品在首页展现后的被点击的比例，即首页点击率＝首页点 击量÷首页展现量。
首页点击率越高，说明商品对消费者的吸引力越强；首页点击率越低，说 明商品对消费者的吸引力越差，这时就需要对店铺进行优化，如优化商品 图片和推广标题，或者优化商品详情页中的信息，让商品的展现尽可能多 地带来点击量。
•淘宝后台要求的店招高度为120像素，建议设计时，设 定店招尺寸为950像素×120像素，加上导航条的高度30 像素，共150像素，可避免发布后导航条不显示的问题
•店招高度的设计规范
二、首页各模块的视觉文案设计 •1 店招的视觉文案设计
•1 •店招视觉设计规范
店招的首要功能就是要清晰地展示店铺名称。在店招上可以添加品牌宣传语、近期 的打折促销信息、收藏按钮或移动端二维码等元素，但要注意这些元素最好不要超 过3个。
•CHAPTER EIGHT
•店铺首页的视觉文 案设计
•学习目 掌握标衡量首页设计水平的四大指标。
掌握店招视觉文案设计的方法。
掌握首焦轮播区视觉文案设计的方法。
掌握商品陈列区视觉文案设计的方法。
首页可以说是一个网店的脸面，如果店铺的首页不美观，就不
能有效吸引消费者的注意力，那么不管店铺的商品有多少，也 很难吸引消费者购买。当然，首页不能只有图片，还需要配上 合适的文案，才能让它更具可读性。