圖形設計在計算機網頁設計中的應用研究

古新良

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

關鍵詞：圖形設計 計算機 網頁設計

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

一、圖形設計在計算機網頁設計中的價值

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

1.展現界面的藝術效果

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

2.滿足網頁設計的多元化目標

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

3.更具人性化魅力

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

二、計算機網頁設計中圖片格式的正確使用

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

依據某個角度來講，鑒別計算機網頁設計者是否優秀，是由圖片格式應用的是否合理而決定。雖然，諸多設計者對圖片格式有著熟練掌握，如GIF、PNG和JPG等，但并非每個人能夠對各圖片格式的特點、用途予以說明。對此，關于計算機網頁設計中圖片格式的正確使用，筆者將其總結如下，如表1所示：

三、圖形設計在計算機網頁設計中的具體應用

1.合理布局

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

2.界面處理

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

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

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

4.形式、內容間的分離

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

5.優化性能

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

結語

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

參考文獻

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

[2]王正紅.探討網頁設計中圖形的應用[J].現代裝飾：理論，2014（11）：86-86.

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