公司網(wǎng)站制作布局與排版研究
日期 : 2019-03-22 10:27:53
計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)是網(wǎng)站建設(shè)中的關(guān)鍵內(nèi)容, 對其進(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è)為對應(yīng)的內(nèi)容, 大體上呈現(xiàn)T字型, 所以稱之為T字型結(jié)構(gòu)。它具有風(fēng)格簡潔、主次分明、頁面結(jié)構(gòu)清晰等優(yōu)點(diǎn)。
另外, 它對色彩和圖形的搭配要求較高, 如果細(xì)節(jié)不夠完善, 則會有強(qiáng)烈的乏味感, 影響用戶瀏覽體驗(yàn)。
2、口字型
口字型結(jié)構(gòu), 顧名思義, 就是將最關(guān)鍵的內(nèi)容放置在頁面中間, 使用戶能夠快速鎖定關(guān)鍵信息。頁面四周則是內(nèi)容導(dǎo)航、索引以及新聞動態(tài)等內(nèi)容, 頁面下方通常為熱點(diǎn)時事、友情鏈接、通訊地址與聯(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)勢, 可以是企業(yè)高層領(lǐng)導(dǎo)的合影, 也可以是企業(yè)優(yōu)秀成果展示, 或者是企業(yè)文化表現(xiàn)等, 通常要具有美觀和代表性強(qiáng)等特點(diǎn)。
在照片下方設(shè)置合適的左右移動按鈕, 動態(tài)展示不同的照片, 而主菜單則會根據(jù)需要擺放在合適的位置。
POP布局具有美觀、大方、動態(tài)展示等優(yōu)點(diǎn), 是高校門戶網(wǎng)站設(shè)計(jì)中常用的網(wǎng)頁布局與排版方式, 但是動態(tài)展示會在一定程度上拖慢網(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)站的新聞與動態(tài)、管理人員及其聯(lián)系方式、廣告和公告通知等。同字型網(wǎng)頁設(shè)計(jì)的特點(diǎn)在于, 它將關(guān)鍵內(nèi)容放置在頁面中心, 并且從上到下根據(jù)內(nèi)容的重要性進(jìn)行合理安排與區(qū)分, 通常網(wǎng)頁下面部分為空白, 有時候會根據(jù)企業(yè)需要放置一些常規(guī)內(nèi)容。同字型結(jié)構(gòu)的缺點(diǎn)在于, 它對頁面布局的要求十分高, 由于內(nèi)容量較大, 如果安排不合理, 則會顯得十分擁擠。
1、T字型結(jié)構(gòu)
T字型結(jié)構(gòu)是常用的網(wǎng)頁設(shè)計(jì)結(jié)構(gòu), 指標(biāo)題處于頁面上方并且居中, 下方左側(cè)為小標(biāo)題, 右側(cè)為對應(yīng)的內(nèi)容, 大體上呈現(xiàn)T字型, 所以稱之為T字型結(jié)構(gòu)。它具有風(fēng)格簡潔、主次分明、頁面結(jié)構(gòu)清晰等優(yōu)點(diǎn)。
另外, 它對色彩和圖形的搭配要求較高, 如果細(xì)節(jié)不夠完善, 則會有強(qiáng)烈的乏味感, 影響用戶瀏覽體驗(yàn)。
2、口字型
口字型結(jié)構(gòu), 顧名思義, 就是將最關(guān)鍵的內(nèi)容放置在頁面中間, 使用戶能夠快速鎖定關(guān)鍵信息。頁面四周則是內(nèi)容導(dǎo)航、索引以及新聞動態(tài)等內(nèi)容, 頁面下方通常為熱點(diǎn)時事、友情鏈接、通訊地址與聯(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)勢, 可以是企業(yè)高層領(lǐng)導(dǎo)的合影, 也可以是企業(yè)優(yōu)秀成果展示, 或者是企業(yè)文化表現(xiàn)等, 通常要具有美觀和代表性強(qiáng)等特點(diǎn)。
在照片下方設(shè)置合適的左右移動按鈕, 動態(tài)展示不同的照片, 而主菜單則會根據(jù)需要擺放在合適的位置。
POP布局具有美觀、大方、動態(tài)展示等優(yōu)點(diǎn), 是高校門戶網(wǎng)站設(shè)計(jì)中常用的網(wǎng)頁布局與排版方式, 但是動態(tài)展示會在一定程度上拖慢網(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)站的新聞與動態(tài)、管理人員及其聯(lián)系方式、廣告和公告通知等。同字型網(wǎng)頁設(shè)計(jì)的特點(diǎn)在于, 它將關(guān)鍵內(nèi)容放置在頁面中心, 并且從上到下根據(jù)內(nèi)容的重要性進(jìn)行合理安排與區(qū)分, 通常網(wǎng)頁下面部分為空白, 有時候會根據(jù)企業(yè)需要放置一些常規(guī)內(nèi)容。同字型結(jié)構(gòu)的缺點(diǎn)在于, 它對頁面布局的要求十分高, 由于內(nèi)容量較大, 如果安排不合理, 則會顯得十分擁擠。