視覺傳達在網頁設計中的運用

黃躍成

遼陽職業技術學院，遼寧沈陽，111004

視覺傳達在網頁設計中的運用

黃躍成

遼陽職業技術學院，遼寧沈陽，111004

隨著社會的發展和科技的不斷進步，視覺傳達在網頁中的應用也越來越廣泛，逐漸成為了最常見的信息傳遞方式之一。網頁的設計具有將所要傳達的視覺信息進行總結和規劃的特點，因此設計網頁的技術人員也需要充分掌握視覺傳達技巧，才能更好地通過設計網頁完成指定信息的傳播。

視覺傳達；網頁設計；應用

1 引言

媒體吸引大眾注意力的最直接手法是吸引群眾的視覺注意。視覺傳達設計工作人員也應當利用這一手法，設計新鮮的、美觀的、具有影響力的網頁內容，完成視覺傳達在網頁設計中的良好應用。

2 視覺傳達的概念

視覺傳達，從字面上便可以理解，是從視覺向人們傳遞信息的信息推廣方法，是人們最方便、最常用的信息交流方法之一。視覺傳達可以通過圖像、文字、色調等多種元素的結合向人們表達傳達者需要表現的不同訊號。訊號的視覺效果也從二維圖像到多維圖像都廣泛存在。因此將視覺傳達應用到網頁設計中可以有效地豐富網頁內容。

3 網頁設計概念

隨著信息技術的發展，網頁設計師的發揮范圍更加廣泛，視覺傳達與網頁設計技術相融合必將推進信息時代的發展。

網頁設計可以根據網頁所包含的信息和內容具體分為成六個種類：

第一類：信息搜索類——發揮網頁的實用性，網頁運用的裝飾元素相對較少，主要包含的內容為實用性的資料。

第二類：公眾傳媒類——發揮網頁的傳媒作用，網頁的內容主要以新聞媒體等信息的傳播為主。

第三類：企業宣傳類——企業創建的、為企業形象所服務的網頁，宣傳元素較多，個性化較強。

第四類：電子商務類——發揮網頁的訪客交流作用，使得瀏覽者在關注頁面內容的同時，積極愉悅地相互傳遞信息，具有一定的商業性。

第五類：交流平臺類——網頁便于瀏覽者使用，指示信息顯示明確，便于理解操作。

第六類：網絡社交類——區分于電子商務類的訪客交流，網絡社交類的網頁，商業性質相對較低，自由性較強。

4 視覺傳達在網頁設計中的具體運用

網頁設計是一種新穎的視覺信息傳達方法，在傳統的平面設計的基礎上發揮了自身的現代化和科技化的特點，成為了新時代信息傳達的主流方式之一。作為一門包含多項元素的多元化設計，網頁設計的技術綜合性要求相對較高。因此，設計者在利用網頁設計技術完成視覺傳達的過程中需要明確網絡的性質和特點，將視覺傳達的需求融入網頁技術中，從而獲得一個具有良好的視覺效果的網頁設計。視覺傳達在網頁設計中的具體應用主要分為以下幾個層面：

4.1 美感原則在網頁設計中的應用

產生視覺效果的美感需要多方面的因素，主要將以下產生美感的原則應用到網頁設計中：

（1）規則產生美感。通過將對稱、排列、垂直、水平等多種元素融入到網頁設計中，可以使得網頁設計具有規則性，在秩序中表現了美感，是網頁最常用的表現美感的手段之一。這種設計方式在表現美感的同時體現了網頁內容的規劃性。

（2）和諧產生美感。通過協調、融合、搭配網頁中的文字、圖像和色調，使得網頁中的各種基本元素相互結合、互相輝映，共同促使網頁具有美感。這種設計方式可以使得網頁的視覺效果的和諧度較高。

（3）變化產生美感。通過變化使得網頁中的文字、圖像和色調等產生對比性，這種設計方式可以使得網頁具有較為強烈的視覺效果，更加引人注目。

4.2 視覺習慣在網頁設計中的應用

視覺習慣的養成是由人類視覺本身具有的特點所決定的。人們在通過視覺接受信息時，視覺習慣會使人在不自主的情況下決定瀏覽信息的先后順序。當然，越具有強烈的視覺效果的信息越容易引起人的注意。利用視覺習慣設計網頁，可以引導瀏覽者依照設計者的意愿順序性地接收信息，從而決定了閱讀者的信息接收的側重點。

網頁設計工作人員在依照人們的視覺習慣設計網頁時，要確保設計的流暢性、合理性和科學性，對于網頁內容的空間布局要慎重考慮，促使人們在依照自身視覺習慣接受網頁信息時能夠順利、充分地捕捉設計者需要表達的中心思想。

4.3 視覺效果表現要素在網頁設計中的應用

