網頁設計中的平衡、對比、連貫和留白
發(fā)布時間:2008-09-20 瀏覽: 次
我們在網頁設計中需要把握好很多原則和細節(jié),今天我們來談談網頁設計中的平衡、對比、連貫和留白?! ?
第一、平衡
如果你的頁面是平衡的,當用戶瀏覽這個頁面的時候就會感覺它們是一個整體,看得時候目光的跳轉也會很自然。同時,構成頁面的元素仍然是彼此獨立(注意不是孤立)的,你不需要用線用顏色將它們直接地串接起來,這是為什么呢?因為它們彼此之間是平衡的。這就好比蹺蹺板,即便你看不到連接兩端的人的木板,你也能感覺到他們是一個整體,因為“平衡”!
1、對稱平衡
對稱是最常見、最自然的平衡手段,這種方式通常用來設計比較正式的頁面,不過也還需要和下面介紹的多種方式結合起來使用。比如http://www.6339.cn 網站,如果你在頁面正中間劃一條垂直向下的直線,你會發(fā)現(xiàn)頁面的兩邊的布局是基本對稱。
2、非對稱平衡
非對稱其實并不是真正的“不對稱”,而是一種層次更高的“對稱”,如果把握不好頁面就會顯得亂,因此使用起來要慎重,更不可用的過濫。比如這個網站http://www.1feel.com/就打破了常見的對稱。但是如果仔細看的話還是能夠感到某種“對稱”的影子。
3、輻射平衡
頁面中的元素以某一個點為中心展開就可以構成輻射平衡。比如http://www.ue.net.cn 就是典型的例子,頁面的正中是一個大大的LOGO,外側環(huán)繞著多個鏈接 。
4、實戰(zhàn)平衡
下面我們通過一個LOGO設計實例來看一看平衡的多種變化。
第二、對比
如果說平衡搭起了一個穩(wěn)定的頁面框架,那么對比就是這個框架中的動態(tài)點綴。這里說動態(tài)并不是說要真的讓元素動起來,而是要有“變化”。可以變化的因素包括:大小、顏色、字體、重心、形狀、紋理等等。 我們還是通過簡單的例子來介紹一下對比的應用,圖 9是我們設計的底版,字體一樣、大小一樣、顏色一樣,單調枯燥。
第三、連貫
前面談到了對比,對比離不開變化,然而如果對比太多,變化也會太多,頁面就會顯得零亂,因此我們現(xiàn)在來談“連貫”。在一個成功的頁面設計中,有很多要素是必須保持一致的,這些要素通常包括:
1、布局
頁面的上下、左右,頁面與頁面中間要保持布局一致。比如如果頁面上方的表格居中對齊而頁面下方的表格卻左對齊,那么整個頁面就會很難看。
2、字體
字體的大小、顏色應當基本保持一致。
3、導航欄
導航欄應當保持完全一樣,通常應單單獨為導航欄建立一個框架頁,這樣就可以保證更新導航欄的時候,所有網頁都會被自動更新。
第四、留白
國畫中“畫魚不畫水”的妙處就是留白的妙處。留白可以讓訪問者有更大的想象空間,就好像就如一個沒有過多擺設的房間一樣。上上下下、里里外外都塞得滿滿當當就是很糟糕的設計。
留白的原則包括:
1、元素之間的留白不能太大 這是基本的原則,留白過多,葉面會變得零碎。
2、文本中間的間隔不能太大 文本應當緊湊,尤其漢字文本,如果字與字之間或者行與行之間空白太大頁面就會非常難看。
總的來說平衡、對比、連貫和留白設四條原則是在網頁設計中必須始終牢記,但絕不是教條,應當結合自己的實際需要靈活的應用。
資訊推薦
- 關于2016年春節(jié)放假安排2016-01-26
- 為了方便同事們提前訂票回家過年,現(xiàn)在公司春節(jié)放假時間安排通知。
春節(jié)放假時間為:2016年2月3到 2月14日。共11天。
廣大客戶在我...
- 如何做好創(chuàng)業(yè)型網站運營2016-03-07
- 1、緊記網站定位,制訂網站長期與短期經營目標。
網站定位是網站發(fā)展之本,不管是營銷型網站建設還是創(chuàng)業(yè)型網站運營,網站經營偏離了定位或定位不...
- 奢侈品B2C的網站規(guī)劃該如何做2016-03-07
- 電子商務(EC,也就是E-Commerce的縮寫),關于電子商務的定義世人眾說紛紜,從不同的角度出發(fā)有不同的定義??梢岳斫鉃橐?Internet為依托,借助一定...
- 微信:支付寶搶紅包要到春晚,我們今晚就開始!2016-01-26
- 昨天上午 11 點,支付寶通過一個長微博,公布了大家期待已久的與央視春晚獨家合作的互動玩法,核心點在于必須主動通過社交拓展才能夠獲得最多的紅包。
支...