做網站怎么排版？網站制作10大排版體例

發布日期：2017/5/9

互聯網中網站制作10大排版體例

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

1.骨骼網站排版

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

2.全屏網站排版

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

3.網站分割式排版

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

4.中軸式網站排版

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

5.網站曲線式排版

    曲線式是指將圖片、文字在頁面上進行曲線分割或編排構成的版面，能產生一種有韻律與節奏的美感。

6.傾斜式網站排版

    傾斜式是指將圖片，文字呈現出傾斜的狀況，產生強烈的動感，有很強的視覺沖擊力。

7.對稱式網站排版

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

8.網站焦點體例排版

    焦點體例是通過文字、圖片等設計元素，將人們的視線信中在一個中間焦點上，產生強烈的視覺盛宴。

9.三角式網站排版

    三角排版體例是通過設計元素將網站中的元素排列成三角形，產生穩定感同時又不是生動，給人以均衡的感受。

10自由排版網站

    自由排版體例中的元素自由搭配，產生動感。設計這類版式時注重避免設計元素分布過于凌亂。