視覺傳達在網(wǎng)頁設(shè)計中的運用

黃躍成

遼陽職業(yè)技術(shù)學院，遼寧沈陽，111004

視覺傳達在網(wǎng)頁設(shè)計中的運用

黃躍成

遼陽職業(yè)技術(shù)學院，遼寧沈陽，111004

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

視覺傳達；網(wǎng)頁設(shè)計；應(yīng)用

1 引言

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

2 視覺傳達的概念

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

3 網(wǎng)頁設(shè)計概念

隨著信息技術(shù)的發(fā)展，網(wǎng)頁設(shè)計師的發(fā)揮范圍更加廣泛，視覺傳達與網(wǎng)頁設(shè)計技術(shù)相融合必將推進信息時代的發(fā)展。

網(wǎng)頁設(shè)計可以根據(jù)網(wǎng)頁所包含的信息和內(nèi)容具體分為成六個種類：

第一類：信息搜索類——發(fā)揮網(wǎng)頁的實用性，網(wǎng)頁運用的裝飾元素相對較少，主要包含的內(nèi)容為實用性的資料。

第二類：公眾傳媒類——發(fā)揮網(wǎng)頁的傳媒作用，網(wǎng)頁的內(nèi)容主要以新聞媒體等信息的傳播為主。

第三類：企業(yè)宣傳類——企業(yè)創(chuàng)建的、為企業(yè)形象所服務(wù)的網(wǎng)頁，宣傳元素較多，個性化較強。

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

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

第六類：網(wǎng)絡(luò)社交類——區(qū)分于電子商務(wù)類的訪客交流，網(wǎng)絡(luò)社交類的網(wǎng)頁，商業(yè)性質(zhì)相對較低，自由性較強。

4 視覺傳達在網(wǎng)頁設(shè)計中的具體運用

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

4.1 美感原則在網(wǎng)頁設(shè)計中的應(yīng)用

產(chǎn)生視覺效果的美感需要多方面的因素，主要將以下產(chǎn)生美感的原則應(yīng)用到網(wǎng)頁設(shè)計中：

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

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

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

4.2 視覺習慣在網(wǎng)頁設(shè)計中的應(yīng)用

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

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

4.3 視覺效果表現(xiàn)要素在網(wǎng)頁設(shè)計中的應(yīng)用

網(wǎng)頁所包含的元素十分的多元化：圖形、文字、色調(diào)等等。應(yīng)用視覺效果表現(xiàn)要素設(shè)計網(wǎng)頁，可以使網(wǎng)頁具有不同的信息傳達效果。

4.3.1 圖像在網(wǎng)頁設(shè)計中的應(yīng)用

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

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

（1）圖像的分辨率應(yīng)當統(tǒng)一，使得網(wǎng)頁的視覺效果具有有序性。

（2）圖像應(yīng)當能夠簡單明了地表現(xiàn)網(wǎng)頁內(nèi)容，過于花哨的圖像會喧賓奪主，分散網(wǎng)頁瀏覽者對于網(wǎng)頁主要表現(xiàn)內(nèi)容的注意力。

（3）圖像應(yīng)當突出網(wǎng)頁內(nèi)容的重點。

4.3.2 文字在網(wǎng)頁設(shè)計中的應(yīng)用

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

4.3.3 色調(diào)在網(wǎng)頁設(shè)計中的應(yīng)用

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

色調(diào)在網(wǎng)頁設(shè)計中的應(yīng)用原則主要分為以下幾點：

（1）主體色在網(wǎng)頁設(shè)計中的應(yīng)用

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

（2）相近色在網(wǎng)頁設(shè)計中的應(yīng)用

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

（3）頁面色彩分配在網(wǎng)頁設(shè)計中的應(yīng)用

第一、網(wǎng)頁的主體內(nèi)容需要文字和背景的色彩對比明顯。通常為“白景黑字”。

第二、網(wǎng)頁的標題需要結(jié)合網(wǎng)頁內(nèi)容所表現(xiàn)的主體采用深色，從而保證網(wǎng)頁標題能夠吸引瀏覽者足夠的注意力。

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

第四、網(wǎng)頁的配色可以適當?shù)剡x取一些鮮明的顏色，但是配色的應(yīng)用比例應(yīng)當控制，防止頁面過于花哨。

5 結(jié)語

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

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

[2]聶森.網(wǎng)頁設(shè)計中平面視覺傳達分析[J].吉林商業(yè)高等?？茖W校學報,2014.04:46-48.

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

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

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