天猫设计

文章来自网络观点不代表分享者观点

店铺装修之首页设计思路

对待淘宝店铺装修，很多卖家可能会把重点放在详情页优化上，而对于淘宝首页设计，认为

只要将产品一类一类简单堆积好就可以了，殊不知这样的首页只会让顾客一瞄而过。

一个没花心思设计的首页是留不住消费者目光停留的，如果想要设计出吸引消费者的首页，

那可就要遵守这几点......

招式一：点睛“第一屏”

首页的第一屏就好比男女相亲的第一印象，一定要抓住对方的心，这样才有后续发展。首页

的第一屏包括的信息一般为：店招、导航栏和滚屏海报。

1、简约不入耳 简单的店招

店招，顾名思义就是店铺的招牌，中的来电脑麦克风没声音怎么办 说，店招信息不宜过多，要以品牌为主，然后结合

店铺的经营类目，品牌调性，总体套色等几个方面进行设计，这样简约但不简单的店招就出

来了!

文章来自网络观点不代表分享者观点

2、清晰明了的导航栏

首页的用途之一是把流量合理的分配给主推的页面或商品页面，引导用户找到合适的产品，

并希望他们最终产生订单成交。导航、在首页中的就是分类引导的作用。

常见的导航是根据出售产品的分类进行，例如服装类，以“外套、毛衣、寸衫、休闲裤......”

为分类，而电器类，则会以电器的功能性，“电视剧、洗衣机、电冰箱”等分类。

值得注意的是在导航中。从左到右的前三个点击是最强大的视觉中心，无论是从消费者观看

习惯，还是从视觉一扫而过的时间上来说，消费者看的最多的就是前三个，并且根据热力图

数据显示，除首页的点击功能以外，导航栏的后三个点击数值相对密集，这也就说，有必要

把希望消费者点击的页面链接放置在前三个导航信息内。

如果三个不够怎么办?或许你有多于三个不想舍弃的页面，想要展现给消费者，那么，你可

以尝试使用一些小而精致的图标/标签/比较亮的颜色等等手段，和其他几个导航信息做出区

别，以此来引起上善若水图片 消费者的注意。

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

3、呼之欲出的滚屏海报

文章来自网络观点不代表分享者观点

滚屏海报，是个视觉炸弹，眼前一亮的感觉有木有就靠它了!值得一提的衢州三头 是一般滚屏海报数

量以3张为佳，在丰富内容的同时，又在消费者阅读新鲜感和视觉耐性的时间内。过多的

滚屏会分散吸引力，起到适得其反的作用。如果实在活动多，可以根据首页的设置，放于下

方某处。

招式二：绝技“第二屏”

看过了店招，导航和海报，当消费者转动鼠标滑轮滑向第二屏的时候，就到了“高手对招，

各显神通”的阶段了。第二屏的信息一英语二答案 般为店铺活动，或者是主推产品，这是个值得好好利

用的位置。

文章来自数学教学工作总结 网络观点不代表分享者观点

也可以根据自身产品的特色，选择多个活动点进行连环出击，淡雅的色调，不死板单一的画

面板块排列，让你的活动内容丰富多彩，让消费者找到自己关注的“热点”。

注意：在第二屏进行的产品推荐中，要对产品的卖点及功能做提炼，不能为了铺货而展示，

单一的叠放，产品缺乏亮点，反而大大浪费了绝佳的展示机会。

招式三：琳琅“第三屏”

文章来自网络观点不代表分享者观点

当消费者看到第三屏的时候，这是个全面展示产品分类的好时机(但这块内容并不局限于第

三屏，也有店铺将它放在之后的位置，不强求，此处只是将我好想你英文 这个板块拿出来说一说)。

导航栏的目的是为了几个重要的页面，而这里，我们的目的是让消费者能够通过分类进行选

择类目查看，但是这个功能其实有利有弊，好处就是让希望直接查看某分类的消费者可以一

击即中，跳转到重要的排序页;坏处就是在这一板块中就会直接将首页的流量进行分流导致

首页下半段的页面流失率提升。

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

文章来自网络观点不代表分享者观点

分类不是单一的，不是约定俗成的，可以根据店铺营销的需求及自身产品的特色，进行设计。

可适时增加活动去，收藏去，或在具体的产品展示中增加“手机专享价”的产品内容，挑起

消费者的购买率。

招式四：劲爆“第四屏”

你以为当产品分类展示结束后，首页功能就此结束，页面就戛然而止了?其实“后面的内容

更精彩”，那就是店主推荐，爆款，热销专区。

作为店铺的“杀手锏”，这个板块无论是从产品选择，还是从颜色、排版、字体优化等画面

设计方面，在遵循与店铺整体风格一致的基础上，追求个性化展示，劲爆的产品信息及画面

设计会让消费者产生兴趣。当鼠标点击进入详情页时，促进“买买买”的目的就成功一半拉!

文章来自网络观点不代表分享者观点

注意：在挑选产品款式的时候，尽量选择一些款式差异化的产品展示，对于价格上的差异化

也是一样。这样的设计排列不会给消费者带来热点产品单一化的错觉，同时也不会对消费者

造成购买的局限性。

招式五：灵活“第N屏”

其实在首页中，有很多信息的展示是机动性的，是根据整个首页的版块凝固 设置，画面设计、页

面长度来控制的。比如“客服中心”，你可以设置在第五屏，也可以在靠前的版块内，还有

类似“手机店铺收藏”等，结合上下版块的内容，融合设计。

另外，在设计上可以加入“自定义”版块内容，结合店铺和产品特色的需要。比如“最新热

评”，在母婴产品类店铺内比较常见，通过宝宝妈妈们的众多评价，让消费者对产品及品牌

产生信赖感。

注意：一般建议首页的总体长度不宜八屏，太长的页面容雷锋月活动 易造成视觉疲劳，选择困难，最终

流失!所以进行首页设计前，需要整体把控框架内容，布局节奏，细节斟酌!

因此，一个好的设计师必须具备以下这些条件：设计作品需具有思想性、切合主题又不落入

俗套；不只是美工，不是单一的模板抄袭或别家的搬运工；其作品具有丰富的情感性，能深

深打动人和TA的钱包。