摘 要：計算機網(wǎng)頁設計是企業(yè)網(wǎng)站建設的重點，對于企業(yè)形象的展示和用戶對企業(yè)的第一印象有著非常重要的影響，應當對其進行科學合理地設計與安排，提高網(wǎng)頁美觀度和利用率。網(wǎng)頁設計布局與排版應當遵循主次分明、圖文搭配、整體風格統(tǒng)一以及疏密均勻等原則，計算機網(wǎng)頁設計布局與排版方法主要包括基礎風格確定、字體設置以及圖形搭配等。常見的計算機網(wǎng)頁設計布局包括T字型、口字型、POP型和同字型等，應當根據(jù)實際需要進行選擇。

關(guān)鍵詞：網(wǎng)頁設計；布局與排版；圖文搭配；主次分明

中圖分類號：TP393.092 文獻標識碼：A 文章編號：2096-4706（2018）06-0113-02

Abstract：The design of computer web page is the focus of the construction of the enterprise website. It has a very important influence on the display of the enterprise image and the user’s first impression on the enterprise. It should be scientifically and rationally designed and arranged to improve the beauty and utilization of the web page. The layout and layout of web page design and layout should follow the principles of the main and secondary，the matching of graphic and text，the unity of the whole style and the uniformity of the density. The layout and layout methods of the computer web page design are mainly the determination of the basic style，the setting of the font and the matching of the graphics. The common layout of computer web pages including the T，the mouth，the POP and the same font.

Keywords：web design；layout and typesetting；graphics and text matching；primary and secondary distinctly

0 引 言

網(wǎng)頁設計是指專業(yè)人員和部門以企業(yè)希望向網(wǎng)站瀏覽者提供的信息為依據(jù)，對網(wǎng)站進行規(guī)劃設計，包括網(wǎng)站頁面的美化設計以及宣傳方式的改進與完善?？茖W合理的網(wǎng)頁設計能夠?qū)D片、文字、顏色等網(wǎng)頁元素結(jié)合在一起，使用戶體驗更加完美的視覺效果，同時也為企業(yè)帶來更多的客戶[1]。布局與排版是計算機網(wǎng)頁設計中的主要內(nèi)容，也是影響整個網(wǎng)頁設計效果的關(guān)鍵，應當對其進行詳細地分析，不斷提高網(wǎng)頁設計水平。

1 計算機網(wǎng)頁設計中的布局與排版原則

1.1 整體風格統(tǒng)一

首先，整體布局安排要科學合理，不同的元素之間要互相搭配，整體風格一致，視覺上做到和諧統(tǒng)一，從而提升網(wǎng)頁美觀度。但是同時要注意，過于整齊劃一的布局也會使網(wǎng)頁風格顯得死板，從而給人僵化的感覺，所以應當在保持整體風格統(tǒng)一的基礎上，加入一些活潑輕松的色調(diào)與細節(jié)，從而提升網(wǎng)頁設計的美感。

1.2 主次分明

其次，計算機網(wǎng)頁設計應當遵循主次突出和層次分明的原則，在對網(wǎng)頁內(nèi)容進行布局與排版的時候，應當注意將關(guān)鍵內(nèi)容放在最顯眼的位置，從而使用戶在瀏覽網(wǎng)頁時，能夠首先看到關(guān)鍵信息，進而激發(fā)用戶興趣。同時，這也能使網(wǎng)頁設計清晰明確、重點突出，提高網(wǎng)頁設計水平。在對主要內(nèi)容進行合理安排與放置之后，還應當對其他內(nèi)容進行科學地安排，做到主次分明、錯落有致、強調(diào)重點。在提高頁面使用效率的同時，增加頁面美觀度，從而加深用戶對企業(yè)的第一視覺印象。

1.3 疏密均勻

