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

《淘宝网店首页的视觉文案设计.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、店铺首页的视觉文案设计CHAPTEREIGHT首页可以说是一个网店的脸面，如果店铺的首页不美观，就不能有效吸引消费者的注意力，那么不管店铺的商品有多少，也很难吸引消费者购买。当然，首页不能只有图片，还需要配上合适的文案，才能让它更具可读性。掌握衡量首页设计水平的四大指标。掌握店招视觉文案设计的方法。掌握首焦轮播区视觉文案设计的方法。掌握商品陈列区视觉文案设计的方法。学习目标Contents目录首页设计水平的四大指标1首页各模块的视觉文案设计2一、首页设计水平的四大指标首页跳失率1首页点击率2首页人

2、均点击次数3首页平均停留时间41首页跳失率一、首页设计水平的四大指标首页跳失率是指消费者通过某种渠道进入店铺，只访问了首页一个页面就离开的访问次数占该入口总访问次数的比例。电商运营者需要随时观测店铺的各项数据，并根据数据变化情况对页面进行优化与调整。根据店铺规模和所售商品的类型，可以参照这样的判断标准：如果是心级店铺，那么跳失率在70%及以下都属于正常，不需要进行优化；冠级店铺如果跳失率在60%以上，就需要考虑是否是海报设计成文案信息出现了问题，需要根据具体的数据做出相应的优化与调整。1首页跳失率

3、一、首页设计水平的四大指标以淘宝店铺为例，消费者进入店铺的店铺首页渠道有很多，大致可以分为以下四种渠道。2首页点击率一、首页设计水平的四大指标首页点击率是商品在首页展现后的被点击的比例，即首页点击率＝首页点击量÷首页展现量。首页点击率越高，说明商品对消费者的吸引力越强；首页点击率越低，说明商品对消费者的吸引力越差，这时就需要对店铺进行优化，如优化商品图片和推广标题，或者优化商品详情页中的信息，让商品的展现尽可能多地带来点击量。3首页人均点击次数一、首页设计水平的四大指标首页人均点击次数，是指在一段

4、时间内，人均点击了多少次店铺首页。假设某日点击该网店的访问者数为150人，在此期间点击本店铺首页的总访问数为600次，那么首页人均点击次数为：600次÷150人=4次/人。运营者要根据首页人均点击次数来优化店铺整体的导航，美化商品图片，这对访客的引导非常重要。4首页平均停留时间一、首页设计水平的四大指标首页平均停留时间（单位：秒）＝访问店铺首页的所有访客总的停留时长÷访客数，多天的平均停留时间为各天平均停留时间的日均值。一般情况下，访客平均停留时间越长，说明店铺的留客工作做得越到位。如果访客在首页

5、平均停留时间很短，就要考虑商品的图片设计、优化等方面是否把商品特点都展现出来了，以及首页设计是否能够吸引访客，然后根据后台的数据统计做出相应的调整。Contents目录首页设计水平的四大指标1首页各模块的视觉文案设计2店招的视觉文案设计1首焦轮播区的视觉文案设计2商品陈列区的视觉文案设计3二、首页各模块的视觉文案设计二、首页各模块的视觉文案设计1店招的视觉文案设计1店招视觉设计规范不同的电商平台对店招的图片尺寸有着不同的要求，下面以淘宝网为例来介绍店招的视觉设计规范。店招高度的设计规范淘宝后台要求

6、的店招高度为120像素，建议设计时，设定店招尺寸为950像素×120像素，加上导航条的高度30像素，共150像素，可避免发布后导航条不显示的问题二、首页各模块的视觉文案设计1店招的视觉文案设计1店招视觉设计规范店招的首要功能就是要清晰地展示店铺名称。在店招上可以添加品牌宣传语、近期的打折促销信息、收藏按钮或移动端二维码等元素，但要注意这些元素最好不要超过3个。店招元素设计清晰的店铺名称品牌宣传语移动端二维码二、首页各模块的视觉文案设计1店招的视觉文案设计1店招视觉设计规范在设计店招时要注意和导航条

7、的风格进行统一，利用色彩、修饰元素与风格的相似性来营造视觉上的一致性。店招和导航条风格统一统一的风格及修饰元素的设计，突出店铺的品牌形象二、首页各模块的视觉文案设计1店招的视觉文案设计2店铺名称的艺术化处理用不同字体和字号的组合营造艺术感1将店铺名称的首个英文字母放大，并使用不同于其他字体风格的手写体，让店铺名称文字的版式更加醒目、更具艺术感二、首页各模块的视觉文案设计1店招的视觉文案设计2店铺名称的艺术化处理用不同字体和字号的组合营造艺术感1添加特效，突出特殊性和醒目度2为了将店铺名称与导航条的

8、颜色区分开，使用了发光效果来修饰店铺名称，营造出了层次感，也贴合了店铺销售的照明设备的特点二、首页各模块的视觉文案设计1店招的视觉文案设计2店铺名称的艺术化处理用不同字体和字号的组合营造艺术感1添加特效，突出特殊性和醒目度2使用修饰元素提升观赏性3使用帽子的图案来修饰店铺名称，文字与图案在外形上的契合让店铺名称更具个性和艺术感，更容易在消费者心中形成特定的印象二、首页各模块的视觉文案设计1店招的视觉文案设计3图层样式的应用在导航条的制作中就需要应用图层样式。因为淘宝装修后台默认的样