網(wǎng)頁設(shè)計(jì)是一種直觀的視覺語言，需要對其進(jìn)行布局與排版 。雖然網(wǎng)頁設(shè)計(jì)與平面設(shè)計(jì)之間存在一定的區(qū)別，但是其兩者依然存在一定的相似之處，網(wǎng)頁設(shè)計(jì)應(yīng)該充分借鑒利用平面設(shè)計(jì)的原則與方法 。網(wǎng)頁設(shè)計(jì)中的布局與排版需要通過文字、圖形的組合來讓網(wǎng)頁獲得良好的視覺效果 ?，F(xiàn)文章主要針對計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)中的布局與排版進(jìn)行研究 。
網(wǎng)站是企業(yè)或政府向用戶傳遞信息，提供服務(wù)的一種重要方式，是企業(yè)開展電子商務(wù)的重要平臺(tái)，是政府面向民眾的重要窗口 。網(wǎng)站是直接反應(yīng)企業(yè)形象、政府形象的平臺(tái)，因此網(wǎng)頁設(shè)計(jì)質(zhì)量的高低將會(huì)直接影響到企業(yè)或政府的形象 。在網(wǎng)頁設(shè)計(jì)中，布局與排版是十分關(guān)鍵的內(nèi)容之一，其會(huì)直接影響到瀏覽者對網(wǎng)頁的第一印象與體驗(yàn)感 。因此，對于網(wǎng)頁設(shè)計(jì)的布局與排版進(jìn)行研究具有十分重大的實(shí)際意義 。
【計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)的布局與排版】計(jì)算機(jī)網(wǎng)頁設(shè)計(jì)布局與排版原則
布局與排版設(shè)計(jì)原則為了讓瀏覽者在瀏覽網(wǎng)頁過程中擁有更好的瀏覽體驗(yàn)，在進(jìn)行布局版本過程中要始終秉持以下原則:
第一，主次分明，中心突出 。在網(wǎng)頁頁面聚居中需要對視覺中心進(jìn)行充分的考慮，該視覺中西你通常位于頁面的關(guān)鍵區(qū)域—中部與上部的位置 。因此，最有價(jià)值的信息應(yīng)該擺放在這一位置 。網(wǎng)頁布局排版主次分明的最終目的是讓網(wǎng)頁可以形成清晰有序，能夠突出重點(diǎn)的視覺效果 。
第二，疏密有度，錯(cuò)落有致 。在網(wǎng)頁布局排版中，一定要做好疏密有致，預(yù)留出一定的空白，靈活的使用字間距與行間距，制造出字間距與行間距之間的距離 。對于形態(tài)與色彩的搭配運(yùn)用更要合理［2］ 。例如，黑白搭配、圓形與方形搭配，以便獲得更佳的視覺效果 。
第三，圖文并茂，生動(dòng)有趣 。圖形美觀與文字的簡潔之間需要合理的搭配 。如果圖形在版面設(shè)計(jì)中占據(jù)的比例更大，則文字會(huì)相應(yīng)減少，從而大大減少頁面的信息量;而如果文字太多則會(huì)使得網(wǎng)頁版面變得死板 。因此，網(wǎng)頁布局與排版應(yīng)該做到圖文并茂、合理搭配，從而給網(wǎng)頁帶來更加豐富的內(nèi)容，讓網(wǎng)頁變得更加有趣 。
布局與排版設(shè)計(jì)方法網(wǎng)頁設(shè)計(jì)布局與排版方法主要包括以以下幾點(diǎn):
第一，簡潔明了 。布局排版最為重要的原則就是一名了然，讓網(wǎng)頁瀏覽者可以更加順暢的瀏覽信息 。
第二，主色調(diào)鮮明 。網(wǎng)頁設(shè)計(jì)給人的第一印象就是由主色調(diào)決定的 。主色調(diào)在網(wǎng)頁布局與排版中是十分重要的，主色調(diào)過多會(huì)給瀏覽者帶來一種厭煩的感受，不利于瀏覽者長時(shí)間瀏覽網(wǎng)頁 。因此，網(wǎng)頁版本的主色調(diào)要進(jìn)行合理的控制，其中主色彩不能超過五種，并且要以一種主色調(diào)為主，凸顯以主導(dǎo)地位，另外幾種顏色作為烘托與點(diǎn)綴［3］ 。一般來說，網(wǎng)頁設(shè)計(jì)的主色調(diào)包括黃、藍(lán)、灰、黑和白 。
第三，字體設(shè)置 。在網(wǎng)頁設(shè)計(jì)中字體的設(shè)置也應(yīng)該始終秉持著簡易的原則，通常來說不應(yīng)該超過三種字體，并且字體在版面中不宜過大，從而讓更多文字給網(wǎng)頁瀏覽者帶來更多有價(jià)值的信息 。值得注意的是，要避免閃爍的文字在網(wǎng)頁設(shè)計(jì)布局中出現(xiàn)，其會(huì)給瀏覽者帶來一種厭煩的感覺 。同時(shí)，在網(wǎng)頁標(biāo)題欄中字體應(yīng)該相對于正文來說要更大，顏色也需要進(jìn)行區(qū)分 。
常見布局與排版
T字型T型結(jié)構(gòu)是頂部的頁面布局為網(wǎng)站的標(biāo)語和橫幅，下列左側(cè)為主菜單，右側(cè)為內(nèi)容顯示 。由于菜單的背景布置顏色更深，因此整體效果視覺類似于英文字母“T”，因此被成為T字型布局 。T字型布局是網(wǎng)頁設(shè)計(jì)中十分常見的設(shè)計(jì)布局，其優(yōu)勢在于頁面結(jié)構(gòu)清晰、明確，容易正確把握主次關(guān)系;缺點(diǎn)在于較為沉悶，缺乏靈活性，如果無法準(zhǔn)確把握，不注重細(xì)節(jié)與色彩的配合，十分容易出現(xiàn)無趣、枯燥的現(xiàn)象［4］ 。
推薦閱讀
- Flash動(dòng)畫在網(wǎng)頁設(shè)計(jì)的互動(dòng)性
- 圖書館網(wǎng)頁設(shè)計(jì)分析
- 文本配色在網(wǎng)頁設(shè)計(jì)的應(yīng)用
- 探究網(wǎng)頁設(shè)計(jì)中顏色的適用性
- 電子商務(wù)網(wǎng)站網(wǎng)頁設(shè)計(jì)與制作流程
- 網(wǎng)頁設(shè)計(jì)的注意事項(xiàng)
- 建設(shè)網(wǎng)站的注意事項(xiàng)
- 客戶喜歡網(wǎng)站公司的哪種建設(shè)風(fēng)格？
- 網(wǎng)站建設(shè)的前期準(zhǔn)備工作
- 如何選擇滿意的網(wǎng)站公司？