視覺傳達(dá)在網(wǎng)頁設(shè)計中的作用及有效運用

陳明 王悅

摘 要：文章首先依托視覺傳達(dá)的基本概念，結(jié)合視覺傳達(dá)的主要要素，從文字、色彩、圖形等方面討論了視覺傳達(dá)在網(wǎng)頁設(shè)計中的作用，其次結(jié)合網(wǎng)頁設(shè)計的要求討論了視覺傳達(dá)在網(wǎng)頁設(shè)計中的有效運用，并以鎮(zhèn)墓獸元素為例進(jìn)行了重點分析研究。

關(guān)鍵詞：視覺傳達(dá);網(wǎng)頁設(shè)計;鎮(zhèn)墓獸元素

注：本文系2019年徐州工程學(xué)院省級大學(xué)生創(chuàng)新創(chuàng)業(yè)訓(xùn)練計劃項目“徐州博物館之鎮(zhèn)墓獸元素提取及其應(yīng)用”（xcx2019025）階段研究成果。

現(xiàn)階段無論什么領(lǐng)域的設(shè)計，不管設(shè)計者有意識還是無意識，都是在為設(shè)計語言、視覺傳達(dá)的效果而努力。視覺傳達(dá)用視覺符號來溝通，網(wǎng)頁設(shè)計當(dāng)中也特別重視視覺傳達(dá)，利用Flash或動態(tài)HTML等技術(shù)所做的網(wǎng)頁都是為網(wǎng)頁的視覺傳達(dá)服務(wù)的。用戶要認(rèn)知網(wǎng)頁及其內(nèi)容，視覺是最主要的感官，也是最直接的途徑。因此，如何發(fā)揮視覺傳達(dá)的作用，提升網(wǎng)頁設(shè)計給用戶帶來的視覺體驗，是網(wǎng)頁設(shè)計師需要特別關(guān)注的一個問題。

一、視覺傳達(dá)與網(wǎng)頁設(shè)計

（一）視覺傳達(dá)

視覺傳達(dá)顧名思義，就是利用視覺符號或者視覺語言（視覺元素）來傳達(dá)信息，視覺符號或者視覺語言指代的是某一特定事物的信息媒介，包括文字、色彩、圖形等。

從符號學(xué)的角度來說，視覺傳達(dá)中的文字指代的是一種指示符號，是對象之間存在的時空或因果關(guān)系，當(dāng)然，文字本身就是人類傳達(dá)信息的工具。在設(shè)計當(dāng)中，文字是視覺傳達(dá)最直接的方法，任何一種視覺傳達(dá)設(shè)計中，文字都是必不可少的構(gòu)成要素，文字編排將直接影響設(shè)計的視覺傳達(dá)效果。因此，文字是提升設(shè)計訴求力、賦予設(shè)計審美價值的重要視覺語言，如果文字編排不好，作品的效果就會大打折扣。

色彩在符號學(xué)當(dāng)中對應(yīng)的是象征符號，指代對象之間無必然或內(nèi)在聯(lián)系但卻具有約定俗成的規(guī)約，在視覺傳達(dá)中，色彩通常蘊含設(shè)計師的內(nèi)在或者某一種特定的情感。

圖形在符號學(xué)當(dāng)中對應(yīng)的是圖像符號，其與文字在設(shè)計當(dāng)中具有同等的地位，是設(shè)計當(dāng)中必不可少的構(gòu)成要素。圖形也是直接傳達(dá)設(shè)計意圖的視覺語言，無論何種視覺藝術(shù)，圖形都是非常重要的視覺傳達(dá)方式。在設(shè)計中將圖形語言化，賦予圖形語言特征和功能，用戶在看圖時，正好用視覺方式和語言手段將圖形語言解析出來，完成視覺傳達(dá)。

（二）網(wǎng)頁設(shè)計

網(wǎng)頁設(shè)計以網(wǎng)絡(luò)為載體，將各種信息以最方便快捷的方式傳達(dá)給受眾。早期的網(wǎng)頁設(shè)計非常簡單，但版式設(shè)計、功能設(shè)計受到重視。隨著互聯(lián)網(wǎng)技術(shù)的發(fā)展，網(wǎng)頁設(shè)計也開始追求審美意趣，互聯(lián)網(wǎng)技術(shù)的發(fā)展能夠支撐更加美輪美奐的網(wǎng)頁設(shè)計，同時人的審美追求也需要更加美輪美奐的網(wǎng)頁。因此，現(xiàn)在的網(wǎng)頁設(shè)計不僅僅把各種信息放到網(wǎng)頁上，還要考慮如何使用戶更好更快地接收網(wǎng)頁中的信息，并且讓用戶在瀏覽網(wǎng)頁時感到舒服、好看。網(wǎng)頁設(shè)計最早是由簡單的文本和數(shù)字等組成的顯示界面，以功能美為審美意趣，發(fā)展到現(xiàn)在追求創(chuàng)意和風(fēng)格。

