計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)是網(wǎng)站建設(shè)中的關(guān)鍵內(nèi)容, 對(duì)其進(jìn)行科學(xué)合理地布局與排版設(shè)計(jì), 能夠有效提升頁面美觀度, 并且能夠更好地向用戶傳達(dá)重要信息。常見的計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局與排版類型包括口字型、同字型、POP型和T字型, 不同的布局與排版方式具有不同的優(yōu)缺點(diǎn), 應(yīng)當(dāng)根據(jù)需要選擇合適的布局與排版方法。

1、T字型結(jié)構(gòu)

T字型結(jié)構(gòu)是常用的網(wǎng)頁設(shè)計(jì)結(jié)構(gòu), 指標(biāo)題處于頁面上方并且居中, 下方左側(cè)為小標(biāo)題, 右側(cè)為對(duì)應(yīng)的內(nèi)容, 大體上呈現(xiàn)T字型, 所以稱之為T字型結(jié)構(gòu)。它具有風(fēng)格簡潔、主次分明、頁面結(jié)構(gòu)清晰等優(yōu)點(diǎn)。

另外, 它對(duì)色彩和圖形的搭配要求較高, 如果細(xì)節(jié)不夠完善, 則會(huì)有強(qiáng)烈的乏味感, 影響用戶瀏覽體驗(yàn)。

2、口字型

口字型結(jié)構(gòu), 顧名思義, 就是將最關(guān)鍵的內(nèi)容放置在頁面中間, 使用戶能夠快速鎖定關(guān)鍵信息。頁面四周則是內(nèi)容導(dǎo)航、索引以及新聞動(dòng)態(tài)等內(nèi)容, 頁面下方通常為熱點(diǎn)時(shí)事、友情鏈接、通訊地址與聯(lián)系方式等。

口字型結(jié)構(gòu)能夠?qū)Π婷孢M(jìn)行更加高效且充分地利用, 能夠在頁面上安排更多的信息, 提高頁面利用率, 而且能夠有效突出重點(diǎn)。

但是, 口字型結(jié)構(gòu)也具有一定的缺陷, 它包含的信息量過多, 導(dǎo)致頁面顯得較為擁擠, 不夠簡潔。

3、POP布局

POP布局的重點(diǎn)就是將一張照片放在網(wǎng)頁中心, 這張照片往往代表了企業(yè)文化和優(yōu)勢(shì), 可以是企業(yè)高層領(lǐng)導(dǎo)的合影, 也可以是企業(yè)優(yōu)秀成果展示, 或者是企業(yè)文化表現(xiàn)等, 通常要具有美觀和代表性強(qiáng)等特點(diǎn)。

在照片下方設(shè)置合適的左右移動(dòng)按鈕, 動(dòng)態(tài)展示不同的照片, 而主菜單則會(huì)根據(jù)需要擺放在合適的位置。

POP布局具有美觀、大方、動(dòng)態(tài)展示等優(yōu)點(diǎn), 是高校門戶網(wǎng)站設(shè)計(jì)中常用的網(wǎng)頁布局與排版方式, 但是動(dòng)態(tài)展示會(huì)在一定程度上拖慢網(wǎng)站的運(yùn)行速度。

4、同字型

同字型布局是指在計(jì)算機(jī)網(wǎng)頁中, 將標(biāo)題欄放置在網(wǎng)頁上方, 內(nèi)容不限定, 可以是網(wǎng)站主題, 也可以是廣告, 并且在標(biāo)題欄旁邊配備一些小標(biāo)題。在網(wǎng)頁中間, 則是與標(biāo)題相呼應(yīng)的重要內(nèi)容。將重要內(nèi)容放置在網(wǎng)頁中間能夠有效地突出重點(diǎn), 便于用戶快速了解網(wǎng)站關(guān)鍵信息。在網(wǎng)頁的兩邊是網(wǎng)站的新聞與動(dòng)態(tài)、管理人員及其聯(lián)系方式、廣告和公告通知等。同字型網(wǎng)頁設(shè)計(jì)的特點(diǎn)在于, 它將關(guān)鍵內(nèi)容放置在頁面中心, 并且從上到下根據(jù)內(nèi)容的重要性進(jìn)行合理安排與區(qū)分, 通常網(wǎng)頁下面部分為空白, 有時(shí)候會(huì)根據(jù)企業(yè)需要放置一些常規(guī)內(nèi)容。同字型結(jié)構(gòu)的缺點(diǎn)在于, 它對(duì)頁面布局的要求十分高, 由于內(nèi)容量較大, 如果安排不合理, 則會(huì)顯得十分擁擠。