一、網(wǎng)頁排版布局的步驟
1.構(gòu)思
根據(jù)網(wǎng)站的內(nèi)容整體風(fēng)格，設(shè)計版面布局。你可以參考其他的優(yōu)秀的網(wǎng)站，調(diào)用自己的各種知識儲備，特別是藝術(shù)方面的，在大腦中不斷地醞釀、碰撞，往往不經(jīng)意就有閃光的思想出現(xiàn)。這時你就要抓緊時間把它變成文字的東西，用筆在紙上粗略的勾畫出布局的輪廓，不要講究細(xì)節(jié)，只要有一個輪廓就行。當(dāng)然你也可以有多種想法，盡量都把它們畫出來，然后再比較，采用一種比較滿意的方案。
2.初步填充內(nèi)容
這一步就要把一些主要的內(nèi)容放到網(wǎng)頁中，例如網(wǎng)站的標(biāo)志、廣告條、菜單、導(dǎo)航條、計數(shù)器等，要注意重點突出，把網(wǎng)站標(biāo)志、廣告條、菜單放在最突出、最醒目的位置，然后再考慮其它的元素的放置。
3.細(xì)化
在將各主要元素確定之后，下面就可以考慮文字、圖像、表格等頁面元素的排版布局了。在這一步，你可以用網(wǎng)頁編輯工具把草案做成一個簡略的網(wǎng)頁，當(dāng)然對每一個元所占的比例也要有一個詳細(xì)的數(shù)字，以便以后修改。
經(jīng)過以上幾步之后，相信你的網(wǎng)頁布局已經(jīng)初具規(guī)模了，讓別人看一下，給你提些建議，再不斷修改，一個很有特色的網(wǎng)頁就要浮出水面了。
二、網(wǎng)頁排版布局的原則
上面我們簡要的介紹了設(shè)計網(wǎng)頁布局的步驟，事實上，在構(gòu)思和設(shè)計的過程中，你還必須要掌握以下的幾項原則：
1.平衡性
一個好的網(wǎng)頁布局應(yīng)該給人一種安定、平穩(wěn)的感覺，它不僅表現(xiàn)在文字、圖像等要素的空間占用上分布均勻，而且還有色彩的平衡，要給人一種協(xié)調(diào)的感覺。
2.對稱性
對稱是一種美，我們生活中有許多事物都是對稱的，但過度的對稱就會給人一種呆板、死氣沉沉的感覺，因此要適當(dāng)?shù)拇蚱茖ΨQ，制造一點變化。
3.對比性
讓不同的形態(tài)、色彩等元素相互對比，來形成鮮明的視覺效果。例如黑白對比，圓形和方形對比等，它們往往能夠創(chuàng)造出富有變化的效果。
4.疏密度
網(wǎng)頁要做到疏密有度，即平常所說的“密不透風(fēng)，疏可跑馬”。不要整個網(wǎng)頁一種樣式，要適當(dāng)進(jìn)行留白，過用空格，改變行間距、字間距等制造一些變化的效果。
5.比例
比例適錄，這在布局中非常重要，雖然不一定都要做到黃金分割，但比例一定要協(xié)調(diào)。
三、常見的布局樣式
1.T字型
這種布局最為常見，就是指頁面最上方是廣告條，頁面下方左邊是菜單，右面顯示頁面內(nèi)容，整體上類似英文字母“T”，所以我們稱之為T字型布局。這種布局條理清晰、主次分明，非常適合初學(xué)者學(xué)習(xí)，但略有點呆板。
2.口字型
這種布局類似一個方框，上下是廣告條，左面是菜單，右面是友情鏈接，中間是網(wǎng)頁內(nèi)容，網(wǎng)頁布局緊湊、信息豐富，但四面封閉，給人一種壓抑的感覺。
3.對稱型
整個網(wǎng)頁呈上下或左右對稱布局，非常醒目，如果兩部分搭配協(xié)調(diào)，網(wǎng)頁的視覺效果非常好，很有沖擊力。
4.海報型
這種布局就像我們平時見到的海報一樣，中間是一幅很醒目、設(shè)計非常精美的圖片，周圍點綴著一些圖片和文字鏈接。這種設(shè)計常用直一些時尚類和公司的首頁，非常吸引人。但大量的運(yùn)用圖片導(dǎo)致網(wǎng)頁下載速度很慢，而且擔(dān)供的信息量較少。
歡迎訪問更多網(wǎng)站推廣,網(wǎng)絡(luò)營銷,網(wǎng)站優(yōu)化,SEO相關(guān)內(nèi)容
.png)