首先，要解決網(wǎng)頁的主題問題。按照視覺傳達(dá)的要求，網(wǎng)頁設(shè)計應(yīng)當(dāng)主題鮮明。設(shè)計網(wǎng)頁必須先明確建立這個網(wǎng)頁的目的，而這個目的就是網(wǎng)頁的主題，它將決定用戶在使用網(wǎng)頁時能夠接收到什么樣的信息。信息傳達(dá)的目的越明確，傳達(dá)的成功率就越高。

其次，要解決網(wǎng)頁的風(fēng)格問題?；ヂ?lián)網(wǎng)上同時運行的網(wǎng)頁千千萬萬，瀏覽者通常都是走馬觀花式地瀏覽網(wǎng)頁，千篇一律的網(wǎng)頁對于用戶來說都是一樣的，用戶隨意看上一兩眼就會換另一個網(wǎng)站。因此，必須保證網(wǎng)頁有特色，有別具一格的風(fēng)格，這樣才能吸引受眾，使受眾駐足瀏覽，進(jìn)而完成視覺傳達(dá)。

最后，要解決網(wǎng)頁的形式問題。網(wǎng)頁形式為網(wǎng)頁當(dāng)中的信息服務(wù)，其本身具有獨立性和藝術(shù)性。網(wǎng)頁形式主要是網(wǎng)頁的版式、構(gòu)圖、布局、色彩和其呈現(xiàn)的風(fēng)格，無論設(shè)計何種網(wǎng)站，都需要明確網(wǎng)頁形式，因為其決定著網(wǎng)頁內(nèi)容的傳達(dá)效率，使用戶更容易接受網(wǎng)頁提供的信息。因此在網(wǎng)頁設(shè)計當(dāng)中，為了滿足視覺傳達(dá)的需求，需要依托不同的內(nèi)容用不同的形式來傳達(dá)。如，政府機(jī)構(gòu)的網(wǎng)頁通常都比較簡潔莊重;商業(yè)網(wǎng)站則多了份活潑和自由，色彩、圖形、文字的運用也更加豐富;文化類網(wǎng)站更加突出個性化表現(xiàn)，比如傳統(tǒng)文化網(wǎng)就是依托中國傳統(tǒng)文化元素來打造網(wǎng)頁的視覺語言。

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

好的網(wǎng)頁另人賞心悅目，這種視覺呈現(xiàn)有賴于設(shè)計師的創(chuàng)意、表現(xiàn)技巧、編排能力，這些能力要靠視覺傳達(dá)中視覺符號的發(fā)布來體現(xiàn)。設(shè)計當(dāng)中最基本的視覺元素是文字、圖形、色彩、版式等，對這些視覺元素的傳達(dá)以及轉(zhuǎn)化要有效，要區(qū)分內(nèi)容的主次，確定用戶需要了解的內(nèi)容。頁面應(yīng)當(dāng)盡可能保持簡潔，內(nèi)容要和目標(biāo)用戶群相關(guān)，重要內(nèi)容應(yīng)當(dāng)在網(wǎng)頁最顯眼的位置，文字樣式要新穎別致。對于網(wǎng)頁瀏覽者而言，其瀏覽一個網(wǎng)頁的程度，取決于其有多少看見的能力，瀏覽者的視覺經(jīng)驗越豐富，其從設(shè)計師所創(chuàng)造的視覺形式當(dāng)中得到的快樂也就越多，這與瀏覽者本身積累的知識量相關(guān)。

網(wǎng)頁設(shè)計中的視覺傳達(dá)實際上是圖形語言化的過程，為了達(dá)到信息傳達(dá)的目標(biāo)，網(wǎng)頁設(shè)計師需要尋找、挖掘并創(chuàng)造出最佳的視覺語言，并通過創(chuàng)新視覺語言來傳達(dá)自我的設(shè)計理念和藝術(shù)主張。網(wǎng)頁設(shè)計的重點就是對文字、色彩和圖形這三大視覺元素進(jìn)行創(chuàng)新，以及對三大視覺元素之間的美學(xué)性構(gòu)成進(jìn)行創(chuàng)新。

