圖形設(shè)計在計算機網(wǎng)頁設(shè)計中的應(yīng)用研究

古新良

摘 要：計算機網(wǎng)頁設(shè)計作為交叉性學科，既涉及計算機科學技術(shù)，還涵蓋圖形藝術(shù)等內(nèi)容，即優(yōu)秀的網(wǎng)頁設(shè)計者應(yīng)同時具備上述兩項能力。同時，圖形設(shè)計以核心角色，在計算機網(wǎng)頁設(shè)計中占據(jù)關(guān)鍵地位，且界面藝術(shù)化、個性化效果的體現(xiàn)創(chuàng)造條件。因此，本文通過對圖形設(shè)計在計算機網(wǎng)頁設(shè)計中的價值，明確其在網(wǎng)頁設(shè)計中的具體應(yīng)用。

關(guān)鍵詞：圖形設(shè)計 計算機 網(wǎng)頁設(shè)計

科技水平的逐步發(fā)展，為計算機技術(shù)、互聯(lián)網(wǎng)技術(shù)的進步創(chuàng)造條件，且在各國家、各省市均已得到普及。而在信息時代的背景下，人們對于信息資源的利用尤為頻繁，如網(wǎng)頁關(guān)注度、網(wǎng)站下載量等，優(yōu)異的網(wǎng)頁設(shè)計，可為企業(yè)、瀏覽者提供價值空間。由此可見，若要提高網(wǎng)頁對人們的吸引度，則應(yīng)將圖形設(shè)計和網(wǎng)頁設(shè)計予以融合，以此起到最佳效果。

一、圖形設(shè)計在計算機網(wǎng)頁設(shè)計中的價值

目前，諸多計算機網(wǎng)頁設(shè)計中，均將圖形設(shè)計納入自身的設(shè)計范疇，通過各圖形、格式間的組織協(xié)調(diào)，展現(xiàn)網(wǎng)頁設(shè)計的魅力，以此提高瀏覽量。對此，針對圖形設(shè)計在計算機網(wǎng)頁設(shè)計中的價值，總結(jié)為以下幾點：

1.展現(xiàn)界面的藝術(shù)效果

對計算機網(wǎng)頁設(shè)計工作而言，圖形設(shè)計以自身創(chuàng)新性的特點，對各設(shè)計者的思想、策劃方案予以融合，再經(jīng)有效性藝術(shù)效果的提煉，呈現(xiàn)別具一格的界面效果，不僅可吸引瀏覽者，還可調(diào)動其瀏覽興趣，實現(xiàn)信息傳遞和共享的目的。再者，圖形設(shè)計還可借助表達力的體現(xiàn)，為瀏覽者營造“視覺盛宴”，提高網(wǎng)頁設(shè)計的效果與質(zhì)量。相關(guān)研究數(shù)據(jù)證明，最吸引瀏覽者的網(wǎng)頁，往往是由圖形設(shè)計而形成的。

2.滿足網(wǎng)頁設(shè)計的多元化目標

由于圖形設(shè)計的多元化特點，使之形式、種類更具多樣化趨勢，即無論是在音頻，還是在圖像、藝術(shù)文字等類型中，圖形設(shè)計在計算機網(wǎng)頁設(shè)計中的融合，均可為其營造較為愉悅的氣氛，使其具有較強的藝術(shù)色彩。傳統(tǒng)意義上的計算機網(wǎng)頁設(shè)計，是通過文字、圖片間的組織協(xié)調(diào)為導向，借助文字檢索的方式，起到相應(yīng)的效果。雖然可簡化設(shè)計流程，但難以吸引瀏覽者。然而，輔之圖形設(shè)計的應(yīng)用，可顯著彌補上述不足，利用圖片、音頻等多元化檢索方式，提高人們的關(guān)注度。

3.更具人性化魅力

計算機網(wǎng)頁設(shè)計，主要借助圖像、文字間的融合，將相關(guān)信息資源提供給使用者，而圖形設(shè)計則是通過對圖像、文字的二次加工，依據(jù)自身針對性處理技術(shù)，提高其感染力、視覺沖擊力，使其能夠在加深瀏覽者記憶的同時，提高網(wǎng)頁瀏覽率。除此之外，圖形設(shè)計還可將圖像、文字予以轉(zhuǎn)換，以簡潔、美觀的藝術(shù)效果，滿足瀏覽者的多元化需求，使網(wǎng)頁設(shè)計更具人性化價值。

二、計算機網(wǎng)頁設(shè)計中圖片格式的正確使用

網(wǎng)頁設(shè)計（web design，又稱為Web UI design，WUI design，WUI）則是依據(jù)用戶提供的信息，如產(chǎn)品和理念、服務(wù)與文化等，經(jīng)專業(yè)網(wǎng)站策劃，對頁面予以設(shè)計、美化的工作。目前，按照網(wǎng)頁設(shè)計的內(nèi)容，將其劃為三種，即功能型網(wǎng)頁設(shè)計，如軟件用戶端、服務(wù)網(wǎng)站設(shè)計等；信息型網(wǎng)頁設(shè)計，如門戶網(wǎng)站；形象型網(wǎng)頁設(shè)計，如企業(yè)品牌形象、網(wǎng)上門店等。簡而言之，網(wǎng)頁設(shè)計是通過對顏色、圖片和字體、樣式間的協(xié)調(diào)運用，使其能夠在規(guī)定功能界限下，營造視覺盛宴，特別為高級網(wǎng)頁設(shè)計，還可借助交互和聲光間的效果，打造視覺上的享受[1]。

