論網頁設計與符號學的關系

童　心　葉　萍

[摘 要]本文試從符號學編碼及解碼的角度分析網頁設計與符號學之間的關系。全文從網頁設計與符號學的關系，怎樣合理的編碼及解碼等角度對主題進行了探討。

[關鍵詞]網頁設計 符號學 編碼 解碼

網頁設計作為一門正在逐漸成熟起來的學科，已經漸漸的建立起了自己的一套標準體系。包括功能按鈕的位置，用戶與網頁接觸的反饋方式，以及一些網頁導向圖標的設置。這些標準和表現方式相比起我們以前傳統的平面設計并沒有什么太大的突破之處，大部分都是把平面設計中的一些規則和元素挪到了網頁上，在與網頁顯示方法進行匹配后便直接進行了使用。

現在一般網頁的操作方式屬于傳統意義的人機對話層面，而網頁這種媒體不同于一般人機對話的地方就在于：網站是一個以交換信息為其唯一職能的工具，盡管你可以從網頁上實現銀行轉帳，購物或者定票等實際活動，但其根本還是一個基于互聯網技術的信息交換媒介。他并不能像你控制一臺車床，讓他車出一個構件這么一個把一件自然物直接轉化為人工自然的過程。

一、符號怎樣存在于網頁之中

符號是負載和傳遞信息的中介，是認識事物的一種簡化手段，表現為有意義的代碼和代碼系統。當然，符號這一概念的外延相當廣泛，設計中的符號作為一種非語言符號，與語言符號有許多共性，使得語意學對設計也有實際的指導作用。通常來說，可以把設計的元素和基本手段看作符號，通過對這些元素的加工與整合，實現傳情達意的目的。

而我們在傳統的平面設計和網頁設計之中，是語言與非語言符號并存的一種狀態。這其中語言符號包括：A 網站條目：如一些門戶網站上的條目大多直接以字符的形式體現。B 注釋：如我們把鼠標移動到某個按鈕上時，會出現一些解釋性的文字條目。C 版權信息：這是所有網站上都出現的。

圖形符號包括：A 網站的整體布局：規整和比較自由的布局傳遞給觀看者以不同的信息，網站“氣質體現的一部分。B網站的顏色搭配：不同顏色，或者相同顏色不同比例的搭配都會給觀賞者以不同的暗示。C 網站的互動方式：一般的網站大多運用“鼠標事件”這一功能來對使用者的操作進行回饋。簡單來說就是把鼠標移至某個條目上，相應條目做出的反應，如字體改變顏色或者圖像的更替。D 排版：這一部分的原則基本來自于平面設計，如對需要強調的部分加大占整個畫面比例的面積，或者采取相應突出的色彩或者質感。

二、怎樣讓網頁受眾能夠更好地實現“解碼”

在網頁設計中，我們作為設計師，屬于“編碼者”（encoder），而網頁的最終受眾就是“解碼者”（decoder）?！熬幋a”和“解碼”這一對范疇在符號學中十分重要，也是與其他學科諸如語言學（Linguistic）相交融的點之一。我們所要做的，簡而言之，就是要讓最終受眾明白我們想要表達的什么。

由于編碼者和解碼者是“一對多”或者“少對多”的關系，不像我們平時與人對話之間“一對一”的關系，這就要讓我們考慮到解碼者與解碼者之間的不同，找到編碼者之間的交集所在，力求讓更多的人能夠懂得，或者更好的懂得我們的“編碼”。

盡管我們盡最大的可能讓更多的人能夠實現對我們所做網頁的“解碼”，但是由于文化背景差異，認識能力差異和社會階層的差異，并不可能讓所有人都能正確的完成“解碼”過程。而我們的“編碼”隨著時間的推移也會出現一些偏差，造成歧義。這一現象，在符號學上稱之為“符號學噪音”。這種噪音是由意義失調引起的訊息干擾所致。

