淺析多模態話語在網頁設計中的應用

陳思穎

摘要：多模態話語是一直以來都存在的一種人類交流信息的方式，最近十年來多模態話語理論研究不斷完善，并廣泛應用于其他領域。隨著現代科學技術的不斷成長，網絡對人們的信息交流產生了重大影響。網頁以網絡為載體，表達出各類信息，受到了越來越多的關注。各種模態元素的應用對網頁設計產生著至關重要的作用，也為今后的網頁設計提供了一個新的途徑。

關鍵詞：多模態話語;網頁設計;信息傳達

計算機和網絡的出現和發展，使人們交流方式逐漸屏幕化，紙的作用逐漸減小。屏幕占據了交流媒體的統治地位，成為人們日常活動中必不可少的一部分。網頁語篇是顯示在屏幕上的視空單位，包括了文字、圖像、顏色等在內的多個模態共同組成的多模態語篇。這些符號資源的合理運用使網頁具有觀賞性，在固定的空間中，調動了人的所有感覺器官，給人們帶來美的享受，滿足了人們的審美需求。網頁設計者負責提供并集中材料，對多種符號資源的編排要讓人們產生興趣，使訪問者能夠有效地解讀并接收信息。由此，網頁語篇的設計進入了多種模態組合利用的時代。

一、多模態話語的含義

2006年以來，國內學者開始關注多模態話語的研究，并取得了相關的理論成果。隨著多媒體的發展，社會的物質文化和精神文化變得越來越復雜多樣，語言已經不是溝通交流的唯一手段，圖像、顏色和聲音等溝通方式也不再作為副語言，在現代信息傳達中起著輔助作用，而是和語言符號一起共同參與構建意義。這種運用了視覺、聽覺等多種感覺，通過多種符號資源共同完成意義構建的現象叫作多模態話語。

近些年來，多模態話語的研究在語言學中，主要集中在課堂教學領域中，增加學生對課堂的興趣，使得多模態課堂成為現代教學的流行趨勢。此外多模態話語逐漸與其他學科進行交叉，在視覺圖像方面，主要集中在運用多模態話語分析理論框架對各類影像、圖像等進行闡述分析。網頁如今對于企業的發展起著很好地促進作用，一個好的網頁設計可以迅速抓住人們的眼球，準確表達出企業形象，提高效益。克雷斯認為在視覺層面上，圖像、顏色、排版和其他視覺模態共同作用，實現了圖像的再現意義、互動意義和構圖意義。對于一個網頁來說，圖像等多種視覺模態能表現網頁的設計者、網頁瀏覽者和網頁所表達的事物之間的獨有的社會關系，并且可以連貫內部和外部環境。

實現一個特定網頁語篇意義的設計，受很多具體因素的制約，要根據具體情境選擇出適合的模態，考慮采用什么樣的模態更加有效。比如在網頁設計中，比起靜態廣告來說，動態廣告結合了音頻、視頻和文字，能更加直觀生動的展現傳達內容，更容易被傳達受眾接受并記住。雖然在理論層面上，所有的模態都需要設計，因為它們都是要體現網頁語篇中的其中一個具體意義的。但是也要能夠分清主次，在能夠清晰表現意義的模態上精心設計，在某些無意識層面的模態上不需要特別設計。

二、多模態話語在網頁設計中的特征

（一）網頁語篇中圖像的再現意義

圖像在一個網頁中往往占有很大的比重，好的圖像的使用可以帶來簡潔而豐富的視覺外觀。圖像自身是有組織和結構的，它可以不依賴文字，傳遞出自己的訊息。根據圖像的再現意義，它能夠如實的還原客觀現實的事物、地點和人。如頭條新聞網站首頁使用大量的現場圖片，直觀的還原了新聞現場，使瀏覽者快速地接受了訊息。其中最上方的滾動幻燈片，在有限的空間里，展現了更多的信息，以事實說明了新聞發生時的場景。在用純文本難以表達全部時，用圖片來溝通是一個很好的方式。