依據(jù)某個角度來講，鑒別計算機網(wǎng)頁設(shè)計者是否優(yōu)秀，是由圖片格式應(yīng)用的是否合理而決定。雖然，諸多設(shè)計者對圖片格式有著熟練掌握，如GIF、PNG和JPG等，但并非每個人能夠?qū)Ω鲌D片格式的特點、用途予以說明。對此，關(guān)于計算機網(wǎng)頁設(shè)計中圖片格式的正確使用，筆者將其總結(jié)如下，如表1所示：

三、圖形設(shè)計在計算機網(wǎng)頁設(shè)計中的具體應(yīng)用

1.合理布局

計算機網(wǎng)頁設(shè)計由于是在電腦顯示器的支撐下完成，即該設(shè)計工作存在相應(yīng)的局限性。若要將設(shè)計者的思想、意圖予以徹底表達，則應(yīng)以科學的手段，對空間結(jié)構(gòu)予以協(xié)調(diào)把控。常規(guī)情況下，瀏覽者在進入網(wǎng)頁時，首先會對界面中心予以關(guān)注，再逐步向四周擴散。對此，計算機網(wǎng)頁設(shè)計者應(yīng)充分依據(jù)此特點，對界面予以科學布局，使其將設(shè)計主題和意圖予以直觀呈現(xiàn)。再者，設(shè)計者還應(yīng)通過對瀏覽者視覺習慣的思考，以突顯界面重點的形式，起到導航的效果。如圖1所示，蛋糕制作網(wǎng)頁以中心點“巧克力”蛋糕的呈現(xiàn)，輔之有側(cè)面制作步驟的詳解，起到合理布局的效果[2]。

2.界面處理

個性化、創(chuàng)新化計算機網(wǎng)頁，能夠吸引瀏覽者的眼球，對提高網(wǎng)頁瀏覽量有著推進作用。對此，在實際計算機網(wǎng)頁設(shè)計中，筆者建議應(yīng)增添對圖像元素的融合，以各圖形間的組合、排列和重疊等形式，營造不同的視覺效果，以期能夠在激發(fā)瀏覽者欲望的同時，為其營造較為舒適的視覺感受，即若打好“第一印象”，則會使瀏覽者產(chǎn)生“二次瀏覽”的意圖。

3.科學選擇“重”圖形元素

對于圖形元素而言，“重”并非是淺層意義上的顏色深淺，而是圖形設(shè)計形式的輕、重。即若要較強圖形設(shè)計在計算機網(wǎng)頁設(shè)計中的應(yīng)用，則應(yīng)加強對網(wǎng)頁內(nèi)容的剖析，借助圖形元素的運用，起到相應(yīng)的修飾、完善的目的。目前，伴隨瀏覽者價值觀、審美意識的提高，計算機網(wǎng)頁設(shè)計逐漸朝著“輕”的趨勢發(fā)展，著重強化對圖形設(shè)計、網(wǎng)頁內(nèi)容間的融合。但是，在此過程中，切忌不可對圖形予以隨意堆砌，而是應(yīng)通過各圖形元素間的科學選擇，預防“重”問題的滋生。

4.形式、內(nèi)容間的分離

現(xiàn)階段，諸多計算機網(wǎng)頁設(shè)計往往過于注重視覺效果的呈現(xiàn)，雖然過多的圖形效果給人一種視覺盛宴，但卻因相對雜亂無章的排列形式，喪失其本真價值。對此，筆者建議計算機網(wǎng)頁設(shè)計者應(yīng)以創(chuàng)新思想為導向，對網(wǎng)頁設(shè)計予以優(yōu)化把控，再結(jié)合圖片格式、圖形設(shè)計間的靈活運用，將圖片和內(nèi)容予以有效分離，如圖片格式主要以PNG、GIF和JPG為主。另外，在國外計算機網(wǎng)頁設(shè)計中，利用背景圖的方式體現(xiàn)氣氛效果，以此更好為瀏覽者傳達相關(guān)的信息和意境。而該種設(shè)計形式具有加載快的特點，能夠借助對圖片元素的有效壓縮，對背景色予以填充[3]。

5.優(yōu)化性能

特殊情況下，為提高網(wǎng)頁界面的加載速度，為瀏覽者創(chuàng)造更為優(yōu)質(zhì)的體驗，則應(yīng)對計算機網(wǎng)頁設(shè)計予以優(yōu)化，但卻需要對部分視覺效果予以犧牲。例如：淘寶“雙十一”活動網(wǎng)頁，由于訪問量相對較大，為起到較強的宣傳效果，加載更多圖片，則設(shè)計者通過對網(wǎng)頁圖形、性能間的優(yōu)化，去除部分高光、漸變及陰影效果，以便能夠在減小圖片大小的基礎(chǔ)上，提高加載速度。

結(jié)語

綜上所述，計算機網(wǎng)頁設(shè)計存在的相應(yīng)的難度，圖形設(shè)計的融合則會在某種程度上使之網(wǎng)頁設(shè)計尤為繁瑣，設(shè)計者應(yīng)在實際設(shè)計中，對此類問題予以高度重視。同時，計算機網(wǎng)頁設(shè)計者還應(yīng)逐步提高自身專業(yè)技能，通過對網(wǎng)頁設(shè)計標準的把控，對圖形及相關(guān)信息予以有效處理，使其能夠在營造視覺盛宴的前提下，展現(xiàn)圖形設(shè)計在計算機網(wǎng)頁設(shè)計中的價值。

參考文獻

[1]馮少燕.基于計算機網(wǎng)頁設(shè)計中圖形設(shè)計的運用探討[J].教育，2016（10）：00198-00198.

[2]王正紅.探討網(wǎng)頁設(shè)計中圖形的應(yīng)用[J].現(xiàn)代裝飾：理論，2014（11）：86-86.

[3]占怡.試析計算機網(wǎng)頁設(shè)計中圖形設(shè)計的運用[J].通訊世界，2017（5）：124-124.