此外，在計算機網(wǎng)頁設計中，還應當遵循錯落有致、疏密均勻的原則。應當對網(wǎng)頁的各個部位進行科學合理地安排，避免出現(xiàn)有的部位過于擁擠，而有的部位過于疏松的情況。保證網(wǎng)頁設計的美觀度。同時，要注意對字間距與行間距進行科學合理的設計和安排，保持整體風格的清爽簡潔，擁擠的字段會得網(wǎng)頁顯得逼仄，而過于疏松的字段也會影響網(wǎng)頁美觀度。最后，應當對色彩搭配和圖形搭配進行科學合理的安排，黑白搭配表示簡潔大方，圓形與方形進行搭配，活潑又不失莊重，合理的搭配可以提升視覺效果。

1.4 圖文搭配

在計算機網(wǎng)頁設計中應當注意圖形與文字的合理搭配，使整個頁面更加生動有趣。圖形與文字所占的大小與比重應當根據(jù)網(wǎng)頁內(nèi)容進行合理安排。通常，圖形太多會使網(wǎng)頁過于花哨，不夠簡潔，而文字太多又會使得頁面過于沉悶、僵化，給人壓迫感。所以應當對圖形與文字進行較為合理的安排，根據(jù)網(wǎng)頁要表達的內(nèi)容以及相關(guān)側(cè)重點，對文字版面與圖形進行科學合理的安排，做到圖文并茂，搭配合理，這樣能有效提升網(wǎng)頁設計的美觀度，使網(wǎng)頁更加生動有趣。

2 計算機網(wǎng)頁設計中布局與排版的主要方法

2.1 確定網(wǎng)頁整體風格

網(wǎng)頁中所要展示的內(nèi)容代表了一定的企業(yè)文化和企業(yè)氛圍，包含了企業(yè)想要向用戶傳達的信息，所以網(wǎng)頁風格應當與企業(yè)文化形成呼應，要能很好地代表企業(yè)氛圍。所以在對網(wǎng)頁進行設計之前，應當首先確定網(wǎng)頁的整體風格，設計者應當對網(wǎng)站內(nèi)容進行熟悉和了解，明確企業(yè)想要通過網(wǎng)頁傳達的信息，并且結(jié)合實際情況和設計需要來確定網(wǎng)頁風格基調(diào)，再對網(wǎng)頁進行設計和安排[2]。同時，要嚴格堅持簡潔明了的設計原則，使用戶能夠一目了然地瀏覽網(wǎng)頁信息，避免將網(wǎng)頁設計得繁復和復雜，提高頁面利用效率和美觀度，激發(fā)用戶的了解興趣，從而加深對企業(yè)的印象。

2.2 選取合適的色調(diào)

在確定基本的網(wǎng)頁風格之后，應當對網(wǎng)頁色調(diào)進行科學合理地選擇。網(wǎng)頁給人的第一印象往往由主色調(diào)決定，所以應當選擇合適的主色調(diào)，通常主色調(diào)不宜過多，一兩種即可，過多的主色調(diào)會給人眼花繚亂的感覺，不利于網(wǎng)頁設計水平的提升。在計算機網(wǎng)頁設計中，主色調(diào)一般不超過五種，且通常以一種主色調(diào)為主，選取其他能夠搭配的色調(diào)為輔，從而提升網(wǎng)頁的整體美觀程度。

2.3 設置合適的字體

在確定了整體風格，并且選取了合適的色調(diào)之后，應當對字體進行合理地設置，網(wǎng)頁設計中的字體設置也應當堅持簡潔的原則。一般字體類型不超過三種，并且要與圖形和色彩進行合理搭配，字體大小也應當與周圍版面搭配[3]。此外，文字不宜過多，以關(guān)鍵內(nèi)容為主，從而使用戶能夠更快速地得到自己想要的信息。同時，要嚴格避免閃爍類文字的出現(xiàn)，它不僅影響整體頁面的簡潔大方，而且會給用戶帶來厭煩之感，所以要對網(wǎng)頁字體進行科學合理的設置。

3 計算機網(wǎng)頁設計中布局與排版的類型

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