圖像是早于語言出現的一種溝通交流的方式，它最直接也最簡單。圖像本身也具有構圖意義和互動意義，它能表現出強烈的視覺效果，給人的感官一種刺激。在網頁設計的過程中，選擇一個好的圖像很難，一般來說設計師會選用兩種類型的圖像，一種是經過設計的或是生活化的攝影，另一種是產品UI截圖及動圖。前者更貼近生活，可以給觀看帶來一種情感共鳴，使人們感受到主題在生活中的影響。后者則能直觀的顯示出產品的基本信息，更為強調產品本身的功能特征。

在當今的網頁設計中，選用插畫作為一種圖像語言越來越流行，在生活中我們越來越多地看到插畫的存在。插畫的表現形式受到人們的喜愛，它是經過創造性思維，用鉛筆起稿，根據腦海中的創意，用抽象的形狀表現出來，不僅完整的表現出互動意義構圖意義和再現意義，而且設計感更為強烈。比如我們可以在Shopify的Polaris網站中看到，在網頁上方是一張大幅的圖像，運用插畫的形式，將抽象的概念在生活中具體化得表現出來。畫面上的北極星就代表了Polaris的主題，它為團隊的每一個人指引方向。攝影中的問題在插圖中也可以得到解決，如果是真實的人在圖像的顯著位置中，觀看者很容易將自己的身份定位代入進去，產生是否符合圖像中人物形象的心理反應。而插圖只是運用了人物剪影，不具有具體的確定性，覆蓋了全部的觀看者，使我們每個人都成了可能被北極星所指引的人。

（二）網頁語篇中文字的構圖意義

文字是網頁設計中傳遞信息最通用的方式，文字的編排直接影響到網頁的美觀和可讀性。多模態話語分析中的構圖意義，是由信息值、顯著性和取景三方面來表現，這三個原則不僅在單一的圖像中適用，而且也適用于網頁這種包含多個元素模態的完整語篇。現代的網頁設計更善于運用心理學和技巧，通過字體大小粗細的對比，使瀏覽者被更為顯著地文字符號吸引，加深印象。通過文字的編排，和與圖像的結合完成的整個網頁構圖，使視覺符號成了文字的具體體現，而文字也起到了闡釋說明的作用。

文字作為一種重要的模態在網頁設計時經常在網格布局中使用，網格布局的方式帶來了規范的感覺，在視覺上處于和諧的狀態。但是網格本身會給設計帶來一些約束，在網頁語篇的整體設計中過于平淡。設計者也在尋求突破的形式，想擺脫網格的規范性，但形式的突破并不意味著完全忽略網格模數，相反，文本元素和圖像會更自由的運用在網格模數中，按部就班的進行排列。圖像和文字的位置會出現錯位重疊排列，產生新的文字排列形式，為網頁設計帶來不同的創意。

（三）網頁語篇中色彩的互動意義

色彩是最直接影響網站風格形象的模態，色彩選取的差別對于接受者的心理產生影響。當人們打開一個網頁時，最先感受到的一定是網頁的主色調，不同網站的主題可以通過特定的色彩來實現。在一個完整的網頁語篇中，色彩作為必不可少的一部分，有著獨特的互動意義，給予觀看者視覺感官的刺激。色彩中的情態和語言中的情態有很大不同，主要體現在色彩的飽和度上。越接近真實世界事物的情態，飽和度越低，比如黑白灰這類色彩。越是反應主觀情感的色彩，飽和度越高。比如人民網的主頁面，主色調為高感官情態的紅色。紅色代表了積極向上、充滿活力、熱情洋溢，是一種正能量的顏色，符合人民網的主題。

