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

如圖所示，采用“匡”型構(gòu)圖，頂部為主欄目導(dǎo)航，左側(cè)為次級(jí)欄目導(dǎo)航，由于兩個(gè)頁(yè)面色調(diào)的冷暖不同，給人以不同的視覺心理感受。

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

如圖3所示，一改常規(guī)的版式構(gòu)圖，將主欄目菜單置于頁(yè)面右側(cè)，左邊為主體產(chǎn)品形象，明暗色的對(duì)比加強(qiáng)了版式特征，此獨(dú)到之處十分吸引人。

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

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