以鎮(zhèn)墓獸的視覺元素在網(wǎng)頁設(shè)計當(dāng)中的運用為例。中國古代的鎮(zhèn)墓獸多以奇幻的造型、豐富的色彩、強烈的神秘意味來凸顯其藝術(shù)特征。在中國古代藝術(shù)當(dāng)中，鎮(zhèn)墓獸是一朵奇葩，它們神化、靈動、奇異的形象為奇異風(fēng)格的網(wǎng)頁設(shè)計奠定基礎(chǔ)。我國的鎮(zhèn)墓獸多為想象與現(xiàn)實世界的動物或動物與人的相互融合產(chǎn)生的形象，造型十分奇幻。比如戰(zhàn)國時期的金怪獸，就由多種動物形象融合而成，整體似鹿，但鷹嘴獸身，長耳豎立，頭上有夸張的雙角。又如人面鎮(zhèn)墓獸，是非常典型的人面獸身。古代人類深信人死后，在地下的亡魂與在人間時一樣，容易受到各種邪惡因素的影響，為了維護(hù)墓室和亡魂的安寧，古人采取多種手段進(jìn)行庇護(hù)，鎮(zhèn)墓獸是其中的一種手段，帶有明顯的驅(qū)邪思想和巫術(shù)神話色彩。

在網(wǎng)頁設(shè)計中，什么樣的內(nèi)容就采用什么樣的表現(xiàn)形式，通常會先充實內(nèi)容再分區(qū)塊，然后確定色調(diào)，最后處理細(xì)節(jié)。總體而言，就是先考慮全局，再考慮細(xì)節(jié)，最后回歸整體。

在網(wǎng)頁設(shè)計中運用鎮(zhèn)墓獸元素可以賦予設(shè)計文化神韻。在具體應(yīng)用中需要根據(jù)網(wǎng)頁的內(nèi)容、風(fēng)格、主題等來選擇符合鎮(zhèn)墓獸元素的意象。比如，可以將鎮(zhèn)墓獸的神秘感加諸于網(wǎng)頁設(shè)計當(dāng)中，打造一種空間的幻覺。一條線或多條線組成一個形狀，但由于線定義了邊界，造成其與周圍的環(huán)境截然不同，這樣就可以用點、線、面打造出空間感，盡管這種感覺是一種錯覺。極簡主義的網(wǎng)頁設(shè)計使網(wǎng)頁更趨向于二維平面世界，但如果在一些功能導(dǎo)航菜單按鈕上放置一個投影，用戶在使用時就會產(chǎn)生一種深度空間的錯覺。幾何形狀和有機(jī)形狀提供了不同的分組方式，幾何意味著秩序和可預(yù)測性，在用戶體驗上具有重要作用，而有機(jī)形狀則顯得更加自然和人性化。再比如色彩是情緒的主要觸發(fā)器，鎮(zhèn)墓獸所用的色彩通常比較豐富，網(wǎng)頁設(shè)計也可以用這種理念來實現(xiàn)視覺傳達(dá)。這里重點考慮的是色彩的相互影響，通過色彩的組合來增加網(wǎng)頁的信息。簡約主義網(wǎng)頁通常使用單色，色調(diào)通常是白色到黑色的單色調(diào)，但一些網(wǎng)站也使用類比色或互補色以及三色，比如Forest使用的就是類比色，用兩種不同深淺的色彩來創(chuàng)建和諧的外觀。

三、結(jié)語

網(wǎng)頁設(shè)計本質(zhì)上是一種視覺藝術(shù)，因此，必須要突出網(wǎng)頁的視覺傳達(dá)功能，利用色彩、圖形、文字等符號打造方便視覺傳達(dá)的網(wǎng)頁，在具體的設(shè)計中，要滿足用戶體驗，提升用戶的情感感知。另外，視覺傳達(dá)還應(yīng)加入藝術(shù)性的創(chuàng)造，傳統(tǒng)文化元素的運用是增強網(wǎng)頁設(shè)計藝術(shù)性的直接方式，有利于打造風(fēng)格獨特、吸引用戶的網(wǎng)站。

參考文獻(xiàn)：

[1]王永虎，楊廣紅.網(wǎng)頁設(shè)計中視覺語言的審美性表現(xiàn)研究[J].黃山學(xué)院學(xué)報，2016（2）：95-98.

[2]鄧念.網(wǎng)頁設(shè)計中的視覺語義與寓意[J].設(shè)計藝術(shù)研究，2015（5）：41-44，58.

[3]葉盛科.淺析計算機(jī)網(wǎng)頁設(shè)計中的布局與排版[J].科技展望，2016（22）：24.

[4]李軻.網(wǎng)頁設(shè)計中視覺元素的應(yīng)用[J].中文信息，2014（3）：4.

作者單位：

徐州工程學(xué)院

通訊作者：

王娜、趙念念