close

網頁設計中需要把握好很多原則和細節,今天我們來談談網頁設計中的平衡、對比、連貫和留白。  

  一、平衡

  如果你的頁面是平衡的,當用戶瀏覽這個頁面的時候就會感覺它們是一個整體,看得時候目光的跳轉也會很自然。同時,構成頁面的元素仍然是彼此獨立(注意不是孤立)的,你不需要用線用顏色將它們直接地串接起來,這是為什麼呢?因為它們彼此之間是平衡的。這就好比蹺蹺板,即便你看不到連接兩端的人的木板,你也能感覺到他們是一個整體,因為“平衡”!

  1、對稱平衡

  對稱是最常見、最自然的平衡手段,這種方式通常用來設計比較正式的頁面,不過也還需要和下面介紹的多種方式結合起來使用。比如圖 1所示的網站,如果你在頁面正中間劃一條垂直向下的直線,你會發現頁面的兩邊的佈局是基本對稱。


圖 1

  2、非對稱平衡

  非對稱其實並不是真正的“不對稱”,而是一種層次更高的“對稱”,如果把握不好頁面就會顯得亂,因此使用起來要慎重,更不可用的過濫。比如這個網站http://www.graphic.com.cn(圖 2)就打破了常見的對稱。但是如果仔細看的話還是能夠感到某種“對稱”的影子。


圖 2

  3、輻射平衡

  頁面中的元素以某一個點為中心展開就可以構成輻射平衡。比如圖3就是典型的例子,頁面的正中是一個大大的LOGO,外側環繞著多個連結 。


圖 3

arrow
arrow
    全站熱搜

    dettori 發表在 痞客邦 留言(0) 人氣()