發(fā)布日期：2017/5/9

互聯(lián)網(wǎng)中網(wǎng)站制作10大排版體例

    網(wǎng)站排版的基本體例主要包括骨骼體例、全屏、分割、中軸、曲線、傾斜、對稱、焦點(diǎn)、三角、自由體例10種。下面依次介紹：

1.骨骼網(wǎng)站排版

    骨骼體例排版是一種規(guī)范的分割體例，與報(bào)刊的版式相似，常見的骨骼體例有豎身的通欄，雙欄，三欄，四欄，和橫向的通欄、雙欄、三欄和四欄等。在通常的情情下以豎身分欄為多。這種版式能讓人感覺到協(xié)調(diào)和理性的美。假如將幾種分欄體例結(jié)合起來，則會給人一種既理性雙活潑的感覺。

2.全屏網(wǎng)站排版

    全屏體例的網(wǎng)站以圖片充滿整個頁面。網(wǎng)站上也主要以圖像為主，同時也可將一些文字置于圖片之上，這樣的版面視覺傳達(dá)效果比較強(qiáng)烈，讓人感覺舒展和大方。隨著網(wǎng)絡(luò)寬帶的發(fā)展和普及，這種版式和網(wǎng)站制作中的運(yùn)用會越來越多。

3.網(wǎng)站分割式排版

    分割式排版是指把整個頁面分成上下或左右兩部分，在頁面中分別編排圖片和文本，使兩個部分形成顯明的對比，有圖片的部分讓人感覺到活力，而文本的部分則會讓人感覺到理性和鎮(zhèn)靜。可以通過調(diào)整圖片和文字所占的比例來調(diào)節(jié)對比的強(qiáng)弱。假如圖片所占比例過大，文本使用的字體過于前夕，字里行間的編排又稀少，就會讓人感覺到心理上的失衡，顯得較生硬。假如對文字或圖片分割線進(jìn)行虛化處理，就會讓人感覺天然而協(xié)調(diào)。

4.中軸式網(wǎng)站排版

    中軸式是指沿著瀏覽器窗口的中軸將圖片或文字以水平或垂直體例排列的一種版面。水平排列的頁面讓人感覺穩(wěn)定、鎮(zhèn)靜和含蓄；而垂直排列的頁面則讓人感覺愉快。

5.網(wǎng)站曲線式排版

    曲線式是指將圖片、文字在頁面上進(jìn)行曲線分割或編排構(gòu)成的版面，能產(chǎn)生一種有韻律與節(jié)奏的美感。

6.傾斜式網(wǎng)站排版

    傾斜式是指將圖片，文字呈現(xiàn)出傾斜的狀況，產(chǎn)生強(qiáng)烈的動感，有很強(qiáng)的視覺沖擊力。

7.對稱式網(wǎng)站排版

    對稱式一般可以分為左右對稱、上下對稱和四角對稱，可以產(chǎn)生穩(wěn)定、理性的感受。在這類排版體例中應(yīng)該使用相對對稱的體例，以避免頁面過于呆板。

8.網(wǎng)站焦點(diǎn)體例排版

    焦點(diǎn)體例是通過文字、圖片等設(shè)計(jì)元素，將人們的視線信中在一個中間焦點(diǎn)上，產(chǎn)生強(qiáng)烈的視覺盛宴。

9.三角式網(wǎng)站排版

    三角排版體例是通過設(shè)計(jì)元素將網(wǎng)站中的元素排列成三角形，產(chǎn)生穩(wěn)定感同時又不是生動，給人以均衡的感受。

10自由排版網(wǎng)站

    自由排版體例中的元素自由搭配，產(chǎn)生動感。設(shè)計(jì)這類版式時注重避免設(shè)計(jì)元素分布過于凌亂。