科技发展给人们带来了福利，互联网科技的发展也在在人们生活中得普及，我们现在可以很轻松的在网络上浏览到各种各样的网站。网络已经成为我们生活里不来的一部分因此，现在大部分企业把网络宣传作为上上策，越来越多的公司都选择线上推广的模式。因为同一行业网上一艘一大片，那怎么才能让你的网站在众多页面中脱颖而出呢，现在不单有实力的公司制作自己公司的网站，而且再小的公司也会在网页设计上下不少功夫，那么在制作网站的过程中如何做好网页布局呢？下面我们就来介绍一些技巧。
版面设计也可以理解为布局设计，就是我们在浏览器上说看的一个完整的页面。设计师们如何将所有要体现的内容有机的整合和分布，达到某种视觉效果，这就叫做版面布局。
优秀的排版是构图、图片、配色、字体等各方协调的共同结果，设计其实是没有规则可循，审美从来都不在约束内发生。要想让整个版式内容丰富又充满呼吸的空间，需要我们整个的思考方式都流动起来。我们人类千人千面，但怎么长都不会偏离骨骼。因此，保持了内在的坚固恒久性，外表就一出戏，相对自由式的进行视觉想象编结。布局排版说来很容易，无非就是整理好网页的元素清单，然后一一放上版面即可。其实就因为自由搭配的方式千差万别，我们总为最好解决方案心悬一线，其实最后的结果又马马虎虎。我们将如何做好网站的版面设计呢？
网页版面设计步骤和布局技巧
一、设计网页分辨率选择
随着电脑的发展，显示器是越来越大，分辨率也是越来越高，为了照顾所有不同显示器的用户，把网站的制作尺寸规范就定在1280*768下，网页宽度保持在1200-1004以内，高度还是以根据需要制作的内容在定，如果只想网页只在一屏内显示，不要上下滚动条， 一般高度是600-635像素之间, 就不会出现垂直滚动条。很多人浏览网站时间比较长就会感觉到眼睛疲劳，当然，这不仅仅是时间的问题，有的时候还可能是因为我们没有选择到一个比较好的分辨率。目前网络上的网站很多使用的都是778个宽度的像素，但是事实上像素低于800就已经让人感觉到非常的压抑了。所以说我们在做网站的时候一定要选择一个比较舒适的分辨率，这样人们在浏览网站的时候才不会带来眼睛的负担，从而能够在网站上面停留的时间更长。从以上数据可以看出，分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因，目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏和关闭全部工具栏时，页面的尺寸是不一样的。在网页设计过程中，向下拖动页面是惟一给网页增加更多内容(尺寸)的方法。但我想提醒大家，除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，以方便访问者浏览。
二、适当的穿插图片广告
图片和文本是网页的两大构成元素，缺一不可。如何处理好图片和文本的位置成了整个页面布局的关键。而你的布局思维也将体现在这里。现在互联网在人们生活中普及，所以网络上也有各种各样的铺天盖地的广告，但是很多广告却骑到了负面作用，让人们看着感觉特别的烦恼。一段文字和一张图片，甚至一个图标……在你进行布局的时候，由于你的素材并不是立刻手到擒来，你的布局总是喜欢用一个个矩形来代表一段文字或一张图片，这本没有错，但这个做法也会让你陷入“框架陷阱”。所以在插入广告的时候一定要合理的设计，当然，最重要的就是广告的画面一定不要影响人们对网站的阅读，很多广告都是浮窗式的，但是一定要保证这些广告不会覆盖出网络上面的文字。而且广告的数量一定不要太多，这样也就不会使人们感到反感。
三、做好焦点
为什么摄影师拍的照片看着很舒服，因为他们可以找到焦点。但任何一件好的平面作品，一定是有焦点的。就像我们谈到过，十字准星型的视觉结构习惯将焦点置于中心位置，要制造一个焦点的办法有很多，简言之，就是制造冲突。想象你在一个人群稀疏的大厅，突然有两个人高声争论什么，这时引起了几个人围观，这个情景就在原本安静的人流中制造了一个关注焦点。同样，在视觉领域也是如此，利用对比冲突应该是一种最有效的制造焦点的方式。
对于焦点的认识我们也不应局限于是一个“点”，它是一块正吸引你的视线所投射的区域。它还可以分为实焦点和虚焦点，实焦点是在虚焦点之上更为精准的投射存在。除了色彩，其他任何属性都可以经由对比形成焦点，这时你要做的，就是注意焦点不应太多。也因此，除了焦点以外，设计中的其他元素都要保持一种相似性。这里我们总结一下能用于进行对比属性，这些属性之间形成的对比越大，冲突越大。
空间：充满-空置、积极活跃-消极被动、前进-后退、近-远、二维-三维、封闭-开放
形式：简单-复杂、美-丑、抽象-具象、清晰-模糊、几何形式-有机形式、直线-曲线、对称-非对称、完整-破碎
结构：井井有条-混乱无序、排列成序-随意放置、衬线字体-无衬线字体、机械-手工
纹理：细-粗、平滑-粗糙、反光-哑光、滑-黏、锐-钝
位置：顶部-底部、高-低、右-左、上-下、前-后、有节奏-随意、单独-分组、接近-远离、中心-边缘、整齐排列-互不关联、内-外
方向：垂直-水平、垂直线-对角线、向前-向后、稳定-活动、内聚-分散、顺时针方向-逆时针方向、凹形-凸形、正体字-斜体字
尺寸：大-小、长-短、窄-宽、扩大-收缩、深-浅
颜色：黑色-彩色、亮-暗、暖色-冷色、明度-暗度、天然-人造、饱和（深色）-无色（素色）
密度：透明-晦暗、稠密-稀薄、液体-固体
重力：轻-重、稳定-不稳定
设计师在做设计时，其实并不会将这些规范提前设定在大脑中，而是经过经验的积累而形成一种潜在的直觉，这份清单的意义并不是需要你记下它，而是浏览完后，在设计的任何场合的提醒。比如一份作品完成后，可以看看究竟焦点是否足够吸引，哪些元素需要进一步调整。焦点突出的前提是非焦点区域的元素尽量保持一致。制造冲突似乎手到擒来，但是要保持一致却需要步步为营。
当然，网页设计除了以上几点，还有好多比如页头、文本、页脚等这些细节问题在网页布局设计都是非常重要的，所以一定要做好市场调研，能够满足更多人的要求，也让更多人在使用网站的时候能够流连忘返。学好它们，你就在成为专业网页设计师的道路上迈出了第一步。
