企業(yè)做網(wǎng)站網(wǎng)頁(yè)布局方式
日期 : 2021-07-03 19:20:41
在設(shè)計(jì)網(wǎng)頁(yè)界面時(shí)，需要從整體上把握好各種要素的布局，只有充分利用、有效分割有限的頁(yè)面空間，才能設(shè)計(jì)出好的網(wǎng)頁(yè)界面。常見(jiàn)的網(wǎng)頁(yè)布局方式主要有：“國(guó)”字形，“T”字形，標(biāo)題正文型、左右分割型、上下分割型、封面型、Flash型和綜合型。
“國(guó)”字形結(jié)構(gòu)是網(wǎng)頁(yè)上使用最多的一種結(jié)構(gòu)類型，是綜合性網(wǎng)站界面中最常用的板式。網(wǎng)頁(yè)通常會(huì)在頁(yè)面最上面放置Logo、導(dǎo)航和橫幅廣告條。接下來(lái)就是網(wǎng)站的主體內(nèi)容，分為左、中、右三大塊。頁(yè)面最下面是網(wǎng)站的一些基本信息、聯(lián)系方式和版權(quán)聲明等，這種板式的優(yōu)點(diǎn)是頁(yè)面充實(shí)、內(nèi)容豐富和信息量大，缺點(diǎn)是頁(yè)面擁擠并且靈活度不高。“T”字形布局與“國(guó)”字形布局十分相似，只是在形式上略有區(qū)別。頁(yè)面上方同樣是Logo、導(dǎo)航和廣告條，頁(yè)面中間部分左側(cè)是一列略窄的菜單或鏈接，右側(cè)是比較寬的主體部分。頁(yè)面下方也是一些網(wǎng)站的輔助信息和版權(quán)信息等內(nèi)容。這種類型的布局方式在頁(yè)面最上方是標(biāo)題或一些類似的元素，中間是正文部分，最下面是一些版底信息。我們常用的搜索引擎類網(wǎng)站和注冊(cè)頁(yè)面基本都采用這種布局方式。
左右框架型結(jié)構(gòu)的頁(yè)面通常會(huì)在左側(cè)放置一列文字鏈接，有時(shí)最上面會(huì)有標(biāo)題或Logo，頁(yè)面的右側(cè)則是正文或主題部分，大部分的論壇都采用這種布局方式。這種類型的網(wǎng)頁(yè)布局，結(jié)構(gòu)清晰且一目了然。上下框架結(jié)構(gòu)與左右框架結(jié)構(gòu)類似，區(qū)別僅限于上下框架型頁(yè)面的導(dǎo)航菜單和Logo在上方，正文和主體內(nèi)容在下方。POP源自廣告術(shù)語(yǔ)，指頁(yè)面布局像一張宣傳海報(bào)，以圖片作為頁(yè)面的中心。常用于時(shí)尚類網(wǎng)站，優(yōu)點(diǎn)是漂亮吸引人，缺點(diǎn)是速度慢。封面型布局的頁(yè)往往會(huì)直接使用一些極具設(shè)計(jì)感的圖像或動(dòng)畫(huà)作為網(wǎng)頁(yè)背景，然后添加一個(gè)簡(jiǎn)單的“進(jìn)入”按鈕就是全部?jī)?nèi)容了。這種布局方式十分開(kāi)放自由，通常出現(xiàn)在一些網(wǎng)站的首頁(yè)，如果運(yùn)用得恰到好處，會(huì)給用戶帶來(lái)十分賞心悅目的感覺(jué)。Flash型布局方式與封面型類似，只是采用了目前流行的Flash動(dòng)畫(huà)。相較于圖形來(lái)說(shuō)，F(xiàn)lash具有更強(qiáng)的交互性，不僅可以表現(xiàn)更多的信息和內(nèi)容，還能更好地渲染頁(yè)面的活躍氣氛。游戲類網(wǎng)站和設(shè)計(jì)類網(wǎng)站喜歡采用這種布局方式作為首頁(yè)。
“國(guó)”字形結(jié)構(gòu)是網(wǎng)頁(yè)上使用最多的一種結(jié)構(gòu)類型，是綜合性網(wǎng)站界面中最常用的板式。網(wǎng)頁(yè)通常會(huì)在頁(yè)面最上面放置Logo、導(dǎo)航和橫幅廣告條。接下來(lái)就是網(wǎng)站的主體內(nèi)容，分為左、中、右三大塊。頁(yè)面最下面是網(wǎng)站的一些基本信息、聯(lián)系方式和版權(quán)聲明等，這種板式的優(yōu)點(diǎn)是頁(yè)面充實(shí)、內(nèi)容豐富和信息量大，缺點(diǎn)是頁(yè)面擁擠并且靈活度不高。“T”字形布局與“國(guó)”字形布局十分相似，只是在形式上略有區(qū)別。頁(yè)面上方同樣是Logo、導(dǎo)航和廣告條，頁(yè)面中間部分左側(cè)是一列略窄的菜單或鏈接，右側(cè)是比較寬的主體部分。頁(yè)面下方也是一些網(wǎng)站的輔助信息和版權(quán)信息等內(nèi)容。這種類型的布局方式在頁(yè)面最上方是標(biāo)題或一些類似的元素，中間是正文部分，最下面是一些版底信息。我們常用的搜索引擎類網(wǎng)站和注冊(cè)頁(yè)面基本都采用這種布局方式。
左右框架型結(jié)構(gòu)的頁(yè)面通常會(huì)在左側(cè)放置一列文字鏈接，有時(shí)最上面會(huì)有標(biāo)題或Logo，頁(yè)面的右側(cè)則是正文或主題部分，大部分的論壇都采用這種布局方式。這種類型的網(wǎng)頁(yè)布局，結(jié)構(gòu)清晰且一目了然。上下框架結(jié)構(gòu)與左右框架結(jié)構(gòu)類似，區(qū)別僅限于上下框架型頁(yè)面的導(dǎo)航菜單和Logo在上方，正文和主體內(nèi)容在下方。POP源自廣告術(shù)語(yǔ)，指頁(yè)面布局像一張宣傳海報(bào)，以圖片作為頁(yè)面的中心。常用于時(shí)尚類網(wǎng)站，優(yōu)點(diǎn)是漂亮吸引人，缺點(diǎn)是速度慢。封面型布局的頁(yè)往往會(huì)直接使用一些極具設(shè)計(jì)感的圖像或動(dòng)畫(huà)作為網(wǎng)頁(yè)背景，然后添加一個(gè)簡(jiǎn)單的“進(jìn)入”按鈕就是全部?jī)?nèi)容了。這種布局方式十分開(kāi)放自由，通常出現(xiàn)在一些網(wǎng)站的首頁(yè)，如果運(yùn)用得恰到好處，會(huì)給用戶帶來(lái)十分賞心悅目的感覺(jué)。Flash型布局方式與封面型類似，只是采用了目前流行的Flash動(dòng)畫(huà)。相較于圖形來(lái)說(shuō)，F(xiàn)lash具有更強(qiáng)的交互性，不僅可以表現(xiàn)更多的信息和內(nèi)容，還能更好地渲染頁(yè)面的活躍氣氛。游戲類網(wǎng)站和設(shè)計(jì)類網(wǎng)站喜歡采用這種布局方式作為首頁(yè)。
相關(guān)文章
精彩導(dǎo)讀
熱門(mén)資訊
