首页就好像是人的脸面一样，想想你见到一个美女，一定会驻足观看，内心中产生想要与她沟通的欲望，要不怎么会有一见钟情这个词呢。可是有一个问题，美与丑是相对的，而且每个人心中关于美和丑的标准是不一样的。同样，一个首页无法满足所有人的需求，尤其是在审美这个层面，那我们今天说首页必须要从两个大的方面说，即元素和美化。

在说这两个问题之前，还需要补充一点，即首页到底是干什么用的？我们来看几个例子

相信即使我把这三个App的logo隐去，大家也能一眼看出来是什么App，从左到右分别是新浪微博、斗鱼和京东。再引申一下这三个App是干什么的？新浪微博——社交＋媒体，斗鱼——直播，京东——电商。这也就是首页的第一个作用，即定位。说直白一点儿，一看首页就要告诉用户你这个App是干什么的，以及你的业务和业务重点都是什么。举个例子，斗鱼是做直播的，最近几次改版将原有下方的游戏改成了颜值，突出的业务是素人直播，直接跟映客刚正面。

我们看到首页有这么多信息和快捷操作按钮，就是首页的第二个作用，即分流。将用户引导到各个地方去，设计有一个原则叫don't make me think，也就是用户来到首页后，能够通过首页去到自己想去的地方。

下面我们说一下今天主要需要讨论的两点，即元素和美化。

1、元素

简单点说，就是页面上要放什么，放几个。App与Web相比，可以比较少考虑布局的事情，因为空间没有Web那么大，也就没有那么多种布局方式。基本是按照楼层布局就好。比如斗鱼的，第一个楼层是轮播图，第二个楼层是用户最近观看过的直播类型，第三个楼层是颜值等等划分。

确定页面元素的前提是作为产品经理你需要清楚的知道你的App是做什么的，因为不同的App做法是不一样的，比如你看天猫的首页就和支付宝首页有很大差别。天猫更偏重运营和营销，而支付宝更偏重功能引导。如果你是类似天猫一样的更偏重运营和营销，接下来你需要确认的就是业务的重心是什么，因为从流量上说，很明显上方的流量最大，页面越往下流量越差，我们需要把优质的流量资源用于体现公司的重点业务。首页资源向来是各个部门的兵家必争之地，因为争资源引起的矛盾也有很多。这都需要产品经理作为产品的负责人去跟各个部门沟通，甚至是个老大沟通，首页不像其他页面，很多公司首页上线之前都是要老大确认后才可以，比如之前京东的首页上线都需要经过刘强东的确认才可以。

沟通好知道了资源如何分配之后，就是基于收集到的信息进行设计了。至于你用图还是字还是图文结合，取决于你想表现什么。如果是表现商品，最好是图片；表现资讯用图文。展现的信息也是经过提炼的，比如电商中限时抢购这个板块，只需展现商品图片、名称、时间、价格即可，这些信息已经足够吸引眼球，能够让用户非理性的进行点击，至于商品品牌、材质什么的在详情页展示即可。

给大家分享一下几种常见的首页元素摆放的方式。电商类、视频类通畅用总分的方式，也就是先轮播图、再是推荐，最后是分类目楼层。工具类的基本已使用场景为主，比如摄影和打车类软件，一打开就是使用场景。资讯类的首页基本是推荐新闻的罗列，可以是编辑推荐也可以是系统推荐。当然并不是一成不变的，只是一种通长的做法。

2、美化

美化的工作其实不是产品的工作，但是也会涉及到。因为UI做完图之后，会发给产品进行评审，作出修改。所以产品还是需要了解一些，基本的方法是首先看整站的VI和logo，VI决定了风格，logo决定了配色。至于好看不好看，真的是随缘。往往项目进行到这一步是很痛苦的，经常被老大一句“不好看”给否定，至于怎么不好看，或者他觉得怎么才好看，往往也说不上来。所以通长设计师会做很多版本，比如什么“扁平化版”、“彩虹版”、“设计师推荐版”，多个版本评审的时候才有对比，即使都通不过也能通过多个版本的对比了解哪个才是大家心中认为好看的版本，或者哪个更接近，或者哪个点更接近。

最后说一句，产品经理一定要关注首页数据，尤其是改版前后的对比。改版前关注点击分布，看看哪个区域用户点击的最多，以及这个点击区域是不是我们想引导的。改版后再收集一周数据，看看与改版前的对比，以及是不是达到了改版的目的。比如提升了pv，减少了用户跳出率。

总是，首页设计是比较复杂的一个项目，涉及的部门众多，需要权衡的也很多，产品经理在其中需要牢记每一个结论，以及所有的会议都需要发布会议纪要供大家确认，否则会产生很多不必要的麻烦和工作上的反复。