网站建设的过程中，网页设计是核心，核心不仅仅体现在网页设计上，还体现在网页的布局上。 往往一个精密的网站布局，体现网站的战略眼光和专业水平。

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

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

1、响应式布局

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

2、一屏以内

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

3、通 栏

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

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

4、不对称布局

页面的布局两边缺乏平等

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

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

5、手 法

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

统一性

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

对比性

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

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