範文齋

位置:首頁 > 行業範文 > 設計

網頁設計的形式及原則

設計4.92K

頁面佈局是指以最適合用戶瀏覽的方式將圖片和文字排放在頁面的不同位置。

網頁設計的形式及原則

1.頁面佈局的形式 (1)"T”形結構佈局

"T”形結構佈局是網頁設計中應用較廣泛的一種佈局方式,通常頁面頂部爲網站的標誌、廣告條、主菜單等,右側或左側有一列邊欄,然後另一側是很寬的正文,這種佈局形式的頁面結構清晰,主次分明,但容易給人一種規矩呆板的感覺。

(2)“口”形佈局

通常頁面最上邊是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列幾小條內容,中間是主要部分,最下邊是網站的一些基本信息、聯繫方式、版權聲明等。這種佈局形式充分利用了版面,信息量大,但頁面往往比較擁擠,不夠靈活。

(3)“川”形或“三”形佈局

“川”形佈局頁面被垂直劃分爲若干欄,一般分爲三欄或四欄,在頁面的頂部是標誌欄或廣告欄等。而“三”形佈局頁面被水平劃分爲若干欄,色塊中大多放廣告條。

(4) POP佈局 POP佈局形式的頁面大部分內容爲精美的圖片和一些小的動畫,再放置兒個簡單的鏈接;或採用Flash動畫形式作爲頁而的設計中心。這種佈局形式漂亮吸引人,但瀏覽速度較慢,常用於時尚類網站。

(5)標題正文型佈局

標題正文型佈局通常在頁面最上邊是標題或類似的一些內容,卜邊則是正文內容。商務網站的一些政策頁面、幫助文章頁面或註冊頁面等常採用這種類型。

(6)框架型佈局 框架型佈局形式包括左右框架型佈局、上下框架型佈局及綜合框架型佈局等形式。

在左右框架型佈局中,一般左側是導航鏈接,有時最上邊會有一個小的標題或標誌,右側是正文內容。這種佈局形式結構清晰、一目瞭然,常用於大型論壇及企業網站的頁面。

上下框架型佈局形式與左右框架型佈局類似,區別僅僅在於是一種上「分爲兩頁的框架。

綜合框架型佈局是一種相對複雜的框架結構,通常結合了左右框架型和上下框架型的佈局形式。

具體採用什麼類型的佈局結構,要依據實際情況具體分析。如果內容較多,可選用“T"形佈局或“口”形佈局形式;如果需要展示企業形象或個人風採,可以選川POP佈局形式;如果是具體的內容頁面,則可以選用標題正文型佈局形式。 2.頁面佈局的原則 (1)重點突出

應考慮頁面的視覺中心,即屏幕的中央或中間偏上的位置處。通常一些重要的文章和圖片可以安排在這個位置,稍微次要的`內容可以安排在視覺中心以外的位置。

(2)平衡諧調 應充分考慮受衆視覺的接受度,和諧地運川頁面色塊、顏色、文字、圖片等信息形式,力求達到一種穩定、誠實、信賴的頁面效果。

(3)圖文並茂 應注意文字與圖片的和諧統一。文字與圖片互爲襯托,既能活躍頁面,又能豐富頁面內容。 (4)簡潔清晰

網頁內容的編排應便於閱讀。通過使用醒目的標題,限制所用的字體和顏色的數日,來保持版面的簡潔。

標籤:網頁