水平垂直分割是在網頁設計中，將水平與垂直分割同時使用，它們之間容易形成對比關系，較之單向分割更為豐富、實用而靈活多變。下面舉例說明。如圖所示，采用典型的“門”型構圖，艷麗的嫩綠色和略帶變化的分割方式，打破了構成方式的呆板，使頁面更具個性化和青春氣息。

如圖所示，采用“匡”型構圖，頂部為主欄目導航，左側為次級欄目導航，由于兩個頁面色調的冷暖不同，給人以不同的視覺心理感受。

如圖所示的網站頁面，在左右分割的版面中，以貫穿的水平路面來連接左右，標志和主欄目菜單得以強化而突出，同時，人物形象打破了分割界線，人物目光對瀏覽者的視線進行誘導，這些都減弱了左右對比，加強了聯(lián)系，顯示出運動性網站的力量感。

如圖3所示，一改常規(guī)的版式構圖，將主欄目菜單置于頁面右側，左邊為主體產品形象，明暗色的對比加強了版式特征，此獨到之處十分吸引人。

至于其他幾種版式網頁設計中常見的構成的類型，與前面介紹的視覺流程類型幾乎完全相同，這里不再贅述。網頁界面的版式設計實際上沒有固定的格式可循，在實際的設計實務中，我們還應根據(jù)網頁界面的內容和要求，勇于突破傳統(tǒng)和形式框架的束縛，突破創(chuàng)新。

網頁界面的版式設計屬于視覺設計，其最終目的是要有效地傳遞視覺信息。這里涉及提高傳達效率的問題，也就是說，版式設計應該能增強人們對頁面的注意，增進對內容的理解和記憶，從而影響人們的思想和行為。因此，在網站建設時，必須依據(jù)人的視覺生理、心理特征，采取相應的手段，讓版式設計發(fā)揮出更大的功效，達成最佳的訴求效果。因此網頁的版式設計一定要符合人的視覺習慣，滿足人的視覺生理需求。同時要注意產生疲勞感。合理安排視覺的流程，符合人的閱讀習慣。