網頁顏色的選擇在網頁設計中很重要，色彩搭配的合理性會直接影響到觀看者的情緒。優秀的色彩搭配會使觀看者感到心情愉悅，產生視覺沖擊力。但是不合理的色彩搭配會使觀看者心情浮躁，不想繼續瀏覽。網頁需要針對不同的主題來選擇顏色的搭配，色彩本身就可以表達情態，比如積極向上的網站不適合使用飽和度低的色彩，不適合暗黑色系以及紫色系這些可能造成人們心里壓抑的顏色，產生一些消極的想象。除了根據主題來選擇顏色外，網頁設計也要關注最近的流行色，貼近流行的前沿。流行色本身迎合了大多數群眾的喜好，具有廣泛性與普遍適用性。關注流行色并運用到網頁設計中，可能會使這個網頁變得更具有觀賞性。

三、網頁設計中多模態話語的應用

在一個整體的網頁分布中，會出現多種模態使用來提高整個網頁的識讀能力。優秀的網頁會迅速在短時間內抓住觀看者的眼球，就這樣來說，模態的選擇和設計顯得至關重要。網頁語篇呈現給接受者再現意義、構圖意義和互動意義，這些可以通過對圖像、文字和顏色的設計來表現。

網頁中所有的符號資源應該為一個整體，為主題服務。如果單純地追求使用更多的模態，反而會顯得畫蛇添足。設計者應根據網頁具體想傳遞的內容，來選擇使用不一樣的符號資源。例如新聞媒體類網頁，更多地需要加入圖像，來還原現場的真實性。圖書類網站，會較多地使用文字來具體說明。而教育宣傳類網站可能會使用高感官情態的色彩來迎合主題。這些符號資源的運用對于網頁整體的展示效果有這決定性的作用，任何符號資源的選用，都應經過慎重的思考設計，不能偏離主題。對于多模態的設計可以分為兩個層次，第一要有宏觀目標，即網頁整體效果，也就是網頁的主題。第二就是局部目標，針對更加具體的部分，在宏觀目標下進行設計。在具體設計時，對于每一個局部，還可以分為兩種方式，第一種對模態的設計目標就是達到基本效果。比如，僅僅能夠用文字或者圖像表現出網頁效果的，就不過多使用其他模態。第二種則是追求最佳效果，這時我們就需要考慮哪一種模態，或者哪幾種模態的結合，更加生動有效，比如加上視頻媒體等動態效果與靜態的視聽元素相結合。

現今的網頁設計不僅局限于平面元素的組合運用，視聽元素的應用也更為廣泛，增加了網頁語篇的多樣性。在網頁中添加視頻動態圖片等可以更好地實現網頁的互動性，小的動態符號的添加給用戶體驗時帶來趣味。視聽元素的增加是網頁設計發展的一個趨勢，在增加網頁多樣性的同時，如何恰當使用這一元素，不顯得畫面凌亂，給設計師帶來了新的挑戰。多模態在與網頁設計領域的穿插中，不僅豐富了多模態的內容，也給網頁設計帶來了新的啟發。網頁語篇整體的發展需要一個過程，隨著現代技術的不斷推進，多模態在網頁中設計與表現的各個方面都會取得進步。

四、結論

我們生活在一個多模態的時代，與人的溝通開始更多地采用圖像、聲音、文字等模態，而不僅僅通過語言。而互聯網的發展，使得網頁成了展現信息不可缺少的一部分。在用網頁與觀看者進行溝通時，只有靈活地使用各種模態，并對多種模態進行設計，才可以更清楚直觀的表達制作者想要傳遞的信息。

參考文獻：

[1]胡壯麟.社會符號學研究中的多模態化[J].語言教學與研究，2007（1）：1-10.

[2]王受之.世界現代設計史[M].中國青年出版社，2002.

[3]齊彪，劉海峰.論設計的必要性[J].文藝爭鳴，2010（18）：77-78.

[4]蔣桂梅.網頁設計的藝術性[J].電腦知識與技術，2010，6（5）：1191-1192.

[5]鐘蘭鳳.多媒體的世界，多模態的話語——《多模態篇章轉錄與分析》述評[J].中國外語，2011，8（2）：107-109.