我們進(jìn)行網(wǎng)站建設(shè)的時(shí)候，排版是一個(gè)基本的工作。正確的排版會(huì)令用戶看起來(lái)非常舒服，但是如果排版不妥，給我們帶來(lái)視覺上的影響就會(huì)很大，所以，當(dāng)我們進(jìn)行頁(yè)面排版設(shè)計(jì)時(shí)，也應(yīng)該遵守一定的原則。

1、對(duì)齊

網(wǎng)站建設(shè)的元素不是隨意擺放，而是元素和元素之間有一定的擺放規(guī)則。例如下圖，標(biāo)題在一行，并有一定的間距，而按鈕處于相應(yīng)標(biāo)題的下方，也有一定的間距。這樣看起來(lái)給人感覺非常整齊統(tǒng)一，頁(yè)面也讓人看起來(lái)舒服。

2、對(duì)比

元素之間盡量避免太相似，這通常體現(xiàn)在頁(yè)面元素的顏色、形狀、大小等等。以文字為例，黑色大字作為標(biāo)題，灰色小字作為內(nèi)容，能夠正確引導(dǎo)用戶分辨出主次內(nèi)容，有序地瀏覽內(nèi)容。

3、親密性

所謂親密性，就是相關(guān)元素應(yīng)該放在一起，讓用戶知道這些元素是有關(guān)聯(lián)的，就是存在親密性。網(wǎng)站建設(shè)時(shí)將相關(guān)元素放在一起，能夠幫助整理頁(yè)面內(nèi)容，減少頁(yè)面混亂。如下圖產(chǎn)品服務(wù)里的四個(gè)元素，都是和產(chǎn)品服務(wù)有關(guān)聯(lián)的，歸類在一起就能讓我們很好的分辨出這是具有親密性的元素。

4、重復(fù)

所謂的重復(fù)，并不是內(nèi)容重復(fù)。而頁(yè)面中的元素，以一個(gè)有特定形式的整體，重復(fù)出現(xiàn)在網(wǎng)站里。久而久之，當(dāng)用戶看到這個(gè)整體元素出現(xiàn)，也能夠馬上清楚它的屬性。以網(wǎng)站建設(shè)的導(dǎo)航欄為例，它會(huì)出現(xiàn)在每一個(gè)頁(yè)面上，當(dāng)我們每瀏覽一個(gè)頁(yè)面，都能夠看到導(dǎo)航的存在，那么用戶也會(huì)知道這個(gè)是導(dǎo)航。

當(dāng)然，文章標(biāo)題加內(nèi)容形成一個(gè)整體元素，重復(fù)出現(xiàn)也會(huì)達(dá)到一樣的效果。

當(dāng)我們觀察其他頁(yè)面排版的時(shí)候，也會(huì)發(fā)現(xiàn)其實(shí)都經(jīng)常用到以上這些原則，也證明了這些排版設(shè)計(jì)方式具有一定的實(shí)用程度。所以如果大家自己建設(shè)網(wǎng)站需要進(jìn)行頁(yè)面設(shè)計(jì)時(shí)，也不妨參考下以上的設(shè)計(jì)方式吧。