您好,歡迎來到一站式眾包服務(wù)平臺-威客牛網(wǎng)!
當(dāng)前位置:威客牛首頁 > 知識百科 > IT軟件 > 整站建設(shè) > 網(wǎng)站框架設(shè)計原則

網(wǎng)站框架設(shè)計原則

2022-12-04作者:網(wǎng)友投稿
頁面布局是指以最適合用戶瀏覽的方式將圖片和文字排放在頁面的不同位置。

(1)"T”形結(jié)構(gòu)布局


"T”形結(jié)構(gòu)布局是網(wǎng)頁設(shè)計中應(yīng)用較廣泛的一種布局方式,通常頁面頂部為網(wǎng)站的標(biāo)志、廣告條、主菜單等,右側(cè)或左側(cè)有一列邊欄,然后另一側(cè)是很寬的正文,這種布局形式的頁面結(jié)構(gòu)清晰,主次分明,但容易給人一種規(guī)矩呆板的感覺。

(2)“口”形布局

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

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

“川”形布局頁面被垂直劃分為若干欄,一般分為三欄或四欄,在頁面的頂部是標(biāo)志欄或廣告欄等。而“三”形布局頁面被水平劃分為若干欄,色塊中大多放廣告條。

(4) POP布局

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

(5)標(biāo)題正文型布局

標(biāo)題正文型布局通常在頁面最上邊是標(biāo)題或類似的一些內(nèi)容,卜邊則是正文內(nèi)容。商務(wù)網(wǎng)站的一些政策頁面、幫助文章頁面或注冊頁面等常采用這種類型。

(6)框架型布局

框架型布局形式包括左右框架型布局、上下框架型布局及綜合框架型布局等形式。

在左右框架型布局中,一般左側(cè)是導(dǎo)航鏈接,有時最上邊會有一個小的標(biāo)題或標(biāo)志,右側(cè)是正文內(nèi)容。這種布局形式結(jié)構(gòu)清晰、一目了然,常用于大型論壇及企業(yè)網(wǎng)站的頁面。

上下框架型布局形式與左右框架型布局類似,區(qū)別僅僅在于是一種上「分為兩頁的框架。

綜合框架型布局是一種相對復(fù)雜的框架結(jié)構(gòu),通常結(jié)合了左右框架型和上下框架型的布局形式。

具體采用什么類型的布局結(jié)構(gòu),要依據(jù)實(shí)際情況具體分析。如果內(nèi)容較多,可選用“T"形布局或“口”形布局形式;如果需要展示企業(yè)形象或個人風(fēng)采,可以選川POP布局形式;如果是具體的內(nèi)容頁面,則可以選用標(biāo)題正文型布局形式。 2.頁面布局的原則

應(yīng)考慮頁面的視覺中心,即屏幕的中央或中間偏上的位置處。通常一些重要的文章和圖片可以安排在這個位置,稍微次要的內(nèi)容可以安排在視覺中心以外的位置。
免費(fèi)查詢商標(biāo)注冊