網(wǎng)頁(yè)設(shè)計(jì)三種布局 網(wǎng)頁(yè)頁(yè)面布局有哪三種常見方法?
網(wǎng)頁(yè)頁(yè)面布局有哪三種常見方法?所謂t型布局,是指頁(yè)面頂部為橫條(網(wǎng)站logo廣告條),底部左側(cè)為主菜單,右側(cè)為顯示內(nèi)容的布局。因?yàn)樗雌饋硐裼⑽淖帜浮皌”,所以被稱為t-layout。如圖(a)所示。
網(wǎng)頁(yè)頁(yè)面布局有哪三種常見方法?
所謂t型布局,是指頁(yè)面頂部為橫條(網(wǎng)站logo廣告條),底部左側(cè)為主菜單,右側(cè)為顯示內(nèi)容的布局。因?yàn)樗雌饋硐裼⑽淖帜浮皌”,所以被稱為t-layout。如圖(a)所示。
t-layout的優(yōu)點(diǎn)是頁(yè)面結(jié)構(gòu)清晰,主次分明,強(qiáng)調(diào)順序,能給人一種穩(wěn)定、可靠的感覺,使用方便。缺點(diǎn)是規(guī)則僵化,如果不注意細(xì)節(jié)和配色,容易枯燥。
2 mouth layout
在mouth layout頁(yè)面的頂部和底部有一個(gè)廣告欄,主菜單在左側(cè),鏈接和其他內(nèi)容在右側(cè),主要內(nèi)容在中間,如圖(b)所示。
嘴巴布局的優(yōu)點(diǎn)是它充分利用了布局,并且有大量的信息。它的缺點(diǎn)是頁(yè)面擁擠且不靈活。
3 pop layout
pop引自廣告詞,意思是頁(yè)面布局就像一張宣傳海報(bào),以漂亮的圖像作為頁(yè)面的設(shè)計(jì)中心,主菜單放置在適當(dāng)?shù)奈恢?,如圖(c)所示。這種布局不講究上下左右對(duì)稱,但要平衡有節(jié)奏。它能達(dá)到強(qiáng)調(diào)、動(dòng)作和高度注意的效果。它經(jīng)常用于時(shí)尚網(wǎng)站。它的優(yōu)點(diǎn)是吸引人,缺點(diǎn)是慢。
網(wǎng)頁(yè)布局的方法有哪些?
網(wǎng)頁(yè)的布局方式有很多種,根據(jù)不同的偏好,布局也有所不同:常見的布局方式有以下幾種:
1。按表格排版
表格排版的優(yōu)點(diǎn)是它可以處理不同的對(duì)象,而不用擔(dān)心不同對(duì)象之間的影響。此外,在定位圖像和文本方面,表格比CSS更方便。表格布局的唯一缺點(diǎn)是當(dāng)你使用太多表格時(shí),頁(yè)面的下載速度會(huì)受到影響
2。層疊樣式表布局
提出了層疊樣式表(cascading stylesheets,CSS),可以準(zhǔn)確定位文本和圖片。CSS對(duì)于初學(xué)者來說有點(diǎn)復(fù)雜,但它確實(shí)是一種很好的布局方法。以前無法實(shí)現(xiàn)的想法可以通過CSS實(shí)現(xiàn)
3。按框架布局
很多人不喜歡框架結(jié)構(gòu)的頁(yè)面,可能是因?yàn)樗募嫒菪浴5珡牟季稚峡紤],框架結(jié)構(gòu)是一種較好的布局方法。像表格布局一樣,它把不同的對(duì)象放在不同的頁(yè)面上進(jìn)行處理,因?yàn)檫吙蚩梢匀∠吙?,所以一般不影響整體美觀
4。當(dāng)然還有其他的排版方法,比如你可以在紙上排版,也就是先在紙上畫一個(gè)草圖,然后根據(jù)圖來做