網頁的排版布局和原則

一.網頁排版布局的步驟：

1.構思,並且有多個草稿進行粗略布局

2.將粗略布局精細化，具體化

3.修改

二.網頁排版布局的原則

  1.平衡性
　 　(1)文字、圖像等要素的空間占用上分布均勻
　　 (2)色彩的平衡，要給人一種協調的感覺。

  2.對稱性
　　對稱是一種美，我們生活中有許多事物都是對稱的。但過度的對稱就會給人一種呆板、死氣沉沉的感覺，因此要適當地打破對稱，制造一點變化。

  3.對比性
　　讓不同的形態、色彩等元素相互對比，來形成鮮明的視覺效果。例如黑白對比，圓形與方形對比等，它們往往能夠創造出富有變化的效果。

  4.疏密度
　　網頁要做到疏密有度，即平常所說的“密不透風，疏可跑馬”。不要整個網頁一種樣式，要適當進行留白，運用空格，改變行間距、字間距等制造一些變化的效果。
  
5.比例
　　比例適當，這在布局當中非常重要，雖然不一定都要做到黃金分割，但比例一定要協調。

三.常見的布局樣式：

　　1.T字型
　　最上方是廣告條，頁面下方左面是菜單，右面顯示頁面內容，整體上類似英文字母“T”，
所以我們稱之為T字型布局。這種布局條理清晰、主次分明，非常適合初學者學習，但略微有點呆板。

　　2.口字型
　　這種布局類似一個方框，上下是廣告條，左面是菜單，右面是友情鏈接，中間是網頁內容，頁面布局緊湊、信息豐富，但四面封閉，給人一種壓抑的感覺。

　　3.對稱型
　　整個網頁呈上下或左右對稱布局，非常醒目，如果兩部分搭配協調，網頁的視覺效果非常好，很有沖擊力。

　　4.海報型
　　這種布局就像我們平時見到的海報一樣，中間是一幅很醒目、設計非常精美的圖片，周圍點綴着一些圖片和文字鏈接。這種設計常用於一些時尚類和公司的首頁，非常吸引人。但大量的運用圖片導致網頁下載速度很慢，而且提供的信息量較少。

 四。 總體我們需要掌握的有以下幾種：

風格：網頁新建時，需要定一下初步風格，整個網站風絡統一，
字體：網頁中一般字體為9pt或者12px。
背景：背景不能過於突出，背景圖盡量簡潔，不要過於復雜，這樣使頁面顯的太亂。
顏色：整個頁面顏色統一，和諧
圖片：要求圖片首先美觀，另外格式正確，優化合理，最重要的是圖片名不能為中文名。
兼容：網頁的兼容性是為了讓更多的瀏覽者進行瀏覽，提高網站的知名度。站點越復雜
（在布局、動畫、多媒體內容和交互方面），跨瀏覽器兼容的可能性就越小。

注：轉載http://www.douban.com/note/334059432/