視覺傳達(dá)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

黃躍成

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

視覺傳達(dá)在網(wǎng)頁(yè)設(shè)計(jì)中的運(yùn)用

黃躍成

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

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

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

1 引言

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

2 視覺傳達(dá)的概念

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

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

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

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

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

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

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

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

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

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

4 視覺傳達(dá)在網(wǎng)頁(yè)設(shè)計(jì)中的具體運(yùn)用

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

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

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

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

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

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

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

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

網(wǎng)頁(yè)設(shè)計(jì)工作人員在依照人們的視覺習(xí)慣設(shè)計(jì)網(wǎng)頁(yè)時(shí)，要確保設(shè)計(jì)的流暢性、合理性和科學(xué)性，對(duì)于網(wǎng)頁(yè)內(nèi)容的空間布局要慎重考慮，促使人們?cè)谝勒兆陨硪曈X習(xí)慣接受網(wǎng)頁(yè)信息時(shí)能夠順利、充分地捕捉設(shè)計(jì)者需要表達(dá)的中心思想。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

5 結(jié)語(yǔ)

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

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

[2]聶森.網(wǎng)頁(yè)設(shè)計(jì)中平面視覺傳達(dá)分析[J].吉林商業(yè)高等專科學(xué)校學(xué)報(bào),2014.04:46-48.

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

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

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