?
時間:2021-06-18來源:網(wǎng)騎士
一般在設(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)騎士科技。