网页设计中需要把握好很多原则和细节，今天我们来谈谈网页设计中的.DOC

網頁設計中需要把握好很多原則和細節，今天我們來談談網頁設計中的平衡、對比、連貫和留白。　　　　一、平衡 　　如果你的頁面是平衡的，當用戶瀏覽這個頁面的時候就會感覺它們是一個整體，看得時候目光的跳轉也會很自然。同時，構成頁面的元素仍然是彼此獨立（注意不是孤立）的，你不需要用線用顔色將它們直接地串接起來，這是爲什麽呢？因爲它們彼此之間是平衡的。這就好比蹺蹺板，即便你看不到連接兩端的人的木板，你也能感覺到他們是一個整體，因爲“平衡”！ 　　1、對稱平衡 　　對稱是最常見、最自然的平衡手段，這種方式通常用來設計比較正式的頁面，不過也還需要和下面介紹的多種方式結合起來使用。比如圖 1所示的網站，如果你在頁面正中間劃一條垂直向下的直線，你會發現頁面的兩邊的佈局是基本對稱。圖 1 　　2、非對稱平衡 　　非對稱其實並不是真正的“不對稱”，而是一種層次更高的“對稱”，如果把握不好頁面就會顯得亂，因此使用起來要慎重，更不可用的過濫。比如這個網站（圖 2）就打破了常見的對稱。但是如果仔細看的話還是能夠感到某種“對稱”的影子。圖 2 　　3、輻射平衡 　　頁面中的元素以某一個點爲中心展開就可以構成輻射平衡。比如圖3就是典型的例子，頁面的正中是一個大大的LOGO，外側環繞著多個鏈結 。圖 3 　4、實戰平衡 　　下面我們通過一個LOGO設計實例來看一看平衡的多種變化。圖 4是LOGO的初稿。圖 4 　　如何知道它是不是“平衡”的呢？我們可以用色塊來代替LOGO中的元素，如果我們用三個黑色矩形代替這個LOGO中的三個單詞，就可以得到圖 5。可見這個LOGO是“平衡”的，基本合格。圖 5 　　但是這個LOGO的結構顯得比較簡單，也比較呆板，我們可以加一個底邊將對稱打破，這樣整個畫面就有了一分動感，同時Asteroid和Studio之間也建立了某種聯繫，形成一個整體，如圖 6。圖 6 　　通過圖 7我們可以看出這個設計仍然是“基本對稱”的，有些保守。圖 7?　　我們不妨再進一步打破對稱，如圖 8。注意打破對稱不是打破平衡，而是用非對稱平衡代替對稱平衡。圖 8 　二、對比 　　如果說平衡搭起了一個穩定的頁面框架，那麽對比就是這個框架中的動態點綴。這裏說動態並不是說要真的讓元素動起來，而是要有“變化”。可以變化的因素包括：大小、顔色、字體、重心、形狀、紋理等等。 我們還是通過簡單的例子來介紹一下對比的應用，圖 9是我們設計的底版，字體一樣、大小一樣、顔色一樣，單調枯燥。圖 9 　　首先我們通過變化字體的大小來形成對比，感覺是不是好了一點呢，如圖 10。圖 10 　　如果覺得僅僅有字體大小對比還不過癮，可以將字體大小對比和顔色對比結合起來使用，如圖 11。圖 11 　　原來對比就是這麽簡單！這裏只介紹了對比的基本方法，事實上由於對比可用的元素非常多，真正用好對比也不是一件容易的事情。 三、連貫 　　 前面談到了對比，對比離不開變化，然而如果對比太多，變化也會太多，頁面就會顯得零亂，因此我們現在來談“連貫”。在一個成功的頁面設計中，有很多要素是必須保持一致的，這些要素通常包括： 　　1、佈局 　　頁面的上下、左右，頁面與頁面中間要保持佈局一致。比如如果頁面上方的表格居中對齊而頁面下方的表格卻左對齊，那麽整個頁面就會很難看。 　　2、字體 　　字體的大小、顔色應當基本保持一致。 　　3、導航欄　　導航欄應當保持完全一樣，通常應單單獨爲導航欄建立一個框架頁，這樣就可以保證更新導航欄的時候，所有網頁都會被自動更新。 　　很顯然，連貫和上面說的對比是彼此矛盾，因此在進行網頁設計時必須把握好度。 再來看一個例子，假設我們要爲Asteroid工作室的成員設計名片，如圖 12。圖 12　　除了LOGO之外的其他部分的字體和顔色都是和LOGO相同的或者相似的，這就是連貫。由於中文字體沒有LOGO中使用了英文字體是Verdana，爲了與之的保持連貫，中文字體我們選擇相近的“幼圓”字體。還有就是顔色，整個名片中只有兩種顔色，藍色和綠色，在名片這樣狹窄的空間裏使用過多的顔色顯然是不明智的，因此我們只使用了兩種顔色。 四、留白 　　國畫中“畫魚不畫水”的妙處就是留白的妙處。留白可以讓訪問者有更大的想象空間，就好像就如一個沒有過多擺設的房間一樣。上上下下、裏裏外外都塞得滿滿當當就是很糟糕的設計。 　　留白的原則包括：　　1、元素之間的留白不能太大 這是基本的原則，留白過多，葉面會變得零碎。以上面的名片爲例，如果留白過大就會變成這樣（圖 13）： 圖 13 　　2、文本中間的間隔不能太大 文本應當緊湊，尤其漢字文本，如果字與字之間