網(wǎng)頁版式的基本類型有多種，主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點(diǎn)型、三角型、自由型十種。

一、骨骼型

    網(wǎng)頁中的骨路型版式是一種規(guī)范的、理性的設(shè)計(jì)形式，類似于報(bào)刊的版式。常見的骨骼有豎向通欄、雙欄、三欄、四欄和橫向的通欄、雙欄、三欄和四欄等。一般以豎向分欄為多。這種版式給人以和諧、理性的美。幾種分欄方式結(jié)合使用，顯得網(wǎng)頁既理性、條理，又活潑而富有彈性。

二、滿版型

    頁面以圖像充滿整版。主要以圖像為訴求點(diǎn)，將少量文字壓置于圖像之上。視覺傳達(dá)效果直觀而強(qiáng)烈。滿版型紿人以舒展、大方的感覺。美中不足的是，限于當(dāng)前網(wǎng)絡(luò)寬帶對大幅圖像的傳輸速度較慢，這種版式多見于強(qiáng)調(diào)藝術(shù)性或個(gè)往的網(wǎng)頁設(shè)計(jì)中。

三、分割型

    分割型版式設(shè)計(jì)，是把整個(gè)頁面分成上下或左右兩部分，分別安排圖片和文案。兩個(gè)部分形成明顯的對比：有圖片的部分感性而具活力，文案部分則理性而平靜。設(shè)計(jì)實(shí)踐中，可以通過調(diào)整圖片和文案所占的面積，來調(diào)節(jié)對比的強(qiáng)弱。如果圖片所占比例過大，文案使用的字體過于纖細(xì)，字距、行距、段落的安排又很疏落，則易造成視覺的不平衡，顯得生硬、強(qiáng)烈。倘若通過文字或圖片將分割線虛化處理，就會產(chǎn)生自然和諧的效果。

四、中軸型

    中軸型版式，是沿頁面的中軸將圖片或文字作水平或垂直方向的排列。水平排列的頁面，給人穩(wěn)定、平靜、含蓄的感覺。垂直排列的頁面，給人以舒暢的感覺。

五、曲線型

    曲線型版式，是圖片或文字在頁面上作曲線的編排構(gòu)成。這種編排方式能產(chǎn)生韻律感與節(jié)奏感。

六、傾斜型

    傾斜型版式，是頁面主題形象或多幅圖片、文字作傾斜編排。它能造成頁面強(qiáng)烈的動(dòng)感，引人注目。

七、對稱型

    對稱型的頁面版式，給人以穩(wěn)定、嚴(yán)謹(jǐn)、莊重、理性的感受。

    對稱，分為絕對對稱和相對對稱兩種類型。一般采用相對對稱的手法，以避免版式呆板。左右對稱的頁面版式比較常見。

    四角型也是對稱型的一種，是在頁面四角安排相應(yīng)的視覺元素。四個(gè)角是頁面的邊界點(diǎn)，重要性不可低估。在四個(gè)角安排的任何內(nèi)容都能產(chǎn)生安定感。控制好頁面的四個(gè)角，也就控制了頁面的空間。越是凌亂的頁面，越要注意對四個(gè)角的控制。

八、焦點(diǎn)型

    焦點(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ùn)用時(shí)應(yīng)注意避免凌亂。

九、三角型

    這種版式是網(wǎng)頁各視覺元素呈三角形排列。正三角形（金字塔型）較具穩(wěn)定性，倒三角形則產(chǎn)生動(dòng)感。側(cè)三角形構(gòu)成一種均衡版式，既安定又有動(dòng)感。

十、自由型

    自由型的頁面具有活潑、輕快的風(fēng)格。