首先、網(wǎng)頁(yè)排版就是將有限的視覺(jué)元素進(jìn)行有機的排列組合，讓邏輯清晰、閱讀順暢、交互便捷，產(chǎn)生良好的體驗。

網(wǎng)頁(yè)排版有以下原則：

1、重復與交錯、節奏與韻律、對稱(chēng)與均衡、對比與調和、比例與適度、變異與秩序、虛實(shí)與留白、變化與統一

2、同時(shí)還要強調：

功能與形式(深入理解功能和內容，使之形式更好的體現主題思想)

兼容與響應(跨平臺，不同的分辨率、不同的設備環(huán)境下的呈現效果)

其次、下面我們以不同的方面說(shuō)一下網(wǎng)頁(yè)排版。

1、 網(wǎng)頁(yè)文字排名

  通過(guò)對字號、字體、字色、粗細、間距、行距等屬性來(lái)體現出內容的層次結構。做好網(wǎng)頁(yè)中文字的排版，特別對于大篇幅的文字，可以增加網(wǎng)頁(yè)的美觀(guān)性使讀者更有耐心閱讀，提高用戶(hù)體驗度。在網(wǎng)頁(yè)設計里，文字排版主要由三個(gè)因素控制：

字體大小(font-size)

行距(line-height)

間距(margin,padding)

認真調整這三個(gè)因素的值，可以實(shí)現理想的效果。

  根據之前的經(jīng)驗得出基本文字排版對行距、間距的要求如下：

設行距為 dl px ,設垂直方向上的間距和為 ∑ds = dst (段前距) + dsb (段后距) (px) ①,假設基礎行距為k px,則

n*k = dl + ∑ds (n為自然數) 即行距和間距之和應當是18的倍數 ②

由方程①、② 得出：

行距和全部垂直間距之和為18的倍數。

2、網(wǎng)頁(yè)顏色

  網(wǎng)頁(yè)運用顏色的形體、位置、面積，及色相、明度、純度等屬性并結合內容與環(huán)境來(lái)組織色彩。氛圍效果營(yíng)造，同產(chǎn)品的統一性，優(yōu)化(品質(zhì)大小，色彩信息，實(shí)現方案)。

3、網(wǎng)頁(yè)圖片排版

  網(wǎng)頁(yè)圖片排版要做到主圖次文，圖文節奏，空隙，模塊化。同時(shí)要強調尺寸樣式的定位，同一頁(yè)面的和諧性，圖片的優(yōu)化，位置的節奏，大小對比。

4、網(wǎng)頁(yè)導航/圖表排版

  網(wǎng)頁(yè)導航/圖表排版要通過(guò)對信息數據的歸納整理，有效分類(lèi)、排布，將復雜信息高效、清晰地傳遞給用戶(hù)——清晰、直觀(guān)。更多的是要將信息內容有效的組織、排布，使其規范有序、清晰明確，便于用戶(hù)高效、準確獲取相關(guān)信息，把網(wǎng)站設計的更友好、易用、真實(shí)可信