計算機網(wǎng)頁(yè)設計是網(wǎng)站建設中的關(guān)鍵內容, 對其進(jìn)行科學(xué)合理地布局與排版設計, 能夠有效提升頁(yè)面美觀(guān)度, 并且能夠更好地向用戶(hù)傳達重要信息。常見(jiàn)的計算機網(wǎng)頁(yè)設計布局與排版類(lèi)型包括口字型、同字型、POP型和T字型, 不同的布局與排版方式具有不同的優(yōu)缺點(diǎn), 應當根據需要選擇合適的布局與排版方法。
1、T字型結構
T字型結構是常用的網(wǎng)頁(yè)設計結構, 指標題處于頁(yè)面上方并且居中, 下方左側為小標題, 右側為對應的內容, 大體上呈現T字型, 所以稱(chēng)之為T(mén)字型結構。它具有風(fēng)格簡(jiǎn)潔、主次分明、頁(yè)面結構清晰等優(yōu)點(diǎn)。
另外, 它對色彩和圖形的搭配要求較高, 如果細節不夠完善, 則會(huì )有強烈的乏味感, 影響用戶(hù)瀏覽體驗。
2、口字型
口字型結構, 顧名思義, 就是將最關(guān)鍵的內容放置在頁(yè)面中間, 使用戶(hù)能夠快速鎖定關(guān)鍵信息。頁(yè)面四周則是內容導航、索引以及新聞動(dòng)態(tài)等內容, 頁(yè)面下方通常為熱點(diǎn)時(shí)事、友情鏈接、通訊地址與聯(lián)系方式等。
口字型結構能夠對版面進(jìn)行更加高效且充分地利用, 能夠在頁(yè)面上安排更多的信息, 提高頁(yè)面利用率, 而且能夠有效突出重點(diǎn)。
但是, 口字型結構也具有一定的缺陷, 它包含的信息量過(guò)多, 導致頁(yè)面顯得較為擁擠, 不夠簡(jiǎn)潔。



3、POP布局
POP布局的重點(diǎn)就是將一張照片放在網(wǎng)頁(yè)中心, 這張照片往往代表了企業(yè)文化和優(yōu)勢, 可以是企業(yè)高層領(lǐng)導的合影, 也可以是企業(yè)優(yōu)秀成果展示, 或者是企業(yè)文化表現等, 通常要具有美觀(guān)和代表性強等特點(diǎn)。
在照片下方設置合適的左右移動(dòng)按鈕, 動(dòng)態(tài)展示不同的照片, 而主菜單則會(huì )根據需要擺放在合適的位置。
POP布局具有美觀(guān)、大方、動(dòng)態(tài)展示等優(yōu)點(diǎn), 是高校門(mén)戶(hù)網(wǎng)站設計中常用的網(wǎng)頁(yè)布局與排版方式, 但是動(dòng)態(tài)展示會(huì )在一定程度上拖慢網(wǎng)站的運行速度。
4、同字型
同字型布局是指在計算機網(wǎng)頁(yè)中, 將標題欄放置在網(wǎng)頁(yè)上方, 內容不限定, 可以是網(wǎng)站主題, 也可以是廣告, 并且在標題欄旁邊配備一些小標題。在網(wǎng)頁(yè)中間, 則是與標題相呼應的重要內容。將重要內容放置在網(wǎng)頁(yè)中間能夠有效地突出重點(diǎn), 便于用戶(hù)快速了解網(wǎng)站關(guān)鍵信息。在網(wǎng)頁(yè)的兩邊是網(wǎng)站的新聞與動(dòng)態(tài)、管理人員及其聯(lián)系方式、廣告和公告通知等。同字型網(wǎng)頁(yè)設計的特點(diǎn)在于, 它將關(guān)鍵內容放置在頁(yè)面中心, 并且從上到下根據內容的重要性進(jìn)行合理安排與區分, 通常網(wǎng)頁(yè)下面部分為空白, 有時(shí)候會(huì )根據企業(yè)需要放置一些常規內容。同字型結構的缺點(diǎn)在于, 它對頁(yè)面布局的要求十分高, 由于內容量較大, 如果安排不合理, 則會(huì )顯得十分擁擠。