一般在設(shè)計網(wǎng)站前，都會確定好網(wǎng)站的布局結(jié)構(gòu)，最合適瀏覽的方式將圖片和文字排放在頁面的不同位置，小編整理了6條關(guān)于網(wǎng)頁布局的方法，希望對設(shè)計的朋友有所幫助。

1.POP布局

POP引自廣告術(shù)語，就是指頁面布局像一張宣傳海報，POP布局是一種頗具藝術(shù)感和時尚感的網(wǎng)頁布局方式。頁面設(shè)計通常以一張精美的海報畫面為布局的主體。

優(yōu)點顯而易見：漂亮吸引人。缺點就是速度慢。作為版面布局，還是值得借鑒的。

2.“國字”型布局：(也稱為同型布局)

“國”字型布局由“同”字型布局進化而來，因布局結(jié)構(gòu)與漢字“國”相似而得名。其頁面設(shè)計如下：

1）最上部分一般放置網(wǎng)站的標(biāo)志和導(dǎo)航欄或Banner廣告

2）中間左側(cè)：導(dǎo)航菜單+其他

3）中間中心：主要放置網(wǎng)站的主要內(nèi)容，

4）中間右側(cè)：友情鏈接+其他

5）最下部分一般放置網(wǎng)站的版權(quán)信息和聯(lián)系方式等。

通常用于主頁的設(shè)計，其主要優(yōu)點是頁面容納內(nèi)容很多，信息量大。

3. ”口“型布局。

這是一個象形的說法，就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情鏈接等，中間是主要內(nèi)容。這種布局的優(yōu)點是充分利用版面，信息量大。

缺點是頁面擁擠，不夠靈活

4.T型布局

T型布局結(jié)構(gòu)因與英文大寫字母T相似而得名。其頁面設(shè)計如下：

1）頂部一般放置橫網(wǎng)站的標(biāo)志或Banner廣告

2）下方左側(cè)是導(dǎo)航欄菜單

3）下方右側(cè)則用于放置網(wǎng)頁正文等主要內(nèi)容

優(yōu)點是頁面結(jié)構(gòu)清晰，主次分明，是初學(xué)者最容易上手的布局方法。缺點是規(guī)矩呆板，如果不注意細節(jié)色彩，很容易讓人”看之無味“

5.標(biāo)題正文型

標(biāo)題正文型布局的布局結(jié)構(gòu)一般用于顯示文章頁面、新聞頁面和一些注冊頁面等。

1)最上方是標(biāo)題或廣告等內(nèi)容

2)下面是正文

特點是簡潔明快，干擾信息少，較為正規(guī)。

6.左右框架型布局

左右框架型布局結(jié)構(gòu)是一些大型論壇和企業(yè)經(jīng)常使用的一種布局結(jié)構(gòu)。其布局結(jié)構(gòu)主要分為左右兩側(cè)的頁面。一半深色一半淺色，一般用于設(shè)計型站點。其頁面設(shè)計如下：

1）左側(cè)一般主要為導(dǎo)航欄鏈接+網(wǎng)站Logo+其他

2）右側(cè)則放置網(wǎng)站的主要內(nèi)容

優(yōu)點是視覺沖擊力強，缺點是很難將兩部分有機地結(jié)合起來

7.上下框架型

上下框架型布局與前面的左右框架型布局類似。其區(qū)別僅在于是一種上下分為兩頁的框架。一半深色一半淺色，一般用于設(shè)計型站點。

優(yōu)點是視覺沖擊力強，缺點是很難將兩部分有機地結(jié)合起來

8.綜合框架型

綜合框架型布局是結(jié)合左右框架型布局和上下框架型布局的頁面布局。

9.統(tǒng)一T型網(wǎng)站布局

這是綜合以上，常用的一種布局方式

以上就是網(wǎng)頁布局的方法，如果想了解更多網(wǎng)站設(shè)計，可關(guān)注深圳網(wǎng)騎士科技。