網(wǎng)頁制作中需要把握好很多原則和細(xì)節(jié),今天我們來談?wù)劸W(wǎng)頁設(shè)計中的平衡、對比、連貫和留白。
一、平衡
如果你的頁面是平衡的,當(dāng)用戶瀏覽這個頁面的時候就會感覺它們是一個整體,看得時候目光的跳轉(zhuǎn)也會很自然。同時,構(gòu)成頁面的元素仍然是彼此獨立(注意不是孤立)的,你不需要用線用顏色將它們直接地串接起來,這是為什么呢?因為它們彼此之間是平衡的。這就好比蹺蹺板,即便你看不到連接兩端的人的木板,你也能感覺到他們是一個整體,因為“平衡”!
1、對稱平衡
對稱是最常見、最自然的平衡手段,這種方式通常用來設(shè)計比較正式的頁面,不過也還需要和下面介紹的多種方式結(jié)合起來使用。
2、非對稱平衡
非對稱其實并不是真正的“不對稱”,而是一種層次更高的“對稱”,如果把握不好頁面就會顯得亂,因此使用起來要慎重,更不可用的過濫。
3、輻射平衡
頁面中的元素以某一個點為中心展開就可以構(gòu)成輻射平衡。
4、實戰(zhàn)平衡
二、對比
網(wǎng)頁設(shè)計公司稱如果說平衡搭起了一個穩(wěn)定的頁面框架,那么對比就是這個框架中的動態(tài)點綴。這里說動態(tài)并不是說要真的讓元素動起來,而是要有“變化”。可以變化的因素包括:大小、顏色、字體、重心、形狀、紋理等等。
三、連貫
前面談到了對比,對比離不開變化,然而如果對比太多,變化也會太多,頁面就會顯得零亂,因此我們現(xiàn)在來談“連貫”。在一個成功的頁面設(shè)計中,有很多要素是必須保持一致的,這些要素通常包括:
1、布局
頁面的上下、左右,頁面與頁面中間要保持布局一致。比如如果頁面上方的表格居中對齊而頁面下方的表格卻左對齊,那么整個頁面就會很難看。
2、字體
字體的大小、顏色應(yīng)當(dāng)基本保持一致。
3、導(dǎo)航欄
網(wǎng)頁設(shè)計公司稱導(dǎo)航欄應(yīng)當(dāng)保持完全一樣,通常應(yīng)單單獨為導(dǎo)航欄建立一個框架頁,這樣就可以保證更新導(dǎo)航欄的時候,所有網(wǎng)頁都會被自動更新。
四、留白
國畫中“畫魚不畫水”的妙處就是留白的妙處。留白可以讓訪問者有更大的想象空間,就好像就如一個沒有過多擺設(shè)的房間一樣。上上下下、里里外外都塞得滿滿當(dāng)當(dāng)就是很糟糕的設(shè)計。
留白的原則包括:
1、元素之間的留白不能太大 這是基本的原則,留白過多,葉面會變得零碎。
2、文本中間的間隔不能太大 文本應(yīng)當(dāng)緊湊,尤其漢字文本,如果字與字之間或者行與行之間空白太大頁面就會非常難看。
總的來說平衡、對比、連貫和留白設(shè)四條原則是在網(wǎng)頁設(shè)計中必須始終牢記,但絕不是教條,應(yīng)當(dāng)結(jié)合自己的實際需要靈活的應(yīng)用。
相關(guān)標(biāo)簽:網(wǎng)頁設(shè)計
最近瀏覽:
相關(guān)產(chǎn)品:
相關(guān)新聞:
- 外貿(mào)營銷型網(wǎng)站建設(shè)網(wǎng)頁設(shè)計有哪些技巧和特點?
- 設(shè)計師如何才能提升網(wǎng)站品質(zhì)?
- 企業(yè)網(wǎng)站建設(shè)的基本要素
- 網(wǎng)頁設(shè)計必知:什么是CSS?它的能做些什么?
- 平面設(shè)計UI設(shè)計網(wǎng)頁設(shè)計區(qū)別大解析
- 2021年網(wǎng)頁設(shè)計都有哪些趨勢?
- 網(wǎng)站建設(shè)應(yīng)如何設(shè)計導(dǎo)航?
- 網(wǎng)站建設(shè)該如何注重實用性?
- 10個讓你的網(wǎng)頁設(shè)計很糟糕的原因
- 網(wǎng)站建設(shè)的流程