首先我們要符合一些約定俗成的規范，最基本的就是語言規范在一個信息提供的過程中，使用解碼者能夠看懂的語言，不要混雜其他語言。其次要做到信息反饋及時并有效，這就是我們在網頁中觸發一個按鍵或者功能的同時，相應按鍵或激活區域做出正確反映，告訴解碼者是否成功地開啟了這一功能。有些網頁往往就是由于信息反饋不及時造成解碼者的迷惑或者誤解。再次，個人認為網站的人機交流一定要及時并且直接。及時是指編碼者所提供的信息必須以最直接的形態在網頁上顯示，其中可以是文字（text）或者能夠很好表明目的的圖標(icon)。直接就是指信息反饋明確，這也是一個再次編碼的過程；

我們在網頁設計中，一定要遵循一些符號學中的基本原則，排除符號傳播中的干擾，使網頁設計能夠明確直接并富有新意。

三、傳情達意，正確表達

我們的網頁設計一般都會有一個主題，新浪是以新聞和時效性，權威性為主題；BBC的網站是以客觀性和全球性為主題，蘋果的網站則是以他著名的AQUA水晶風格來打頭陣。網頁不管功能如何完善，結構如何合理，內容如何豐富，最終還是要統一在一個固定的主題之下。我們是否達到了讓解碼者正確解碼的目的，就是說我們能沒能夠讓解碼者進行“優勢解讀”。

前面已經說過，編碼和解碼是一種信息傳遞的過程。如果編碼和解碼的過程純粹由機械來完成的話，那么信息的意義在這個傳遞過程中不會受到任何影響。比如電腦與電腦之間相互傳遞數字化的信息，兩邊一模一樣。而信息在人之間的傳播就不一定了，由于人自身的主觀能動性，解碼的過程充滿了不確定性。

斯圖亞特霍爾（Stuart Hall），作為文化研究學派的代表人物之一，把人解碼的方式分為三種：優勢解讀（Preferred Reading）、妥協式解讀（Negotiated Reading）、對抗式解讀（Oppositional Reading）。

所謂“優勢解讀”，是指受眾解讀文本時完全迎合編碼者的意思，解讀出來的意義符合編碼者的期待。第二種“妥協式解讀”，是指受眾尊重編碼者的意思，但并不完全按照編碼者的期待去解讀。第三種“對抗式解讀”，是指受眾把編碼者的意思拋到腦后，解讀出來的意義與編碼者相互對立。

要做到讓受眾能夠“優勢解讀”，首先就要了解你做這個網頁最終的受眾是什么樣的人群，他們喜歡什么，憎惡什么，對什么著迷，對什么東西不屑一顧，另外還有他們的社會立場，階層關系等等都是需要考慮的因素。不能將一些并沒有得到大多數人認可的技術采用其中。網站建設者的初衷可能是想依賴這些技術讓瀏覽者有更好地瀏覽體驗，但是瀏覽者往往由于對技術的陌生進而對整個網站的操作方式感到迷惑不解，甚至失去耐心。這樣我們就沒有很好的達到最初的編碼初衷。

另外在網站的主題方面，我們也應該盡可能地符合受眾口味。一些和時尚關系密切的網站，我們可以盡量做到前衛，炫目，對于新技術的運用也不要吝嗇。而一些傳統行業的網站，則需要盡量規整清晰，以可靠性和易閱讀性作為首要目標。

四、結語

網頁設計與符號學的關系還屬于一門比較新的研究領域，這一研究領域其實和UI設計也有相似之處，但是UI設計作為終端，其提供的信息并沒有網頁設計那么多，更多的是一種機器對人操作所做出的反映。符號學作為一門并不算古老的學問如今也算是方興未艾，但其與設計的結合稍顯幼稚，我們正試圖運用符號學這一工具來更好地指導我們的設計學科，完善設計學科的理論體系。

參考文獻

[1]《符號學原理》 羅蘭巴特 中國人民大學出版社

[2]《符號學概論》 皮埃爾 吉羅 四川人民出版社

[3]《設計文化符碼入門》 臺 楊裕富