陳明 王悅

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

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

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

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

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

（一）視覺(jué)傳達(dá)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

三、結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

作者單位：

徐州工程學(xué)院

通訊作者：

王娜、趙念念