公司網(wǎng)站制作布局與排版研究
日期 : 2019-03-22 10:27:53
計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)站建設(shè)中的關(guān)鍵內(nèi)容, 對(duì)其進(jìn)行科學(xué)合理地布局與排版設(shè)計(jì), 能夠有效提升頁(yè)面美觀度, 并且能夠更好地向用戶(hù)傳達(dá)重要信息。常見(jiàn)的計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)布局與排版類(lèi)型包括口字型、同字型、POP型和T字型, 不同的布局與排版方式具有不同的優(yōu)缺點(diǎn), 應(yīng)當(dāng)根據(jù)需要選擇合適的布局與排版方法。
1、T字型結(jié)構(gòu)
T字型結(jié)構(gòu)是常用的網(wǎng)頁(yè)設(shè)計(jì)結(jié)構(gòu), 指標(biāo)題處于頁(yè)面上方并且居中, 下方左側(cè)為小標(biāo)題, 右側(cè)為對(duì)應(yīng)的內(nèi)容, 大體上呈現(xiàn)T字型, 所以稱(chēng)之為T(mén)字型結(jié)構(gòu)。它具有風(fēng)格簡(jiǎn)潔、主次分明、頁(yè)面結(jié)構(gòu)清晰等優(yōu)點(diǎn)。
另外, 它對(duì)色彩和圖形的搭配要求較高, 如果細(xì)節(jié)不夠完善, 則會(huì)有強(qiáng)烈的乏味感, 影響用戶(hù)瀏覽體驗(yàn)。
2、口字型
口字型結(jié)構(gòu), 顧名思義, 就是將最關(guān)鍵的內(nèi)容放置在頁(yè)面中間, 使用戶(hù)能夠快速鎖定關(guān)鍵信息。頁(yè)面四周則是內(nèi)容導(dǎo)航、索引以及新聞動(dòng)態(tài)等內(nèi)容, 頁(yè)面下方通常為熱點(diǎn)時(shí)事、友情鏈接、通訊地址與聯(lián)系方式等。
口字型結(jié)構(gòu)能夠?qū)Π婷孢M(jìn)行更加高效且充分地利用, 能夠在頁(yè)面上安排更多的信息, 提高頁(yè)面利用率, 而且能夠有效突出重點(diǎn)。
但是, 口字型結(jié)構(gòu)也具有一定的缺陷, 它包含的信息量過(guò)多, 導(dǎo)致頁(yè)面顯得較為擁擠, 不夠簡(jiǎn)潔。
3、POP布局
POP布局的重點(diǎn)就是將一張照片放在網(wǎng)頁(yè)中心, 這張照片往往代表了企業(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), 是高校門(mén)戶(hù)網(wǎng)站設(shè)計(jì)中常用的網(wǎng)頁(yè)布局與排版方式, 但是動(dòng)態(tài)展示會(huì)在一定程度上拖慢網(wǎng)站的運(yùn)行速度。
4、同字型
同字型布局是指在計(jì)算機(jī)網(wǎng)頁(yè)中, 將標(biāo)題欄放置在網(wǎng)頁(yè)上方, 內(nèi)容不限定, 可以是網(wǎng)站主題, 也可以是廣告, 并且在標(biāo)題欄旁邊配備一些小標(biāo)題。在網(wǎng)頁(yè)中間, 則是與標(biāo)題相呼應(yīng)的重要內(nèi)容。將重要內(nèi)容放置在網(wǎng)頁(yè)中間能夠有效地突出重點(diǎn), 便于用戶(hù)快速了解網(wǎng)站關(guān)鍵信息。在網(wǎng)頁(yè)的兩邊是網(wǎng)站的新聞與動(dòng)態(tài)、管理人員及其聯(lián)系方式、廣告和公告通知等。同字型網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)在于, 它將關(guān)鍵內(nèi)容放置在頁(yè)面中心, 并且從上到下根據(jù)內(nèi)容的重要性進(jìn)行合理安排與區(qū)分, 通常網(wǎng)頁(yè)下面部分為空白, 有時(shí)候會(huì)根據(jù)企業(yè)需要放置一些常規(guī)內(nèi)容。同字型結(jié)構(gòu)的缺點(diǎn)在于, 它對(duì)頁(yè)面布局的要求十分高, 由于內(nèi)容量較大, 如果安排不合理, 則會(huì)顯得十分擁擠。
1、T字型結(jié)構(gòu)
T字型結(jié)構(gòu)是常用的網(wǎng)頁(yè)設(shè)計(jì)結(jié)構(gòu), 指標(biāo)題處于頁(yè)面上方并且居中, 下方左側(cè)為小標(biāo)題, 右側(cè)為對(duì)應(yīng)的內(nèi)容, 大體上呈現(xiàn)T字型, 所以稱(chēng)之為T(mén)字型結(jié)構(gòu)。它具有風(fēng)格簡(jiǎn)潔、主次分明、頁(yè)面結(jié)構(gòu)清晰等優(yōu)點(diǎn)。
另外, 它對(duì)色彩和圖形的搭配要求較高, 如果細(xì)節(jié)不夠完善, 則會(huì)有強(qiáng)烈的乏味感, 影響用戶(hù)瀏覽體驗(yàn)。
2、口字型
口字型結(jié)構(gòu), 顧名思義, 就是將最關(guān)鍵的內(nèi)容放置在頁(yè)面中間, 使用戶(hù)能夠快速鎖定關(guān)鍵信息。頁(yè)面四周則是內(nèi)容導(dǎo)航、索引以及新聞動(dòng)態(tài)等內(nèi)容, 頁(yè)面下方通常為熱點(diǎn)時(shí)事、友情鏈接、通訊地址與聯(lián)系方式等。
口字型結(jié)構(gòu)能夠?qū)Π婷孢M(jìn)行更加高效且充分地利用, 能夠在頁(yè)面上安排更多的信息, 提高頁(yè)面利用率, 而且能夠有效突出重點(diǎn)。
但是, 口字型結(jié)構(gòu)也具有一定的缺陷, 它包含的信息量過(guò)多, 導(dǎo)致頁(yè)面顯得較為擁擠, 不夠簡(jiǎn)潔。
3、POP布局
POP布局的重點(diǎn)就是將一張照片放在網(wǎng)頁(yè)中心, 這張照片往往代表了企業(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), 是高校門(mén)戶(hù)網(wǎng)站設(shè)計(jì)中常用的網(wǎng)頁(yè)布局與排版方式, 但是動(dòng)態(tài)展示會(huì)在一定程度上拖慢網(wǎng)站的運(yùn)行速度。
4、同字型
同字型布局是指在計(jì)算機(jī)網(wǎng)頁(yè)中, 將標(biāo)題欄放置在網(wǎng)頁(yè)上方, 內(nèi)容不限定, 可以是網(wǎng)站主題, 也可以是廣告, 并且在標(biāo)題欄旁邊配備一些小標(biāo)題。在網(wǎng)頁(yè)中間, 則是與標(biāo)題相呼應(yīng)的重要內(nèi)容。將重要內(nèi)容放置在網(wǎng)頁(yè)中間能夠有效地突出重點(diǎn), 便于用戶(hù)快速了解網(wǎng)站關(guān)鍵信息。在網(wǎng)頁(yè)的兩邊是網(wǎng)站的新聞與動(dòng)態(tài)、管理人員及其聯(lián)系方式、廣告和公告通知等。同字型網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)在于, 它將關(guān)鍵內(nèi)容放置在頁(yè)面中心, 并且從上到下根據(jù)內(nèi)容的重要性進(jìn)行合理安排與區(qū)分, 通常網(wǎng)頁(yè)下面部分為空白, 有時(shí)候會(huì)根據(jù)企業(yè)需要放置一些常規(guī)內(nèi)容。同字型結(jié)構(gòu)的缺點(diǎn)在于, 它對(duì)頁(yè)面布局的要求十分高, 由于內(nèi)容量較大, 如果安排不合理, 則會(huì)顯得十分擁擠。