網(wǎng)頁設(shè)計中,版式設(shè)計的比重非常大,可以說版式的好壞直接決定頁面的成敗,也可以說它是網(wǎng)頁視覺識別的基礎(chǔ)。
建立網(wǎng)格
我們需要建立一個合適的網(wǎng)格。排版網(wǎng)格是由一些垂直和水平的線構(gòu)成的結(jié)構(gòu),可以用來幫助內(nèi)容結(jié)構(gòu)化,它能夠讓對象產(chǎn)生秩序感。我們可以把網(wǎng)格當(dāng)做一個整體大的框架,也可以作為設(shè)計師組織文字、圖片的支架,它相當(dāng)于是設(shè)計的基礎(chǔ),沒有好的基礎(chǔ)怎么能夠談得上出色的設(shè)計呢?所以網(wǎng)格不僅不影響創(chuàng)意的發(fā)揮,反而能使設(shè)計師思路得到理性地梳理。
節(jié)奏韻律
縱向的節(jié)奏在網(wǎng)頁設(shè)計中是比較運(yùn)用廣泛且明顯的。縱向節(jié)奏在這方面起到的優(yōu)化網(wǎng)站的作用還是挺大的。網(wǎng)頁縱向節(jié)奏感其實就是為網(wǎng)站設(shè)定一個縱向的單元高度,就好比我們的記事本那樣,每一頁都是布滿了固定高度的線。如果文字正好處于單元高度上,那版面就能獲得連貫的縱向平衡和節(jié)奏感。很顯然,按縱向垂直節(jié)奏排列的設(shè)計更加容易掃描或閱讀,因為它使內(nèi)容的“出現(xiàn)”更加有規(guī)律。
體現(xiàn)層級
任何一個版面或界面都存在著不同層級關(guān)系、不同組織結(jié)構(gòu)的內(nèi)容和元素,而且內(nèi)容版面層級的設(shè)計規(guī)劃和視覺層次的設(shè)計規(guī)劃其實是一樣的原理,視覺美術(shù)渲染有主次之分,那么版面內(nèi)容的層級也一樣具有主次之分的,進(jìn)行排版設(shè)計的時候,設(shè)計師應(yīng)該把這種客觀存在的層級關(guān)系用編排的手段把它還原出來。做好版面層級區(qū)分能夠提升文本、圖片等的元素的視覺線索從而獲得更好的界面清晰度,簡單地說就是使內(nèi)容更容易閱讀了。
我們要建立一個優(yōu)秀的網(wǎng)站,就需要協(xié)調(diào)好他的支架,抓住他的整體的感覺,才能用第一印象來抓住瀏覽者的注意力。