新手如何更好的完成网页布局的工作

网页布局是网页设计中要的一个阶段，是决定网页整体模块设计和用户体验的一块内容，因此专业的布局模式和合理的功能区划分将使网站在今后的发展中应用更加直观，更受访者喜欢。长春网页设计培训认为网页布局设计更多的是要突出重点，让进入网站的人第一眼就能找到想要的东西。

一、网页布局的一般步骤

1、初步构思

根据网站的内容整体风格，设计版面布局，通过专业的知识积累和与客户的进一步沟通，将这些思路变成文字和图片展现出来，也就是做一个初步的布局策划，用笔在纸上粗略地勾画出布局的轮廓，不要讲究细节，只要有一个轮廓就行。然后在几种想法中选择一个最好的，或可争取客户的一件。

2、初步填充内容

所谓初步就是要把一些主要的内容放到网页中，例如网站的标志、广告条、菜单、导航条、计数器等，要注意重点突出，把网站标志、广告条、菜单放在最突出、最醒目的位置，然后再考虑其它元素的放置。

3、结构和内容的细化

如果网页整体布局，及大体内容确定之后，就可以考虑文字、图像、表格等页面元素的排版布局了。这部分的操作你可以利用网页编辑工具把初步想法做成一个简略的网页，当然对每一种元素所占的比例也要有一个详细的数字，以便以后修改方便。

二、网页布局遵循的规律

1、布局的对称性

对称是一种美，我们生活中有许多事物都是对称的。但随着网站设计的发展，对称往往得不到客户的认可，显得千篇一律了，所以我们有的时候不能过于对称，要设计出独特的、有与其它网站不同的个性所在。

2、布局的平衡性

无论如何发展，网站的平衡性都是至关重要的，一个好的网页布局应该给人一种安定、平稳的感觉，它不仅表现在文字、图像等要素的空间占用上分布均匀，而且还有色彩的平衡，要给人一种协调的感觉。

3、掌握好栏目布局所占比例

谈到比例，我们就会想到一个名词“黄金分割”，虽然在现代设计市场来说我们并不需要所有的设计都要遵循一个分割，但比例一定要协调，不能头重脚轻等。

4、布局的对比性

有对比的事物往往会得到更多人的欢迎，吸引他们的眼球，让不同的形态、色彩等元素相互对比，来形成鲜明的视觉效果。例如黑白对比，圆形与方形对比等，它们往往能够创造出富有变化的效果。

5、布局的疏密度

我们有一句话叫“过犹不及”，对于网页布局来说也是同样的道理，要做到疏密有度，不要整个网页一种样式，要适当进行留白，运用空格，改变行间距、字间距等制造一些变化的效果。

一个好的布局就是一个好的开始，新手做网站请稳扎稳打，从搜集材料、确定方向，到网页布局、建设，上线推广，每一个步骤都要用心去做，这样才可以建设处一个优秀的网站。