網頁所包含的元素十分的多元化：圖形、文字、色調等等。應用視覺效果表現要素設計網頁，可以使網頁具有不同的信息傳達效果。

4.3.1 圖像在網頁設計中的應用

圖像可以直接明了地為用戶傳遞網頁所包含的信息，將圖像設計運用到網頁設計中可以有效擴充網頁所包含的信息量。并且對于網頁設計的視覺效果的美觀程度也有良好的改善作用。

為豐富網頁內容選擇圖像的過程中，應當注意的是，圖像的選取應當與網頁內容能夠良好地融合，主要從以下的三個角度考慮：

（1）圖像的分辨率應當統一，使得網頁的視覺效果具有有序性。

（2）圖像應當能夠簡單明了地表現網頁內容，過于花哨的圖像會喧賓奪主，分散網頁瀏覽者對于網頁主要表現內容的注意力。

（3）圖像應當突出網頁內容的重點。

4.3.2 文字在網頁設計中的應用

文字一直是傳遞信息的最重要的方式，也是網頁設計內容的核心部分。網頁設計工作者在進行文字的排版工作時，應當明確文字的內容符合網頁需要傳達的內容，文章的風格吻合網頁所需要表現的風格。例如：行政官方網頁的文字內容應當嚴肅、嚴謹并且規范。字體的排版應當具有規則性，字體可選擇楷體、宋體等簡單大方的字體。而文學作品的文字內容則應當新穎、歡快，給人以耳目一新的感覺，字體上可以應用云字體，帶給人活潑的美感，從而令人具有美好的心情。

4.3.3 色調在網頁設計中的應用

網頁設計的色彩可以直接決定瀏覽者對于該網頁的第一印象，直接決定了網頁對于瀏覽者的最初吸引力，從而決定了網頁瀏覽量，是網頁設計成敗的決定性因素之一。將色調應用在網頁設計中，可以促使網頁具有更加鮮明的視覺效果。

色調在網頁設計中的應用原則主要分為以下幾點：

（1）主體色在網頁設計中的應用

在網頁頁面上，除了白色這一最大的背景使用色調之外，分布最廣的顏色便是網頁的主體色。因此應當根據頁面所表達內容選擇合適的主體色。例如可口可樂的企業宣傳網頁的主體顏色為紅色。某家硅藻泥的商業網頁的主體顏色則為綠色。在確定主體顏色之后，其他顏色的應用比例就需要把握了，防止網頁顏色設計過程中雜色過多，發生喧賓奪主的現象。

（2）相近色在網頁設計中的應用

相近色的使用可以使得網頁的視覺效果更加具有柔和感。根據不同色彩的鮮艷程度的不同完成色彩搭配，可以使網頁設計的視覺效果柔和多彩。

（3）頁面色彩分配在網頁設計中的應用

第一、網頁的主體內容需要文字和背景的色彩對比明顯。通常為“白景黑字”。

第二、網頁的標題需要結合網頁內容所表現的主體采用深色，從而保證網頁標題能夠吸引瀏覽者足夠的注意力。

第三、網頁的菜單的背景顏色需要相對較暗，網頁菜單的字體顏色則應當相對明亮，網頁的頁腳顏色應當使用暗色。

第四、網頁的配色可以適當地選取一些鮮明的顏色，但是配色的應用比例應當控制，防止頁面過于花哨。

5 結語

探究視覺傳達在網頁設計中的運用，首先應當明確視覺傳達的概念和網頁設計的種類：信息搜索類、公眾傳媒類、企業宣傳類、交流平臺類和網絡社交類。其次，還應該明確視覺傳達在網頁設計中的具體應用：主要分為視覺效果中的美感原則在網頁設計中的應用、視覺習慣在網頁設計中的應用和視覺效果表現要素在網頁設計中的應用。明確視覺傳達在網頁設計中的運用，才可以使網頁具有更廣闊的發展空間和更光明的發展前景。

[1]劉夢琪,史啟新.網頁設計中版式編排的視覺傳達研究[J].平面視覺元素在網頁設計中的應用研究[J].電腦編程技巧與維護赤峰學院學報（自然科學版）,2014,11:26-27.

[2]聶森.網頁設計中平面視覺傳達分析[J].吉林商業高等專科學校學報,2014.04:46-48.

[3]劉林.淺析視覺美感在網頁設計中的運用[J].赤峰學院學報（自然科學版）,2012.19:45-46.

[4]武星寬,邱紅.試論民族文化在現代視覺傳達設計中的運用[J].中南民族學院學報（人文社會科學版）,2012.01:71-74.

[5]李芃,陳歡歡.符號在視覺傳達設計中的運用[J].淺析桃源木雕藝術在視覺傳達設計中的運用[J].湖北經濟學院學報（人文社會科學版）,2010.07:143-144.