- 相關(guān)推薦
網(wǎng)頁(yè)設(shè)計(jì)的形式及原則
網(wǎng)頁(yè)設(shè)計(jì)的形式及原則
頁(yè)面布局是指以最適合用戶瀏覽的方式將圖片和文字排放在頁(yè)面的不同位置。
1.頁(yè)面布局的形式 (1)"T”形結(jié)構(gòu)布局
"T”形結(jié)構(gòu)布局是網(wǎng)頁(yè)設(shè)計(jì)中應(yīng)用較廣泛的一種布局方式，通常頁(yè)面頂部為網(wǎng)站的標(biāo)志、廣告條、主菜單等，右側(cè)或左側(cè)有一列邊欄，然后另一側(cè)是很寬的正文，這種布局形式的頁(yè)面結(jié)構(gòu)清晰，主次分明，但容易給人一種規(guī)矩呆板的感覺(jué)。
(2)“口”形布局
通常頁(yè)面最上邊是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來(lái)就是網(wǎng)站的主要內(nèi)容，左右分列幾小條內(nèi)容，中間是主要部分，最下邊是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種布局形式充分利用了版面，信息量大，但頁(yè)面往往比較擁擠，不夠靈活。
(3)“川”形或“三”形布局
“川”形布局頁(yè)面被垂直劃分為若干欄，一般分為三欄或四欄，在頁(yè)面的頂部是標(biāo)志欄或廣告欄等。而“三”形布局頁(yè)面被水平劃分為若干欄，色塊中大多放廣告條。
(4) POP布局 POP布局形式的頁(yè)面大部分內(nèi)容為精美的圖片和一些小的動(dòng)畫(huà)，再放置兒個(gè)簡(jiǎn)單的鏈接;或采用Flash動(dòng)畫(huà)形式作為頁(yè)而的設(shè)計(jì)中心。這種布局形式漂亮吸引人，但瀏覽速度較慢，常用于時(shí)尚類網(wǎng)站。
(5)標(biāo)題正文型布局
標(biāo)題正文型布局通常在頁(yè)面最上邊是標(biāo)題或類似的一些內(nèi)容，卜邊則是正文內(nèi)容。商務(wù)網(wǎng)站的一些政策頁(yè)面、幫助文章頁(yè)面或注冊(cè)頁(yè)面等常采用這種類型。
(6)框架型布局 框架型布局形式包括左右框架型布局、上下框架型布局及綜合框架型布局等形式。
在左右框架型布局中，一般左側(cè)是導(dǎo)航鏈接，有時(shí)最上邊會(huì)有一個(gè)小的標(biāo)題或標(biāo)志，右側(cè)是正文內(nèi)容。這種布局形式結(jié)構(gòu)清晰、一目了然，常用于大型論壇及企業(yè)網(wǎng)站的頁(yè)面。
上下框架型布局形式與左右框架型布局類似，區(qū)別僅僅在于是一種上「分為兩頁(yè)的框架。
綜合框架型布局是一種相對(duì)復(fù)雜的框架結(jié)構(gòu)，通常結(jié)合了左右框架型和上下框架型的布局形式。
具體采用什么類型的布局結(jié)構(gòu)，要依據(jù)實(shí)際情況具體分析。如果內(nèi)容較多，可選用“T"形布局或“口”形布局形式;如果需要展示企業(yè)形象或個(gè)人風(fēng)采，可以選川POP布局形式;如果是具體的內(nèi)容頁(yè)面，則可以選用標(biāo)題正文型布局形式。 2.頁(yè)面布局的原則 (1)重點(diǎn)突出
應(yīng)考慮頁(yè)面的視覺(jué)中心，即屏幕的中央或中間偏上的位置處。通常一些重要的文章和圖片可以安排在這個(gè)位置，稍微次要的內(nèi)容可以安排在視覺(jué)中心以外的位置。
(2)平衡諧調(diào) 應(yīng)充分考慮受眾視覺(jué)的接受度，和諧地運(yùn)川頁(yè)面色塊、顏色、文字、圖片等信息形式，力求達(dá)到一種穩(wěn)定、誠(chéng)實(shí)、信賴的頁(yè)面效果。
(3)圖文并茂 應(yīng)注意文字與圖片的和諧統(tǒng)一。文字與圖片互為襯托，既能活躍頁(yè)面，又能豐富頁(yè)面內(nèi)容。 (4)簡(jiǎn)潔清晰
網(wǎng)頁(yè)內(nèi)容的編排應(yīng)便于閱讀。通過(guò)使用醒目的標(biāo)題，限制所用的字體和顏色的數(shù)日，來(lái)保持版面的簡(jiǎn)潔。
【網(wǎng)頁(yè)設(shè)計(jì)的形式及原則】相關(guān)文章：
網(wǎng)頁(yè)美工設(shè)計(jì)基本原則08-01
網(wǎng)頁(yè)設(shè)計(jì)報(bào)告07-31
網(wǎng)頁(yè)設(shè)計(jì)總結(jié)11-09
怎樣網(wǎng)頁(yè)設(shè)計(jì)03-30
網(wǎng)頁(yè)設(shè)計(jì)求職信 個(gè)人求職網(wǎng)頁(yè)設(shè)計(jì)02-21
普通網(wǎng)頁(yè)設(shè)計(jì)與淘寶網(wǎng)頁(yè)設(shè)計(jì)有什么不同？07-09
網(wǎng)頁(yè)設(shè)計(jì)實(shí)踐報(bào)告08-12
網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)07-28