web設(shè)計(jì)經(jīng)典布局

時(shí)間：2023-10-04 10:42:01 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-10-04 10:42:01 來(lái)源：網(wǎng)站運(yùn)營(yíng)

web設(shè)計(jì)經(jīng)典布局：1.封面型（POP 布局）：

一般出現(xiàn)在網(wǎng)站首頁(yè)，精美的平面設(shè)計(jì)圖片占據(jù)主題，視頻為輔助（也可能沒(méi)有）。最下方或者右側(cè)會(huì)放些文案。文案可點(diǎn)擊;或者放進(jìn)入的按鈕。

2.綜合框架型：

這種設(shè)計(jì)比較自由，可能是結(jié)合了多種框架的模式。


3.左右框架型

這是一種左右為分別兩頁(yè)的框架結(jié)構(gòu)，一般左面是導(dǎo)航鏈接，有時(shí)最上面會(huì)有一個(gè)小的標(biāo)題或標(biāo)致，右面是正文。我們見(jiàn)到的大部分的大型論壇都是這種結(jié)構(gòu)的，有一些企業(yè)網(wǎng)站也喜歡采用。這種類型結(jié)構(gòu)非常清晰，一目了然；


4.上下框架型：

上層多是導(dǎo)航作用，最下方一般會(huì)寫些基礎(chǔ)的網(wǎng)頁(yè)信息，簡(jiǎn)介之類的。正文一張圖片或者視頻。


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

只有標(biāo)題和正文兩部分構(gòu)成，上邊是標(biāo)題，下面是正文。一些注冊(cè)頁(yè)面或者文章撰寫的頁(yè)面也采用這種方式


6.拐角型（T型）：

這種結(jié)構(gòu)與上一種其實(shí)只是形式上的區(qū)別，其實(shí)是很相近。上面是標(biāo)題及廣告橫幅，接下來(lái)的左側(cè)是一窄列鏈接等，右列是很寬的正文，下面也是一些網(wǎng)站的輔助信息。在這種類型中，一種很常見(jiàn)的類型是最上面是標(biāo)題及廣告，左側(cè)是導(dǎo)航鏈接；





7.“國(guó)”字型：

也可以稱為“同”字型，是一些大型網(wǎng)站所喜歡的類型，即最上面是網(wǎng)站的標(biāo)題以及橫幅廣告條，接下來(lái)就是網(wǎng)站的主要內(nèi)容，左右分列一些兩小條內(nèi)容，中間是主要部分，與左右一起羅列到底，最下面是網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)聲明等。這種結(jié)構(gòu)是我們?cè)诰W(wǎng)上見(jiàn)到的差不多最多的一種結(jié)構(gòu)類型。




8.FLASH布局

FLASH布局是指網(wǎng)頁(yè)頁(yè)面以一個(gè)或多個(gè)Flash作為頁(yè)面主體的布局方式。在這種布局中，大部分甚至整個(gè)頁(yè)面都是Flash。

因?yàn)轱@示端都在屏幕上，屏幕尺寸大，可顯示的位置多。所以信息核心的信息或主要的功能都會(huì)展示在前端。所以只要用戶讓用戶快速準(zhǔn)確的抓取到信息的頁(yè)面設(shè)計(jì)，就是好設(shè)計(jì)。

以上的框架僅為參考?？焖僮兓那闆r下，只有擁抱變化才能踩準(zhǔn)節(jié)奏。

（以上有參考網(wǎng)絡(luò)上的文章，結(jié)合了自己的理解編寫的，如果有侵權(quán)的部分，請(qǐng)私信我聯(lián)系刪除哦~）