水平垂直分割是在網(wǎng)頁設(shè)計(jì)中,將水平與垂直分割同時(shí)使用,它們之間容易形成對(duì)比關(guān)系,較之單向分割更為豐富、實(shí)用而靈活多變。下面舉例說明。如圖所示,采用典型的“門”型構(gòu)圖,艷麗的嫩綠色和略帶變化的分割方式,打破了構(gòu)成方式的呆板,使頁面更具個(gè)性化和青春氣息。
如圖所示,采用“匡”型構(gòu)圖,頂部為主欄目導(dǎo)航,左側(cè)為次級(jí)欄目導(dǎo)航,由于兩個(gè)頁面色調(diào)的冷暖不同,給人以不同的視覺心理感受。
如圖所示的網(wǎng)站頁面,在左右分割的版面中,以貫穿的水平路面來連接左右,標(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)圖,將主欄目菜單置于頁面右側(cè),左邊為主體產(chǎn)品形象,明暗色的對(duì)比加強(qiáng)了版式特征,此獨(dú)到之處十分吸引人。
至于其他幾種版式網(wǎng)頁設(shè)計(jì)中常見的構(gòu)成的類型,與前面介紹的視覺流程類型幾乎完全相同,這里不再贅述。網(wǎng)頁界面的版式設(shè)計(jì)實(shí)際上沒有固定的格式可循,在實(shí)際的設(shè)計(jì)實(shí)務(wù)中,我們還應(yīng)根據(jù)網(wǎng)頁界面的內(nèi)容和要求,勇于突破傳統(tǒng)和形式框架的束縛,突破創(chuàng)新。
網(wǎng)頁界面的版式設(shè)計(jì)屬于視覺設(shè)計(jì),其最終目的是要有效地傳遞視覺信息。這里涉及提高傳達(dá)效率的問題,也就是說,版式設(shè)計(jì)應(yīng)該能增強(qiáng)人們對(duì)頁面的注意,增進(jìn)對(duì)內(nèi)容的理解和記憶,從而影響人們的思想和行為。因此,在網(wǎng)站建設(shè)時(shí),必須依據(jù)人的視覺生理、心理特征,采取相應(yīng)的手段,讓版式設(shè)計(jì)發(fā)揮出更大的功效,達(dá)成最佳的訴求效果。因此網(wǎng)頁的版式設(shè)計(jì)一定要符合人的視覺習(xí)慣,滿足人的視覺生理需求。同時(shí)要注意產(chǎn)生疲勞感。合理安排視覺的流程,符合人的閱讀習(xí)慣。