网站建设的过程中，网页设计是核心，核心不仅仅体现在网页设计上，还体现在网页的布局上。

往往一个精密的网站布局，体现网站的战略眼光和专业水平。

在网站建设中，首页又会是被多用户 di 一眼看到的页面，所以一个网站首页的美观程度决定多用户是否会驻留在这个网站。

下面我将介绍常用的网站首页布局有以下五种常用的方式和技巧。

1 、响应式布局

响应式网站设计是一种网络页面设计布局，其理念是：集中建立页面的图片排版大小，可以智慧地根据多用户行为以及使用的装置环境进行相对应的布局。

2 、一屏以内

一张照片代表这一个世界，这种布局方式让视线不再受到方框的限制，比起上面的布局方式，自然多了些大气、开阔的味道来。另外，主视觉部分还可以灵活处理，既可以向上拓展到 logo 和导航的顶部位置，也可以向下拓展到内容区域，这种布局方式也是非常常见的布局方式。

3 、通 栏

这种布局方式相对于大框套小框而言，多用户浏览网页不在受到方框的限制，这种方式显得大气些，眼界显得更开阔些。

另外这种方式还有一个便利之处那就是主视觉部分可以随机灵活处理，既能往上移到网站 logo 和导航的位置，也可以移到向下扩充套件的内容区域。这种布局方式也是网站中常用的布局方式。

4 、不对称布局

页面的布局两边缺乏平等

不对称是艺术界长期以来 zui 喜欢的技术，在网页设计师中很受欢迎。

但要注意不要将不对称与不平衡混为一谈。不对称的目标是在不可能或不希望对两个部分使用相同的权重时创造平衡。使用不对称性可以建立张力和动态，并且把多用户的注意力集中在各个物件（焦点）上。

5 、手 法

排版布局手法主要在文字与文字，文字与组件，组件与页面之间。

统一性

设计中往往会出现相似的类目，可能在不经意之间有整理强迫症的人自然就把他们归类了，但是系统的来说，字型、线条、符号、颜色、设计要素、格式、平面关系等都是设计稿呈现中需要注意的组成部分

对比性

互动稿不仅仅具有产品逻辑的资讯呈现，同时也会给阅读者传递设计资讯。比如一个按钮需要较强的视觉效果和功能地位，那么自然在大小颜色形式上需要与其他按钮区别，通过对比的手法，有秩序地突出主要内容，也传递出功能或者资讯的优先顺序，当然也不建议随意对比，还是以产品的功能需求和互动逻辑为主导。

优质网站背后的秘密是顶级的页面设计。您可能已经有了令人难忘的域名，设定了推广活动为网站引流，还有 yi 流的产品或服务，但如果您的网站没有直观和吸引人的设计，那访客们仍然有可能在网页刚刚开启几秒钟就关闭了。幸运的是设计一个漂亮且访客友好的网站并不难。大家可以遵循以上提示 zui 优化您的网站设计。