T字型結(jié)構(gòu)是常用的網(wǎng)頁設計結(jié)構(gòu)，指標題處于頁面上方并且居中，下方左側(cè)為小標題，右側(cè)為對應的內(nèi)容，大體上呈現(xiàn)T字型，所以稱之為T字型結(jié)構(gòu)[4]。T字型結(jié)構(gòu)是計算機頁面設計中最常見的布局，具有風格簡潔、主次分明等優(yōu)點，而且頁面結(jié)構(gòu)十分清晰，用戶能夠很好地把握重點。但是也存在較為沉悶、不夠靈活等缺點。另外，它對色彩和圖形的搭配要求較高，如果細節(jié)不夠完善，則會有強烈的乏味感，影響用戶瀏覽體驗。

3.2 口字型

口字型結(jié)構(gòu)，顧名思義，就是將最關(guān)鍵的內(nèi)容放置在頁面中間，使用戶能夠快速鎖定關(guān)鍵信息。頁面四周則是內(nèi)容導航、索引以及新聞動態(tài)等內(nèi)容，頁面下方通常為熱點時事、友情鏈接、通訊地址與聯(lián)系方式等?？谧中徒Y(jié)構(gòu)能夠?qū)Π婷孢M行更加高效且充分地利用，能夠在頁面上安排更多的信息，提高頁面利用率，而且能夠有效突出重點。但是，口字型結(jié)構(gòu)也具有一定的缺陷，它包含的信息量過多，導致頁面顯得較為擁擠，不夠簡潔?？谧中晚撁娼Y(jié)構(gòu)在國外網(wǎng)站設計中比較普遍，在國內(nèi)網(wǎng)站中的使用率則比較低。它對色彩搭配、圖形選擇等都有著較高要求，如果搭配不合理，口字型網(wǎng)頁的美觀度會大大降低。

3.3 POP布局

POP布局的重點就是將一張照片放在網(wǎng)頁中心，這張照片往往代表了企業(yè)文化和優(yōu)勢，可以是企業(yè)高層領導的合影，也可以是企業(yè)優(yōu)秀成果展示，或者是企業(yè)文化表現(xiàn)等，通常要具有美觀和代表性強等特點。并在照片下方設置合適的左右移動按鈕，動態(tài)展示不同的照片，而主菜單則會根據(jù)需要擺放在合適的位置。POP布局具有美觀、大方、動態(tài)展示等優(yōu)點，是高校門戶網(wǎng)站設計中常用的網(wǎng)頁布局與排版方式，但是動態(tài)展示會在一定程度上拖慢網(wǎng)站的運行速度。

3.4 同字型

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

4 結(jié) 論

隨著互聯(lián)網(wǎng)技術(shù)的進步和網(wǎng)絡信息技術(shù)的普及，大部分企業(yè)和公共部門都會設置自己的網(wǎng)站作為展示最新信息以及與用戶溝通交流的途徑，它在企業(yè)宣傳推廣等方面起著重要作用。計算機網(wǎng)頁設計是網(wǎng)站建設中的關(guān)鍵內(nèi)容，對其進行科學合理地布局與排版設計，能夠有效提升頁面美觀度，并且能夠更好地向用戶傳達重要信息。布局與排版方法包括基礎風格的確定、字體的設置和色調(diào)的選取。常見的計算機網(wǎng)頁設計布局與排版類型包括口字型、同字型、POP型和T字型，不同的布局與排版方式具有不同的優(yōu)缺點，應當根據(jù)需要選擇合適的布局與排版方法。

參考文獻：

[1] 袁琳.談計算機網(wǎng)頁設計中的布局 [J].科技資訊，2016，14（18）：11-12.

[2] 葉盛科.淺析計算機網(wǎng)頁設計中的布局與排版 [J].科技展望，2016，26（22）：24.

[3] 王燕軍.網(wǎng)頁設計中計算機圖像處理技術(shù)的應用 [J].電子技術(shù)與軟件工程，2016（13）：104.

[4] 雷萌.如何在網(wǎng)頁設計中運用計算機圖像處理技術(shù) [J].信息與電腦（理論版），2016（2）：156-157.

作者簡介：韋薇（1975.07-），女，安徽合肥人，講師，本科。研究方向：計算機教學。