长篇论道-第三篇(教你打造完美首页-下)

*****************************************************************************************************

              上一期,我给大家讲了关于首页方面前三焦的设计思路以及构图理念。

               在出了第二篇之后大家的反响让慕歌感到十分的欣慰，这说明慕歌不是在浪费时间。浪费时间就等于谋财害命啊

               希望大家不要起诉我噢。而站酷的小编还有Q群内的朋友也给了我很多建议,所以这一篇的风格也会稍微有点调整

               慕歌的改变目的很简单：让大家在舒心的阅读体验中学到属于自己的知识。

               本期是《长篇论道》的第三篇也是首页分段的终结篇。

               依然是实战内容，让慕歌给大家解读一下剩余的首页是如何做出来的。

              作图不能虎头蛇尾从细节才能决定整体！

*****************************************************************************************************

              下面让我们继续解剖我们的首页模块,一口一口的把首页吃掉！学习等于吃饭，学会等于笑话，拉屎等于做出

              来。这是慕歌的吃饭拉屎学习工作三步骤。虽然不文雅但是事实如此。

              产品线的铺设

              第一块:活动款铺设

              栗子1:包含:主题海报(建议)+第一排产品+第二排产品

             细长蓝色框为主题海报/下方为产品线铺设

             海报可以吸引你的用户群体眼球，并且可以做到和次屏进行承上启下作用，如果你学过作文你就知道承上启下的重要

             性！而你从文案以及设计方面进行着手让顾客懂得你在做什么活动。对于他们有什么好处.到底有多大的优惠力度.从

             而吸引他们的点击和促进购买欲。

             栗子2:包含:分区噱头以及+优惠活动海报+产品

             A区域为噱头/B区域为主推款的摆放/C为产品铺设

             这种排版可以最大化的突出你的活动款,以图代文来向客户展现你的产品,而大家发现没有红色似乎更加饱受大

             店的青睐,红色会给予人一种热情澎湃的感觉,看了图片会有一种活动的氛围.但是红色不能用太亮的颜色,否则你会

             Hold不住噢~(友情提示:大面积用红色为主打色的时候最好以不同的饱和度进行调整,凸显层次感)

*****************************************************************************************************

            第二块:明确的分区铺设

             栗子1:包含:主题海报(建议)+第一排产品+第二排产品

             为什么叫明确的分区铺设呢？这一块需要你根据你的产品特性全部归纳成每一个小类别。你可以按照用途区分、可

             以按照特性区分、可以按照风格区分等等。但是你一定要明确的区分开，一个好的排版区分分类是至关重要的。具体

             如何区分你可以与你的运营以及产品经理进行沟通协商。

             解释:

             上图中一共首页分成了四个分区铺设,并且取了四个各有噱头并且不重复的专区:买就送/特惠/套餐/爆款。按照标题

             小海报以及产品铺设的顺序制作宽度为990px的图片.按照不同的噱头所针对不同的客户群体所展示了50%的优质产品

             提示:在实际操作中慕歌建议各位在选择产品上要多和团队进行沟通。

*****************************************************************************************************

            第二块:客服中心/产品分类

             这里依然是做到一个承上启下以及人员分流的作用,而说实话到这里的客户群体70%已经走了,只有最后的30%来到了这

             里,但是我们不能掉以轻心。因为很有可能就是30%的客户群成就了1%的转化率。

             你可以做成这样的↑

             主要展示的是切合整体首页风格的设计理念。以分类为主的进行分流。

              你也可以做成这样的↑

              以客服人群大为噱头进行店铺的团队实力宣传，之后以明显的分类进行进一步分流

*****************************************************************************************************

             那些您被你忽略的底栏

             皇上,你还记得那年你忽略的底栏吗？

             下面先让我们看看几个优秀的设计案例,给大家看一下,了解一下！

           

   

             给大家看了案例之后我们再来解说一下这个底栏他为什么重要,而为什么又会被大家所忽略。

             重要：底栏作为一个结尾,是防止用户跳失的最后一个手段,不论在详情页/分类页/首页还是专题页.这是最后一

             把锁.就好比开了这把锁我就直接杀到你的闺房你媳妇的浴室一样重要！你还不在乎？

             忽略原因：可能他因为在最底部的原因所以大家几乎没有去做关于底栏的设计，而有些店铺甚至没有去做底栏。首

             页做完了就是玩了。而你也完了！而底栏不能全屏不能通栏可能也是大家比较头疼的一个原因。甚至有一些没有开

             通CSS权限的大店底栏也是990px或950px的。

             设计理念：底栏的设计方法其实很简单他相当于一个分类，他的最终目的不是成交所以不需要做产品。他的唯一目

             的就是让顾客不要跳走！所以这个模块我建议你用以下几套方案：

             栗子A↑：店铺宣传

             这个方案的主要理念就是突出你的店铺实力雄厚牛逼.可以做一些关于售后以及购物流程的介绍.最关键的是什么呢？

             在最中间加一个醒目的回到首页 这样可以减少不必要的跳失率哦！

             栗子B↑：分流设计

             这个方案就更简单了,直接把你的分类摆上去，让顾客有选择性的分流。这样也可以减少不必要的跳失率。不信的朋

             友们,你们可以回家试一试，如果试了没有用！~  那么！~~  纯属巧合啦 ~~

*****************************************************************************************************

             番外篇:

             首页设计的整体性

             不论你在做海报还是做首页道理都是一样的,从点构成了线，线构成了面，面构成了整体。

             作为一个首页/专题页你需要统一他们的一切，就好比从前做海报，海报上不要多余三个字体四个色系一样的！！