做网站时如何做好网站布局规划

1.先在纸上整理思绪，也就是先做好草案。

  新建页面就象一张白纸，没有任何表格，框架和约定俗成的东西，你可以尽可能的发挥你的想象力，将你想到的"景象"画上去(我们建议您用一张白纸和一支铅笔，当然用作图软件photoshop等也可以)。这属于创造阶段，不讲究细腻工整，不必考虑细节功能，只以粗陋的线条勾画出创意的轮廓即可。尽你的可能多画几张，最后选定一个满意的作为继续创作的脚本。这一步显然很重要，但是我经常发现一些设计师会跳过这步直接使用 Photoshop CS 而不去思考他们需要解决的问题。设计的目的在于解决问题，而这些有待解决的问题无法通过渐变或阴影效果得到解决，而是需要完美的布局和清晰的结构。想一想内容、布局和功能，然后再开始上阴影效果。

2.在草案的基础上粗略布局。

  在草案的基础上，将你确定需要放置的功能模块安排到页面上。注意，这里我们必须遵循突出重点、平衡谐调的原则，将网站标志，主菜单等最重要的模块放在最显眼，最突出的位置，然后在考虑次要模块的排放。

3.选择主题颜色

  在布局网站时一定要选择合适的主题颜色，使用有限的色阶和色调以免产生视觉疲劳。选完要使用的一系列字型后，你应开始研究 UI、背景和文本该用什么颜色。关于颜色，我建议在处理常规用户界面是用色及色调需简洁。根据元素功能在设计 UI 时保持一致性非常重要。想想 Facebook、Twitter、Quora 和 Vimeo 之类的网站布局。除 UI 外，插图或图形细节部分只要没有干扰组件功能的话，在用色方面也没什么限制。

4.最终确定方案，也就是定案。

  将粗略布局精细化，具体化。(靠你的智慧和经验，旁敲侧击多方联想，才能作出具有创意的布局。)在布局过程中，我们可以遵循的原则有:

（1）正常平衡——亦称"匀称"。多指左右、上下对照形式，主要强调秩序，能达到安定、诚实、信赖的效果。

（2）异常平衡——即非对照形式，但也要平衡和韵律，当然都是不均整的，此种布局能达到强调性、不安性、高注目性的效果。

（3）对比——所谓对比，不仅利用色彩、色调等技巧来作表现，在内容上也可涉及古与今、新与旧、贫与富等对比。

（4）凝视——所谓凝视是利用页面中人物视线，使浏览者仿照跟随的心理，以达到注视页面的效果，一般多用明星凝视状。

（5）空白——空白有两种作用，一方面对其他网站表示突出卓越，另一方面也表示网页品位的优越感，这种表现方法对体显网页的格调十分有效。

   总之，网站布局规划时网站结构越简单越好，因为这样用户浏览时就越方便，网站各个部分都需要发挥各自的作用。对于用户而言，每个部分都有各自存在的理由，并能得到相应的最终结果。布局需要帮助强调其内容着重显示该部分最重要的信息。实际上，一个页面并不需要太多调用按钮，因此每个内容都应推动到最终“我可以在此实现什么目的”。