1、對稱型
對稱鵝蛋頁面給人穩(wěn)定、嚴(yán)謹(jǐn)、莊重、理性的感覺。對稱分為絕對對稱和相對對稱。一般采用相對對稱的手法,以避免呆板。左右對稱的頁面版式比較常見。四角型也是對稱型的一種,是在頁面四角安排相應(yīng)的視覺元素。四個(gè)角是頁面的邊界點(diǎn),重要性不可低估。在四個(gè)角安排的任何內(nèi)容都能產(chǎn)生安定感??刂坪庙撁娴乃膫€(gè)角,也就控制了啦也面對的空間。越是凌亂的頁面,越要注意四個(gè)角的控制。
2、焦典型
焦點(diǎn)型的網(wǎng)頁版式通過對視線的引導(dǎo),使頁面具有強(qiáng)烈的視覺效果。焦點(diǎn)型分三種情況:
1)中心:以對比強(qiáng)烈的圖片或文字置于頁面的視覺中心。
2)向心:視覺元素引導(dǎo)瀏覽者視線向頁面中心聚攏,就形成以一個(gè)向心的版式。向心版式是集中的、穩(wěn)定的,是一種傳統(tǒng)的手法。
3)離心:視覺元素引導(dǎo)瀏覽者視線向外輻射,既形成一個(gè)離心的網(wǎng)頁版式。離心版式是外向的、活潑的,更具現(xiàn)代感,應(yīng)用時(shí)應(yīng)注意避免凌亂。
3、三角型
三角型的頁面各視覺元素呈三角形排列。正三角形(金字塔形)最具穩(wěn)定性;倒三角形則產(chǎn)生動(dòng)感;側(cè)三角形構(gòu)成一種均衡版式,既安定又有動(dòng)感。
4、自由型
自由型的頁面具有活潑、輕快的感動(dòng)
5、骨骼型
網(wǎng)頁版式的骨骼型是一種規(guī)范的、理性的分割方法,類似于報(bào)刊的版式。常見的骨骼有豎向通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用,既理性、條理、又活潑富有彈性。
6、慢板型
滿版型的網(wǎng)頁一圖像充滿正版。它主要以圖像為訴求點(diǎn),也可將部分文字壓置于圖像之上。其視覺傳達(dá)效果直接而強(qiáng)烈。滿版型給人以舒展、大方的感覺。隨著寬帶的普及,這種版式在網(wǎng)頁設(shè)計(jì)中的運(yùn)用越來越多。
7、分割型
分割型把整個(gè)頁面分為上下或左右兩個(gè)部分,分別安排圖片和圖案。兩個(gè)部分形成對比:有圖像的部分感性而具有活力,文案部分則理性而平靜??梢哉{(diào)整圖片和文案所占面積,來調(diào)節(jié)對比的強(qiáng)度。例如,如果圖片所占面積過大,文案使用的字體過于纖細(xì),字據(jù)、行距、段落的安排又很疏落,則造成視覺心理的不平衡,顯得生硬。倘若通過文字或圖片將分割線虛化處理,就會產(chǎn)生自然、和諧的效果。
8、中中軸型
中軸型沿瀏覽器窗口的中軸將圖片或文字作水平或垂直的排列。水平排列的頁面給人穩(wěn)定、平靜、含蓄的感覺;垂直排列的內(nèi)容給人以順暢的感覺。
9、曲線型
曲線型的圖片、文字在頁面上作曲線的分割或編排構(gòu)成,產(chǎn)生韻律和節(jié)奏感。
10、傾斜型
傾斜型的頁面主題形象或多幅圖片、文字作傾斜編排,形成不穩(wěn)定感或強(qiáng)烈的動(dòng)感,引人注目。