頁(yè)面設(shè)計(jì)的排版和布局原則是經(jīng)過(guò)了長(zhǎng)期驗(yàn)證的寶貴經(jīng)驗(yàn)。任何網(wǎng)頁(yè)的基本布局都應(yīng)遵循這幾條原則,這樣就就能夠保證網(wǎng)頁(yè)從基礎(chǔ)上能夠讓用戶(hù)看上去有舒適感。下面就來(lái)說(shuō)說(shuō)頁(yè)面設(shè)計(jì)的基本原則:
1、對(duì)齊
除了部分需要展現(xiàn)藝術(shù)流線(xiàn)型的頁(yè)面之外,大部分網(wǎng)站上的元素都應(yīng)遵循基本的對(duì)其原則。頁(yè)面看上去所有的元素都統(tǒng)一,有聯(lián)系而且彼此相關(guān),各個(gè)單獨(dú)的元素之間存在著某種視覺(jué)紐帶。雖然沒(méi)有間隔線(xiàn),但是通過(guò)統(tǒng)一對(duì)齊的方式,使頁(yè)面看起來(lái)更容易且美觀。
2、統(tǒng)一性
網(wǎng)站的元素要具有統(tǒng)一性。各種元素例如按鈕、線(xiàn)框、圖片大小等等,頁(yè)面內(nèi)不同頁(yè)面都能保持統(tǒng)一性可以增加網(wǎng)頁(yè)內(nèi)的條理,從觀感上也能給人以愉悅,同時(shí)還能降低用戶(hù)的學(xué)習(xí)成本。
3、對(duì)比色
一個(gè)頁(yè)面應(yīng)當(dāng)充分使用對(duì)比色,來(lái)引導(dǎo)用戶(hù)的視線(xiàn),讓他們能夠請(qǐng)送關(guān)注到那些重要的元素。要避免頁(yè)面上的元素太過(guò)相似,這樣很難突出重點(diǎn)。
4、相關(guān)性
彼此相關(guān)的內(nèi)容應(yīng)彼此相近,有所歸組。如果一些元素的相關(guān)性很大,它們就會(huì)成為一個(gè)視覺(jué)單元,而不是多個(gè)孤立的元素。這有助于組織信息,減少混亂,為用戶(hù)提供清晰的結(jié)構(gòu)。
這些都是頁(yè)面設(shè)計(jì)的基本原則,仔細(xì)觀察就會(huì)發(fā)現(xiàn)現(xiàn)在網(wǎng)絡(luò)上的很多成熟網(wǎng)站雖然風(fēng)格多樣,但大多遵循了這些原則。這些是大量設(shè)計(jì)師總結(jié)出來(lái)的成熟經(jīng)驗(yàn),非常值得借鑒。
我們擁有國(guó)內(nèi)頂級(jí)的設(shè)計(jì)、技術(shù)團(tuán)隊(duì)和多年互聯(lián)網(wǎng)軟件開(kāi)發(fā)經(jīng)驗(yàn)。