網(wǎng)頁(yè)布局都遵循以下幾個(gè)基本的原則。
● 突出重點(diǎn)，做到主次分明，中心突出：在一個(gè)頁(yè)面上，必須考慮瀏覽者第一次打開(kāi)該頁(yè)面的時(shí)候會(huì)看到的內(nèi)容，就是通常所說(shuō)的視覺(jué)中心。視覺(jué)中心一般在屏幕的中央，或者在中間靠上的位置。所以，網(wǎng)站上一些比較重要的文章或者圖片一般就可以放在這個(gè)地方，在視覺(jué)中心以外的地方可以安排一些稍微次要的內(nèi)容，做到合理搭配。
● 文章長(zhǎng)短和圖片大小的搭配要合理，并相互呼應(yīng)：較長(zhǎng)的文章和標(biāo)題不要都放在一起，需要保持一定的距離；同樣，短文章的正文和標(biāo)題也不要都放在一起編輯。對(duì)于圖片的安排也應(yīng)該是一樣的，要做到錯(cuò)落有致，使大小圖片之間保持一定的距離，這樣可以使頁(yè)面的重心不至于發(fā)生偏離。
● 綜合運(yùn)用各種元素，爭(zhēng)取做到信息飽滿(mǎn)，圖文并茂：文字、圖片和動(dòng)畫(huà)具有一種相互補(bǔ)充的視覺(jué)關(guān)系。一個(gè)網(wǎng)站，如果文字性?xún)?nèi)容太多，就會(huì)給人一種沉悶，缺乏生氣的感覺(jué)，而頁(yè)面上的圖片或者動(dòng)畫(huà)太多，文字太少，又會(huì)讓人感覺(jué)華而不實(shí)，而且信息容量肯定會(huì)減少。因此，最理想的狀態(tài)就是文字、圖片、動(dòng)畫(huà)密切配合，互為襯托，這樣既能使網(wǎng)頁(yè)美觀，不呆板，又具有豐富的內(nèi)容。
● 要保證網(wǎng)站的簡(jiǎn)潔一致：一個(gè)網(wǎng)頁(yè)要想做到簡(jiǎn)潔，通常的做法就是使用醒目的標(biāo)題，另一種做法就是限制所用字體和顏色的種數(shù)。要保持一致，可以使各個(gè)頁(yè)面使用相同的頁(yè)邊距，文本圖形之間保持相同間距。
● 嘗試使用文本的布局協(xié)助導(dǎo)航：如果頁(yè)面里包含幾十個(gè)鏈接，那么，可以把這些鏈接分類(lèi)，并且用不同的標(biāo)題和顏色塊來(lái)區(qū)分它們。
由上面的內(nèi)容可以看到，網(wǎng)頁(yè)布局非常重要。下面介紹一下常見(jiàn)的網(wǎng)頁(yè)排版格式。
（1）“國(guó)”字型網(wǎng)站：此種網(wǎng)站布局的主要特點(diǎn)就是最上面是網(wǎng)站的標(biāo)志、廣告以及導(dǎo)航欄，接下來(lái)就是網(wǎng)站的主要內(nèi)容，左右分別羅列出一些內(nèi)容，中間是主要內(nèi)容，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式和相關(guān)版權(quán)信息等。此種布局的優(yōu)點(diǎn)是充分使用版面，信息量大；缺點(diǎn)是頁(yè)面擁擠，不夠靈活。
（2）“框架”型布局：這種網(wǎng)站布局一般分成上下或左右布局。一欄是導(dǎo)航欄目，一欄是正文部分，復(fù)雜的也可以將頁(yè)面分成許多部分，常見(jiàn)的是上下兩欄布局，上面一欄放置網(wǎng)站的導(dǎo)航條，下面一欄放置正文內(nèi)容。
（3）“廠”字型網(wǎng)站：這種網(wǎng)站布局，一般是頁(yè)面頂部為橫條網(wǎng)站標(biāo)志加廣告條，下方左側(cè)為導(dǎo)航菜單，右側(cè)顯示詳細(xì)信息，其整體效果類(lèi)似于“廠”字，所以稱(chēng)之為“廠”字布局。這種布局結(jié)構(gòu)的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰、主次分明，是初學(xué)者容易上手的布局方法，缺點(diǎn)是規(guī)矩呆板，容易讓人看之乏味。
服務(wù)熱線(xiàn)
13697542592
海口市龍華區(qū)國(guó)貿(mào)路海涯國(guó)際大廈25樓B室
