精品主題,實(shí)戰(zhàn)科普,最新行業(yè)熱點(diǎn)話題,隨時(shí)掌握云上咨訊。
在網(wǎng)頁(yè)制作中特別要很好地把握許多原則和細(xì)節(jié),從設(shè)計(jì)制作實(shí)踐多年經(jīng)驗(yàn)中,特別注意網(wǎng)頁(yè)設(shè)計(jì)之中的平衡、對(duì)比、連貫和留白。
一、平衡
假如設(shè)計(jì)師設(shè)計(jì)出來(lái)的頁(yè)面是平衡的,那么當(dāng)用戶瀏覽該頁(yè)面時(shí),肯定會(huì)感覺(jué)它們是一個(gè)有機(jī)的整體,目光的跳轉(zhuǎn)也會(huì)顯得很自然。與此同時(shí),頁(yè)面各種元素仍然保持彼此獨(dú)立,瀏覽者根本不需要用什么手段將它們直接地串接。道理很簡(jiǎn)單,因?yàn)槠浔舜碎g是平衡的。
1、對(duì)稱平衡
我覺(jué)得,對(duì)稱絕對(duì)是最自然、最常見(jiàn)的平衡手段,這種方式常常用來(lái)設(shè)計(jì)很為正式的頁(yè)面,當(dāng)然啦,還有必要和下面介紹的許多方式結(jié)合起來(lái)共同使用。
2、非對(duì)稱平衡
從本質(zhì)上講非對(duì)稱本來(lái)不是真正的“不對(duì)稱”,應(yīng)該理解為是一種層次更高的“對(duì)稱”,當(dāng)然這點(diǎn)如果把握得不透徹頁(yè)面就會(huì)很顯亂,使用的時(shí)候必須慎重。
3、輻射平衡
就是指頁(yè)面元素以某一個(gè)點(diǎn)為中心來(lái)展開(kāi),這樣就可以形成輻射平衡。這非常實(shí)用,這很好理解,不再舉例 。
二、對(duì)比
假如說(shuō)平衡形成一個(gè)較為穩(wěn)定的頁(yè)面框架,那么對(duì)比就可以讓網(wǎng)頁(yè)呈現(xiàn)動(dòng)態(tài)感。我在這里所說(shuō)動(dòng)態(tài)并非是說(shuō)要真的讓元素呈現(xiàn)動(dòng)感來(lái),真正的內(nèi)涵是要有“變化”。我認(rèn)為能變化的因素包括:顏色、大小、重心、字體、形狀、紋理等,大家認(rèn)真思考,會(huì)發(fā)現(xiàn)更多。
三、連貫
我常常覺(jué)得,在那些成功的頁(yè)面設(shè)計(jì)之中,有很多要素是一定是保持一致的,總結(jié)起來(lái)這些要素如下:
1、布局 頁(yè)面上下和左右,頁(yè)面與頁(yè)面中間都必須保持布局上的一致。假如頁(yè)面的上方表格居中對(duì)齊而頁(yè)面下方的表格卻實(shí)施左對(duì)齊,我敢說(shuō),這肯定是世界上最難看的頁(yè)面了。
2、字體 想想看,意思就是字體的顏色、大小能夠保持一致。
3、導(dǎo)航欄 導(dǎo)航欄必須保持完完全全地一樣,在通常情況下應(yīng)單獨(dú)為導(dǎo)航欄建立一個(gè)框架頁(yè)面,這樣做的好處是,能夠保證在更新導(dǎo)航欄的時(shí)候,其余的所有網(wǎng)頁(yè)都會(huì)跟著自動(dòng)更新。
四、留白
學(xué)過(guò)畫(huà)的人都知道,國(guó)畫(huà)有“畫(huà)魚(yú)不畫(huà)水”技巧,本質(zhì)就是留白的技巧運(yùn)用。留白能夠讓瀏覽者有更大、更多的想象空間。
留白有如下原則:
1、在元素間的留白不可以過(guò)大,留白如果太多,頁(yè)面顯得零碎。
2、文本中間間隔不可以過(guò)大 文本必須緊湊,尤其是漢字的文本。
我小結(jié)一下:平衡、對(duì)比、連貫和留白設(shè)四條原則是網(wǎng)頁(yè)設(shè)計(jì)的“四項(xiàng)基本原則”,但話說(shuō)回來(lái)還是絕不能教條,必須結(jié)合實(shí)際需求加以靈活應(yīng)用。
網(wǎng)站建設(shè)專家中科服網(wǎng)絡(luò)(www.xinzz.cc)專注于高端品牌網(wǎng)站建設(shè)的解決方案,為您提供專業(yè)、安全的企業(yè)展示網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)、商城系統(tǒng)網(wǎng)站建設(shè)、SEO優(yōu)化、網(wǎng)站認(rèn)證、網(wǎng)絡(luò)營(yíng)銷、并提供一站式互聯(lián)網(wǎng)基礎(chǔ)服務(wù)。7×24小時(shí)專業(yè)技術(shù)支持,互聯(lián)網(wǎng)用戶服務(wù)的選擇。
在線咨詢
QQ咨詢
服務(wù)熱線
申請(qǐng)?jiān)囉?/p>
公眾號(hào)
掃碼關(guān)注我們