網(wǎng)頁設(shè)計(jì)頁面布局知識(shí)學(xué)習(xí)

來源：培訓(xùn)無憂網(wǎng) 發(fā)布人：云朵

2022-02-11 09:10:51|已瀏覽：124次

頁面布局是網(wǎng)站設(shè)計(jì)的基礎(chǔ)。這時(shí)，需把頁面當(dāng)做一張白紙，在其上根據(jù)需要?jiǎng)澐殖龃笮〔煌膮^(qū)域，并把信息填充進(jìn)去。區(qū)域的劃分就是對(duì)頁面進(jìn)行布局，以便合理安排信息。在保持網(wǎng)站整體風(fēng)格一致的前提下，網(wǎng)頁布局應(yīng)根據(jù)頁面放置的信息類型、信息量等內(nèi)容方面的不同需求而設(shè)計(jì)。目前常用的頁面布局包括：分欄式、區(qū)域劃分和無規(guī)律式。

1．分欄式
分欄式結(jié)構(gòu)是一種開放式框架結(jié)構(gòu)，是目前常見的頁面布局，適合信息流量較大、更新較快、信息儲(chǔ)備巨大的站點(diǎn)，如新浪等門戶網(wǎng)站、資訊類網(wǎng)站。在分欄結(jié)構(gòu)中，三分欄為常見，其次是二分欄、四分欄及比較少見的五分欄等。
2．區(qū)域劃分
區(qū)域劃分式頁面布局是利用輔助線、圖形和色彩把網(wǎng)頁平面分為幾個(gè)區(qū)域，這些區(qū)域可以是規(guī)則的或不規(guī)則的，而由區(qū)域所形成的網(wǎng)頁框架叫做區(qū)域排版，它可以看做是分欄式結(jié)構(gòu)的變異。區(qū)域劃分式的優(yōu)勢在于它比分欄式結(jié)構(gòu)更靈活，能夠適應(yīng)多種信息內(nèi)容編排的需求，解決分欄式結(jié)構(gòu)無法解決的諸多問題。
3．無規(guī)律式
在分欄式和區(qū)域劃分編排以外的網(wǎng)頁框架可歸屬于一類，即無規(guī)律式頁面布局。它個(gè)性鮮明，與眾不同，其特殊的結(jié)構(gòu)不適合信息流量大的網(wǎng)站，主要以整張圖片的網(wǎng)頁設(shè)計(jì)為主，類似大海報(bào)，頁面漂亮，缺點(diǎn)就是圖片下載較慢，會(huì)影響網(wǎng)頁打開速度。

注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://elsolbar.com/news-id-20418.html 違者必究！部分文章來源于網(wǎng)絡(luò)由培訓(xùn)無憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注網(wǎng)頁制作頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050

相關(guān)新聞

相關(guān)新聞

免費(fèi) 申請(qǐng) 試聽

提交申請(qǐng)，《培訓(xùn)無憂網(wǎng)》課程顧問老師會(huì)一對(duì)一幫助你規(guī)劃更適合你的專業(yè)課程！