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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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