目前，很多卖家花大力气在详情页上，因为详情页会带来直接的购买转化。而对于首页，就像杂货铺一样设计，认为只要将产品一类一类简单罗列堆积就好，殊不知，这样的首页会让很多消费者一瞄而过，措施商机。

　　每个电商的首页好似店铺的门面，首页展示内容包括：品牌的风格、推荐的商品、促销活动、重要内容。花心思设计的首页，才更容易让消费者目光停留，并有继续往下看，产生点击的念头。

　　那如何设计出吸引消费者的首页呢?如何在首页中展现自身店铺的特色呢?今天跟着开淘小编一起来学习“淘宝视觉营销之首页设计”!

　　招式一：点睛“第一屏”

　　先做个知识小贴士!这里的“第一屏”是指店铺的首页电脑视图呈现给消费者的第一屏幕，是在不需要滚动条的前提下可观看的浏览面积。接下来每滚动一次鼠标滑轮就是一屏，以此类推为“第二屏”、“第三屏”等。

　　话不多说回正题。首页的第一屏就好比男女相亲的第一印象，一定要抓住对方的心，这样才有后续发展。首页的第一屏包括的信息一般为：店招、导航栏和滚屏海报。

　　1、简约不简单的店招

　　店招，顾名思义就是店铺的招牌，中的来说，店招信息不宜过多，要以品牌为主，然后结合店铺的经营类目，品牌调性，总体套色等几个方面进行设计，这样简约但不简单的店招就出来了!

　　2、清晰明了的导航栏

　　首页的用途之一是把流量合理的分配给主推的页面或商品页面，引导用户找到合适的产品，并希望他们最终产生订单成交。导航、在首页中的就是分类引导的作用。

　　常见的导航是根据出售产品的分类进行，例如服装类，以“外套、毛衣、寸衫、休闲裤......”为分类，而电器类，则会以电器的功能性，“电视剧、洗衣机、电冰箱”等分类。

　　值得注意的是在导航中。从左到右的前三个点击是最强大的视觉中心，无论是从消费者观看习惯，还是从视觉一扫而过的时间上来说，消费者看的最多的就是前三个，并且根据热力图数据显示，除首页的点击功能以外，导航栏的后三个点击数值相对密集，这也就说，有必要把希望消费者点击的页面链接放置在前三个导航信息内。

　　如果三个不够怎么办?或许你有多于三个不想舍弃的页面，想要展现给消费者，那么，你可以尝试使用一些小而精致的图标/标签/比较亮的颜色等等手段，和其他几个导航信息做出区别，以此来引起消费者的注意。

　　提醒!!!导航栏的信息尽量不要多于8个(包含首页点击功能)

　　3、呼之欲出的滚屏海报

　　滚屏海报，是个视觉炸弹，眼前一亮的感觉有木有就靠它了!值得一提的是一般滚屏海报数量以3张为佳，在丰富内容的同时，又在消费者阅读新鲜感和视觉耐性的时间内。过多的滚屏会分散吸引力，起到适得其反的作用。如果实在活动多，可以根据首页的设置，放于下方某处。

　　招式二：绝技“第二屏”

　　看过了店招，导航和海报，当消费者转动鼠标滑轮滑向第二屏的时候，就到了“高手对招，各显神通”的阶段了。第二屏的信息一般为店铺活动，或者是主推产品，这是个值得好好利用的位置。

　　也可以根据自身产品的特色，选择多个活动点进行连环出击，淡雅的色调，不死板单一的画面板块排列，让你的活动内容丰富多彩，让消费者找到自己关注的“热点”。

　　小贴士：在第二屏进行的产品推荐中，要对产品的卖点及功能做提炼，不能为了铺货而展示，单一的叠放，产品缺乏亮点，反而大大浪费了绝佳的展示机会。

　　招式三：琳琅“第三屏”

　　当消费者看到第三屏的时候，这是个全面展示产品分类的好时机(但这块内容并不局限于第三屏，也有店铺将它放在之后的位置，不强求，此处只是将这个板块拿出来说一说)。

　　导航栏的目的是为了几个重要的页面，而这里，我们的目的是让消费者能够通过分类进行选择类目查看，但是这个功能其实有利有弊，好处就是让希望直接查看某分类的消费者可以一击即中，跳转到重要的排序页;坏处就是在这一板块中就会直接将首页的流量进行分流导致首页下半段的页面流失率提升。

　　所以，这一块的设置是根据各店的情况而论的，并不是一定需要存在的板块。

　　分类不是单一的，不是约定俗成的，可以根据店铺营销的需求及自身产品的特色，进行设计。可适时增加活动去，收藏去，或在具体的产品展示中增加“手机专享价”的产品内容，挑起消费者的购买率。

　　招式四：劲爆“第四屏”

　　你以为当产品分类展示结束后，首页功能就此结束，页面就戛然而止了?其实“后面的内容更精彩”，那就是店主推荐，爆款，热销专区。

　　作为店铺的“杀手锏”，这个板块无论是从产品选择，还是从颜色、排版、字体优化等画面设计方面，在遵循与店铺整体风格一致的基础上，追求个性化展示，劲爆的产品信息及画面设计会让消费者产生兴趣。当鼠标点击进入详情页时，促进“买买买”的目的就成功一半拉!

　　小贴士：在挑选产品款式的时候，尽量选择一些款式差异化的产品展示，对于价格上的差异化也是一样。这样的设计排列不会给消费者带来热点产品单一化的错觉，同时也不会对消费者造成购买的局限性。

　　招式五：灵活“第N屏”

　　其实在首页中，有很多信息的展示是机动性的，是根据整个首页的版块设置，画面设计、页面长度来控制的。比如“客服中心”，你可以设置在第五屏，也可以在靠前的版块内，还有类似“手机店铺收藏”等，结合上下版块的内容，融合设计。

　　另外，在设计上可以加入“自定义”版块内容，结合店铺和产品特色的需要。比如“最新热评”，在母婴产品类店铺内比较常见，通过宝宝妈妈们的众多评价，让消费者对产品及品牌产生信赖感。

　　小贴士：一般建议首页的总体长度不宜八屏，太长的页面容易造成视觉疲劳，选择困难，最终流失!所以进行首页设计前，需要整体把控框架内容，布局节奏，细节斟酌!

　　所以，好的设计师必须具备以下条件：

　　1.不只是美工，不是单一的模板抄袭或别家的搬运工;

　　2.设计作品具有思想性、切合主题又不落入俗套;

　　3.其作品具有丰富的情感性，能深深打动人和TA的钱包。