1.3.1 重中之重的第1屏

店铺的首页就好像两个陌生人第一次见面时的第一印象，当留下较好的印象后，才会有后续发展。店铺首页第1屏的信息包括店招、导航栏和Banner海报，如图1-11所示为一款化妆品网店的第1屏。

在第1屏中通常包含很多元素，而对视觉营销起着重要作用的有店招、导航栏和Banner海报。接下来逐一讲解。

1. 简约不简单的店招

店招，用户可以将其理解为店铺的招牌。总的来说，店招的信息需要短小精悍，要以品牌和商品为主，同时结合店铺的经营种类、品牌印象和店铺总体装修色调等几个方面进行设计，这样做的目的是使店招看起来简约实际上该有的都不缺，如图1-12所示为几款比较成功的店招作品。

电子商务的店招，一般情况下的内容布局为：品牌Logo+一款主推商品+点击收藏+活动信息，如图1-13所示。

2. 一目了然的导航栏

店铺首页的作用之一就是把客流量均衡地分配给商品所在的页面，并能够引导浏览者正确地找到适用的商品，最后产生订单交易成功。而导航，在店铺任何页面中都起着分类引导的作用，如图1-14所示为一款体育用品店铺的导航栏。

设计导航栏时，设计师要根据视觉营销的分析来设计制作，从左到右的前3个分类为视觉中心，将拥有强大的点击率。无论是从消费者的操作习惯还是人类视觉上的亲疏远近来看，浏览者看得最多的就是前3个分类。

同时，根据数据调查得知，导航栏的后3个分类点击数值相对来说也比较密集，由此可知，在规划导航时，有必要把店铺里最容易吸引消费者的链接点放置在前3个导航分类内，将店铺里最具特色的活动放置在最后3个导航分类内，如图1-15所示。

如果店家想要展示的商品分类远远多于3种，或许可以尝试使用一些小巧而精致的图标和标签为文字添加亮眼的颜色效果等方式，以此区别于其他导航分类，吸引浏览者的目光，在如图1-16所示导航中，就为导航添加了背景图，效果清晰，便于浏览者查找。

3. 美观大方的Banner海报

Banner海报在首页的意义无异于是一个视觉冲击，它的质量关乎店铺能否留住浏览者的重要环节。需要注意的是，Banner海报在丰富页面内容的同时，可以增加浏览者阅读的新鲜感，但其数量以3为最佳，如图1-17所示为一款商品促销Banner海报。

店家还需要注意的是，每幅海报的停留时长最好控制在用户的视觉耐性的时间内。如果海报数量过多则会分散吸引力，给浏览者带来厌烦感，起到适得其反的作用，如图1-18所示。如果某段时间内店铺活动较多，可以根据首页的设置，选择放于页面下方某处。