網(wǎng)站設(shè)計(jì)要把握很多原則和細(xì)節(jié)。從多年的設(shè)計(jì)制作經(jīng)驗(yàn)來(lái)看,網(wǎng)頁(yè)設(shè)計(jì)要特別注意平衡、對(duì)比、連貫和留白。
一.平衡
如果設(shè)計(jì)師的頁(yè)面是平衡的,用戶在瀏覽頁(yè)面時(shí)會(huì)感覺(jué)是一個(gè)有機(jī)的整體,眼睛自然會(huì)跳。同時(shí),頁(yè)面的各個(gè)元素保持相互獨(dú)立,訪問(wèn)者不需要以任何方式直接連接它們。原因很簡(jiǎn)單,因?yàn)閮烧呦嗷ブ坪狻?
1.對(duì)稱平衡
在邊肖看來(lái),對(duì)稱絕對(duì)是最自然、最常見(jiàn)的平衡手段。這種方法通常用于設(shè)計(jì)非常正式的頁(yè)面。當(dāng)然要結(jié)合下面介紹的很多方法。
2.不對(duì)稱平衡
本質(zhì)上,不對(duì)稱不是真正的“不對(duì)稱”,而應(yīng)該理解為更高層次的“對(duì)稱”。當(dāng)然,如果你沒(méi)有徹底把握這一點(diǎn),頁(yè)面會(huì)很亂,所以使用的時(shí)候一定要小心。
3.輻射平衡
是指頁(yè)面元素圍繞某一點(diǎn)展開(kāi),這樣可以形成輻射平衡。這個(gè)很實(shí)用,這個(gè)很好理解,不再舉例。
二.比較
如果平衡形成了一個(gè)相對(duì)穩(wěn)定的頁(yè)面框架,那么對(duì)比可以讓頁(yè)面呈現(xiàn)出一種動(dòng)態(tài)的感覺(jué)。當(dāng)我在這里說(shuō)動(dòng)態(tài)時(shí),我并不是指真正使元素動(dòng)態(tài)化。真正的內(nèi)涵是要有“變”。邊肖認(rèn)為可以改變的因素包括:顏色、大小、重心、字體、形狀、紋理等等。如果你仔細(xì)思考,你會(huì)發(fā)現(xiàn)更多。
三.一致性
邊肖經(jīng)常覺(jué)得,在那些成功的頁(yè)面設(shè)計(jì)中,許多元素必須是一致的。概括而言,這些要素如下:
1.布局頁(yè)面的上、下、左、右和頁(yè)面中間必須一致。如果頁(yè)面頂部的表格居中,頁(yè)面底部的表格向左對(duì)齊,我敢說(shuō)這絕對(duì)是世界上最丑的頁(yè)面。
2.字體想想看,這意味著字體的顏色和大小可以保持一致。
3.導(dǎo)航條導(dǎo)航條必須完全一樣。通常,您應(yīng)該為導(dǎo)航欄設(shè)置一個(gè)單獨(dú)的框架頁(yè)面。這樣做的好處是,當(dāng)導(dǎo)航欄更新時(shí),所有其他頁(yè)面都會(huì)自動(dòng)更新。
四.留白
學(xué)過(guò)繪畫(huà)的人都知道,中國(guó)畫(huà)有“畫(huà)魚(yú)不畫(huà)水”的技巧,其本質(zhì)就是留白的運(yùn)用。消隱可以給游客更多的想象空間。
留空并遵循以下原則:
1.元素之間的間距不應(yīng)太大。如果空白太多,頁(yè)面會(huì)顯得支離破碎。
2.文本之間的間距不能太大。文字一定要緊湊,尤其是漢字。
綜上所述,平衡、對(duì)比、連貫、留白四大原則是網(wǎng)頁(yè)設(shè)計(jì)的“四大基本原則”,但換句話說(shuō),絕不能教條化,必須根據(jù)實(shí)際需要靈活運(yùn)用。
我們專注高端建站,小程序開(kāi)發(fā)、軟件系統(tǒng)定制開(kāi)發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開(kāi)發(fā)、各類API接口對(duì)接開(kāi)發(fā)等。十余年開(kāi)發(fā)經(jīng)驗(yàn),每一個(gè)項(xiàng)目承諾做到滿意為止,多一次對(duì)比,一定讓您多一份收獲!