依据空间分割方向的布局模式

在设计网页布局时，先有一定的模式并根据网站的目的选择基本的格式再进行操作的话会受到很好的效果的。 首先把画面上的全部内容和依据布局空间的主要分割方向的基本格式确定下来，再以其为基础进行操作会容易得多。依据空间分割方向的布局从大的方面可以分为纵向基准格式、横向基准格式及混合型格式3种。

纵向分割的格式：在这种情况下，通常都是在画面的左侧设置菜单，右侧设置正文，最右侧的一定位置作留白处理。这种形态对用户来说是最为熟悉的一种形态。以左侧为基准设置内容一旦浏览器调整大小，也只会影响右侧的，是人们所喜好的一种布局模式。这种模式下，正文右侧的一定领域里也可以设置子菜单或banner广告、题目、连接项目等内容。这种方法主要在信息量大、种类又多，从而很多项目都需要导航的情况下使用。一般情况下，在纵向分割格式的布下，都把网站标志logo放置在左侧上端主菜单的上部，也有的把logo放置在画面的中央或右侧，把网站标志放置在画面 中央的一般都是信息量非常大的网站或搜索网站；把网站标志放置在画面右侧的情况可以在那些要求界面特别富有创造性的专门领域的网站里看到。http://www.cellifotografi.it

横向分割的格式：重视视觉效果的网站在设计布局时，如果对画面进行横向分割则会使很好的方法。把空间大体上分成两部分时，在上端设置主菜单的情况比较多见，有时也可能在下段设置主菜单。横向分割画面是比较适合那些构成很简单，却从视觉角度对商品或企业的图片等要求很高的网站使用的一种方法。

选择总想分割格式还是横向分割方式基本上是又要制作的网站目的的决定的，这时最应该重视的就是网站整体的信息量情况如何。如果重视导航要素，要制作可以很容易接触大量信息的网站的话，运用纵向分割格式是合适的。相反，如果重视设计，比起图片等素材来说更想给人游刃有余的感觉的话，那么选择横向分割格式会受到很好的效果。事实上，很多网站都使用横向分割和纵向分割相结合的方式，但即使是这样，其主要的分割格式也使侧重于纵向分割和横向中的某一种方式，这样的情况比较多。横向布局重点要考虑的就是图像的质量及画面整体相协调的配色了，在这种情况下，一般的配色方法是营造与图像相似的配色氛围，或则也可以使用能突出图像特点的颜色来配色。  http://www.die-designerei.de

横向-纵向混合型的格式：此类型比较普遍，通常在横向的上端设置网站标志、主菜单、有用菜单，在最下端设置版权声明或有用菜单的情况也很多。当然，还要在中间纵向分割的领域里的左侧设置子菜单，在右侧设置主要的内容。http://www.skteletech.co.kr