网站首页也就是网站的第一门面，所以对于一个网站来说网站首页是非常重要的。

一、 网站首页的重要性

作为网站全貌及重要信息、产品的展示页，以及流量的入口页，企业网站首页的设计好坏一般决定了用户对网站的第一印象。

人机交互学博士Jakob Nielsen说过：“见到什么比记得什么更容易”。

其实，无论是人还是系统工具，都看颜值。漂亮的排版布局、精致的首页可以让人眼前一亮，可以提升网站的设计感；粗糙的排版、简陋的首页则会降低人们的心理预期。

所以，做好网站的首页设计，有利于增加用户的好感度，从而有兴趣继续浏览，也因此增强用户粘性，为形成良好的用户转化做铺垫。

二、网站首页的设计要点

1、让用户在10秒内知道你是做什么的

“我是谁？”“我要做什么？”不只是哲学问题，也是做网站必须要考虑的问题。

用户通常在搜索引擎中是通过搜索关键词来检索信息的，所以用户的目的通常很明确。

如果用户点进网站首页看完都还没看明白你的网站是做什么的，那大概率是不会进行下一步的深度浏览，更别提提高用户粘性和转化了。

说到增强用户对网站记忆点，就不得不提网站标语，一个好的网站slogan或产品卖点也可以起到事半功倍的作用。

如这个网站，首页图片是一张电吹风，配上文字「你的下一台电吹风，必须是告诉电吹风」。用户一眼就明白，这个网站是电吹风网站。

2、优先展示「新品」

用户都是喜新厌旧的，如果是产品展示网站，记得优先展示新上架的产品。试想一下，如果你是卖服装的，用户点进去发现首页展示的都是去年的旧款，会不会潜意识觉得，你这个网站快要黄了，所以才没有新品？

3、选择合适的布局方式

首页布局设计要根据信息量和页面类型选择合适的布局方式，给重要信息赋予更多空间，体现内容间的主次关系，引导用户的视线流。

如，门户网站的首页由于具有海量的信息，一般较多采用三栏式布局；

品牌官网的首页重点是展示企业实力及业务方向，信息较少，一般采用垂直和水平均居中的布局方式。

新闻网站，新闻内容才是用户最关注的，所以适合采用新闻内容为主的两栏式布局。

4、通过视觉区分，保持页面的通透性
页面设计不规范，容易导致各版块比例不一致，在视觉上给用户凌乱的感觉。

要想保持页面的通透性，可以统一各版块间的比例，通过线条、颜色等视觉元素增加个栏间的区分度，以此俩增加用户阅读的流畅性和舒适性。

5、根据用户浏览习惯安排内容
根据眼动试验结果，用户的注意力往往呈现F形，因此在页面布局设计时，应该尽量将重点内容放置在页面的左上角，右侧放置次要内容。

6、统一布局，提升专业度
如果网站首页选择了合适的页面布局，那么同一类型或同一层级的页面，尽量使用相同的布局方式，避免分栏方式的不同或分栏比例上的差异，从而保持网站的统一性和规范性，使网站更加专业。

三、首页布局的基本方法

网站页面的布局方式决定了该网站页面给浏览者的视觉感受和可用性，因此，网站的首页设计要首先并且着重考虑页面布局。力求将丰富多彩的页面内容在有限的空间里更好的展示出来。

页面布局的构成原则：协调、一致、流动、均衡、强调等。

网页布局的设计能够让浏览者凭着自己的感觉走，并且页面的功能能够根据浏览者的兴趣链接到其感兴趣的内容上。

将页面中的每个要素有序的排列，并且保持页面的稳定性，适当加强页面的可用性。

把页面中想要突出展示的内容在不影响整体设计的情况下，用色彩间的搭配或留白的方式将其最大限度的展现出来。

四、页面视觉布局种类

有些网站在设计布局时会根据网站的性质考虑网站的普遍性，一般用户会根据自己的喜好浏览网站页面。但是，如果想要自己的网站更有创意、更与众不同，一般不用从头到尾一直兼顾网站的普遍性，只要让浏览者感觉实用性强并且美观大方即可。

网站首页常用的布局方式是满屏式布局、两栏式布局、水平和垂直居中式布局。

1、满屏式布局

满屏式布局结构简单，视觉流程清晰，便于用户快速定位。

采用满屏式布局的首页，信息展示集中，重点突出，通常使用大幅精美的图片或者交互式的动画效果来实现强烈的视觉冲击效果，从而给用户留下深刻的印象，提升品牌效果，吸引用户进一步浏览。

但是由于页面排版方式限制，更适用于信息量小，目的比较集中的网站。因此常用于小型网站首页。

2、两栏式布局

两栏式布局是最常见的布局方式之一，这种布局方式兼具满屏式布局和三栏式布局的优点。

根据占比不同，可以左窄右宽、左宽右窄、左右均等3种。这三种表面上看是比例和位置不同，但实际上影响的是用户浏览的视线以及页面的整体重点。

①左窄右宽：这类布局通常采用左侧导航，右侧内容的设置。用户的浏览习惯通常是从左至右、从上至下，采用这类布局更符合理性的操作流程。适用于内容丰富、导航分类清晰的网站。

②左宽右窄：这类页面通常内容在左，导航在右。结构明显突出了内容的主导地位，引导用户将视觉焦点放在内容上。在用户阅读内容的同时或者之后，才引导其关注更多的相关信息。

③左右均衡：是指两侧的比例相差很小，甚至完全一致。运用此类布局的网站较少，适用于两边信息的重要程度相对较均衡的情况。

上面我们说到过网站的页面就是整个网站的第一门面，当网民进入网站后，第一眼看见的基本上都是网站的首页，所以网站首页一定要突出自己的主题内容。就像首页中的logo，企业是做什么的就可以围绕着企业的行业去设计。

像banner的设计，主要就是把网站的主要内容传递给用户，让用户一眼就能够了解到网站是做什么的，都有哪些东西，只有当用户了解到网站的核心才会知道这个网站是不是自己想要找的，同时banner的设计在用户体验上面也是有着很好的一个效果。

网站的导航一定要围绕着该页面的核心内容去制作，便于用户去查找自己需要的内容，同时注意网站导航的设计要做到简洁大方、直奔主题。

网站友情链接的添加，网站的友情链接不是随意是个网站就可以添加的，添加的对象一定要跟自己网站相关，不只是行业该包括权重、流量等等。友情链接的位置正常的情况下网站首页的底部就是最合适的位置。

好了，网站的首页不是光以上注意以上这些就能够做好的，要根据企业的行业以及特点优势去布局去设计。

上海网站搭建 | 上海 网站搭建 | 网站搭建上海