水平垂直分割是在网页设计中，将水平与垂直分割同时使用，它们之间容易形成对比关系，较之单向分割更为丰富、实用而灵活多变。下面举例说明。如图所示，采用典型的“门”型构图，艳丽的嫩绿色和略带变化的分割方式，打破了构成方式的呆板，使页面更具个性化和青春气息。

如图所示，采用“匡”型构图，顶部为主栏目导航，左侧为次级栏目导航，由于两个页面色调的冷暖不同，给人以不同的视觉心理感受。

如图所示的网站页面，在左右分割的版面中，以贯穿的水平路面来连接左右，标志和主栏目菜单得以强化而突出，同时，人物形象打破了分割界线，人物目光对浏览者的视线进行诱导，这些都减弱了左右对比，加强了联系，显示出运动性网站的力量感。

如图3所示，一改常规的版式构图，将主栏目菜单置于页面右侧，左边为主体产品形象，明暗色的对比加强了版式特征，此独到之处十分吸引人。

至于其他几种版式网页设计中常见的构成的类型，与前面介绍的视觉流程类型几乎完全相同，这里不再赘述。网页界面的版式设计实际上没有固定的格式可循，在实际的设计实务中，我们还应根据网页界面的内容和要求，勇于突破传统和形式框架的束缚，突破创新。

网页界面的版式设计属于视觉设计，其最终目的是要有效地传递视觉信息。这里涉及提高传达效率的问题，也就是说，版式设计应该能增强人们对页面的注意，增进对内容的理解和记忆，从而影响人们的思想和行为。因此，在网站建设时，必须依据人的视觉生理、心理特征，采取相应的手段，让版式设计发挥出更大的功效，达成最佳的诉求效果。因此网页的版式设计一定要符合人的视觉习惯，满足人的视觉生理需求。同时要注意产生疲劳感。合理安排视觉的流程，符合人的阅读习惯。