高校官網首頁的多模態文體對比

溫煜東

內容摘要：本文以嚴云等提出的網站首頁多模態文體分析路徑為理論基礎，對比分析北京師范大學和巴黎高等師范學校官網首頁的多模態文體特征。研究發現兩者共同的前景化特征為選用校徽的顏色作為網站色彩設計的主色調，并通過網頁布局方便讀者快速定位信息。不同點是，北京師范大學為訪問者設置專題資訊及網站，提供更多的客觀信息，采用統一的字體和超鏈接特效提高網頁易讀性，凸顯其公正、規范的學校形象;而巴黎高等師范學校則希望訪問者關注其社交媒體賬號，宣傳知名校友并提倡募捐，努力與讀者搭建較親密的關系，并采用多樣化的字體和超鏈接特效增強宣傳效果，塑造其個性化的學校形象。

關鍵詞：高校官網首頁 多模態文體特征 對比分析

網頁包含了文字、圖像、視頻、音頻、超鏈接等多模態資源，也是一種多模態語篇。近年來學者們對網頁的關注也逐漸增多。Zhang & OHalloran （2012）從社會符號學角度對比分析了清華大學與新加坡國立大學的主頁設計。同年田玲對2012年倫敦奧運會官網進行了多模態話語分析，認為此官網主頁是倫敦奧運會精神“激勵一代人”的精髓代表。王春香和王彥在2013年探討了旅游廣告網頁的多模態語類結構特征及互動性特點。2018年王煒琳通過對美國國防部網站軍事新聞中的圖像進行分析，提出了美國國防部網站圖像的語篇建構和知識建構模式。同年楊小敏對英國、加拿大、澳大利亞三國政府門戶網站首頁上的圖文信息進行統計分析，研究發現三國網站的圖像有助于其構建服務型、親民型的政府形象。候建波（2019）則關注了網頁新聞漫畫的多模態互文功能，發現多模態文本意義來源于文本間互動以及網頁新聞漫畫資源互動的四種功能。嚴云等（2021）對比分析了中外高校門戶網站首頁的多模態文體特征，并解釋了兩者文體差異產生的原因。綜上所述，現有針對網頁的多模態分析多集中于中美大學首頁、奧運會官網、旅行社網站、美國國防部官網、政府網站、新聞綜合門戶等類型，對中法大學官網首頁的對比研究較少。

一.研究框架和研究方法

1.研究框架和研究方法

多模態文體學這一概念首先由南丹麥大學的Norgaard教授提出，她認為多模態文體學是文體學理論和符號學理論的聯姻（Norgaard et al.2010）。張德祿和穆志剛（2012）構建了一個多模態功能文體學分析框架，以一則連環畫分析為例驗證了此框架的可行性。在此框架基礎之上，嚴云、雷茜、高祥語（2021）通過對15所國內高校和15所國外高校的網站首頁進行多模態文體對比分析，有針對性地提出了高校門戶網站首頁多模態文體特征分析路徑。本文以嚴云等設計的網站多模態文體特征分析路徑為理論依據，從文字模態、圖像模態、顏色模態、布局模態、字體模態和超鏈接模態等角度，對比分析北京師范大學和巴黎高等師范學校官網首頁的多模態文體特征。

2.數據收集

Djonov和Knox在2014年提出了三種數據收集方法。一種是利用網頁瀏覽器把頁面保存為html文件，但這種方法有可能丟失廣告，圖像、動畫和頁面布局等信息。第二種方法是使用插件或軟件工具進行截屏。但是保存的html文件或截屏的圖像均不能準確地體現網頁上的動態內容，例如視頻、滾動播放的圖片等。第三種方法可以使用www.archive.org等“網站時光倒流機器（wayback machine）” 瀏覽以往的網頁，但這種方法也可能出現信息保存不完整或收錄的網頁內容和其抓取時間錯位等情況。總之，他們也承認目前沒有保存數據的最佳方式，選擇的方法取決于分析的目的和方法。本研究采用第二、第三種方法相結合的方式保存數據。再對保存的網站首頁中的各個模態進行人工標注，并基于此進行多模態文體特征對比分析。

二.北京師范大學和巴黎高等師范學校官網首頁多模態文體對比分析

根據2021年上海軟科發布的“世界大學學術排名”和英國泰晤士高等教育公布的“泰晤士高等教育世界大學排名”，北京師范大學和巴黎高等師范學校分列中國和法國師范類院校第一名。巴黎高等師范學校始建于1794年，幾乎與法蘭西共和國同齡。從這里走出了無數在科學、人文藝術等領域有非凡建樹的天才和巨匠（馬麗君 2016）。北京師范大學的前身是1902年成立的京師大學堂師范館，作為一所百年名校，是中國歷史上第一所師范大學（周寧之2013）。本研究選取這兩所在各自國家排名前列的師范大學官網首頁作為研究對象，具有較強的可比性。

1.文字模態

從標題區的文字模態分析，兩所學校均在頁面頂部設置了水平的導航欄，以便訪問者快速定位所需信息。不同點是巴黎高等師范學校在導航欄中留有一塊區域專門設置了學校在Twitter，Facebook，YouTube，Instagram，Link

edIn等社交媒體的官方賬號跳轉超鏈接，方便訪問者快速關注，構成了獨特的前景化特征。在內容區兩所高校都提供新聞、學術活動預告、校園生活和通知公告，形成突出特征。不同的是，北京師范大學還提供疫情防控、學習宣傳貫徹黨的十九大精神、“四有好老師”獎勵計劃等專題資訊及網站，構成了前景化特征。因國內高校期望培養優秀正直的青年人才（嚴云等2021），因此前景化這些內容符合學校的訴求。巴黎高等師范學校則前景化了知名校友專欄和募捐超鏈接，這表明學校希望通過“名人效應”取得更好的宣傳效果并提倡更多的人為其捐款。在信息區，兩所學校均提供地址、社交媒體關注方式、隱私協議等內容，形成突出特征。

2.圖像模態

通過對兩者首頁圖像模塊分析發現，北京師范大學和巴黎高等師范學校在首頁分別使用了20張及40張圖像。根據Kress和VanLe

euwen（2006）的視覺語法理論，我們可從接觸、距離等角度對圖像進行互動意義的分析。接觸包括提供和索取。兩者最大的差別在于是否與讀者形成視線上的直接對接。當圖像的呈現方式為提供時，讀者與圖像中的人沒有直接的目光接觸;當圖像的呈現方式為索取時，則有直接的目光接觸。北京師范大學的提供圖像為17張，索取圖像為3張，索取圖像占比為15%。而巴黎高等師范學校的提供圖像為20張，索取圖像為20張，索取圖像占比為50%。后者與前者相比索取圖像占比較高，說明巴黎高等師范學校更希望通過直接的目光交流與讀者建立更多的聯系，而北京師范大學更愿意提供更多的客觀信息。距離可以表達與讀者的親密程度。距離可分為個人近距離、個人遠距離、社會近距離、社會遠距離和公共距離（李戰子2003）。在北京師范大學的首頁中近距離和個人遠距的的圖像占比為20%，而巴黎高等師范學校的首頁中個人近距離和個人遠距離的圖像占比為68%。這說明前者與讀者之間的關系并不親密，而后者更希望拉近與讀者之間的距離。總之，北京師范大學的首頁圖像并不追求與訪問者之間建立親密關系，而是力爭為讀者提供更多的信息，并體現其客觀性;而巴黎高等師范學校的首頁希望通過有目光接觸的近距離圖像與讀者建立更多的互動，拉近與訪問者之間的距離。

3.顏色模態

就顏色模態而言，北京師范大學首頁采用的主要色彩為白色和藍色，與其校徽的顏色一致。而巴黎高等師范學校首頁的主要色彩為白色、灰色和紫色，也與其校徽的顏色一致。由此可以看出，兩所學校網站色彩設計選用校徽的顏色是共同的前景化特征。這樣不僅可以增強視覺上的協調感與一致性，而且可以加深讀者對校徽及學校代表色的印象，傳承百年名校的文化內涵和精神氣質。

4.布局模態

網頁的空間布局是意義的重要來源之一。不同的內容放置在網頁的不同區域，不同的視覺手段可用于分配網頁內容和分類信息（Djonov and Knox2014）。就布局模態分析，兩者的頁面頂部區域為標題區，中間大部分區域為內容區，頁面底部區域為信息區。標題區和信息區為橫向布局，內容區為橫向和縱向多欄布局。但不同點是，北京師范大學設置了懸浮導航，即在向下瀏覽網頁內容的同時，頁面上方始終懸浮顯示導航欄。而巴黎高等師范學校則選擇在首頁底部再次設置導航信息欄與頁面頂部呼應。兩所學校導航欄的布局雖有不同，但都是其前景化特征，起到的效果也類似：方便讀者快速定位所需信息。

5.字體模態

分析兩者的字體模態后可以發現，北京師范大學使用了微軟雅黑字體，巴黎高等師范學校主要使用了Crimson Text字體并輔以Arial字體，前者用于標題和簡介，后者用于導航及附加信息。這三種字體中，微軟雅黑和Arial屬于“非襯線體”，Crimson Text屬于“襯線體”。非襯線體字體的特點為筆畫開始及結束的地方沒有額外的裝飾，即筆畫的粗細始終保持一致。而襯線體字體在筆畫開始及結束的地方有額外的裝飾，即筆畫粗細有所不同。非襯線體文字顯得嚴肅、正直、穩重，而襯線體文字形態給人以整潔、美觀、優雅的感受（施佳蓉2021）。從中可以看出北京師范大學網頁字體設計并不追求風格化和多樣化，使用統一的非襯線字體，給人標準化、規范化的感覺，可以使訪問者的注意力集中于文字所表達的內容;而巴黎高等師范學校在首頁采用襯線體和非襯線體多種字體搭配是其字體模態的前景化特征，這種混搭能夠進一步突出其追求個性化、多樣化的學校形象。

6.超鏈接模態

在標題區，北京師范大學采用“手狀”光標并改變字體顏色的方式呈現隱藏式鏈接;巴黎高等師范學校采用“手狀”光標并改變字體顏色、“手狀”光標并下拉菜單等兩種方式呈現隱藏式鏈接。在內容區，北京師范大學采用“手狀”光標并改變字體顏色呈現超鏈接;巴黎高等師范學校采用（1）“手狀”光標并加下劃線（2）“手狀”光標并改變背景顏色（3）“手狀”光標并改變文字顏色（4）“手狀”光標并加下劃線同時改變字體顏色等四種方式呈現超鏈接。在信息區，兩所學校都采用了“手狀”光標并改變文字顏色的超鏈接呈現方式。綜合來看，在超鏈接模態北京師范大學和巴黎高等師范學校分別采用了一種和五種超鏈接特效，它們的超鏈接情景化策略不同：北京師范大學為訪問者提供較為一致的視覺效果，避免分散訪問者注意力使其更關注網頁內容本身;而巴黎高等師范學校則使用多樣化的視覺效果吸引訪問者，為其提供更多的瀏覽新鮮感和趣味性。

本文結合多模態功能文體學理論對北京師范大學和巴黎高等師范學校官網首頁的多模態文體特征進行對比分析。研究發現北京師范大學和巴黎高等師范學校共同的前景化特征是：（1）都采用校徽的顏色作為網站色彩設計的主色調（2）網頁布局方便讀者快速定位所需信息。不同的是，北京師范大學為訪問者提供疫情防控及正能量專題資訊及網站，通過圖像為讀者提供更多的客觀信息，采用統一的字體和超鏈接特效方便閱讀，凸顯其客觀性和規范性;而巴黎高等師范學校希望訪問者關注其社交媒體賬號，著力宣傳知名校友并在首頁設置募捐超鏈接，通過圖像與訪問者建立更多的互動、拉近距離，采用多樣化的字體和超鏈接特效吸引訪問者視線，以期建立個性化的學校形象。本文是對中國和法國師范大學官網首頁這類多模態語篇的嘗試性對比分析，選取的語料有限。在未來的研究中或可開展基于大型語料庫的更全面的研究。

參考文獻

[1]侯建波.網頁新聞漫畫的多模態互文功能研究——以鳳凰網“大魚漫畫”為例[J].外語教學，2019，40（03）：39-43.

[2]李戰子.多模式話語的社會符號學分析[J].外語研究，2003（05）：1-8+80.

[3]馬麗君.法國“雙軌制”下的世界一流大學建設——以巴黎高等師范學校為例[J].現代教育管理，2016（08）：20-26.

[4]施佳蓉.品牌標識設計中中國元素匹配性對消費者購買意愿的影響研究[D].中國礦業大學，2021.

[5]田玲.2012年倫敦奧運會官網主頁的多模態話語分析[D].西北師范大學，2013.

[6]王春香，王彥.旅游廣告網頁的多模態語類結構分析[J].廣東外語外貿大學學報，2013，24（02）：46-49.

[7]王煒琳.美國國防部網站軍事新聞報道中圖像的知識建構模式與功能[D].國防科技大學.

[8]嚴云，雷茜，高祥語.中外高校門戶網站首頁多模態文體對比研究[J].西安外國語大學學報，2021，29（04）：41-45+86.

[9]楊小敏.國外政府網站設計與形象建構：基于多模態視覺語法的分析[J].外國語文研究（輯刊），2018，9（01）：95-107.

[10]張德祿，穆志剛.多模態功能文體學理論框架探索[J].外語教學，2012，33（03）：1-6.

[11]周寧之.近代中國師范教育課程研究[D].湖南師范大學，2013.

[12]Djonov， Emilia and Knox， John S.. "15. How-to-analyze webpages". Interactions， Images and Texts： A Reader in Multimodality， edited by Sigrid Norris and Carmen Daniela Maier， Berlin， München， Boston： De Gruyter Mouton， 2014， pp. 171-193.

[13]Norgaard， N.，R. Montoro & B.Busse. 2010. Key Terms in Stylistics [M]. London： Continuum.

[14]Zhang Y ，? OHalloran K L . The gate of the gateway： A hypermodal approach to university homepages[J]. Semiotica， 2012， 2012（190）：87-109.

（作者單位：遼寧師范大學外國語學院）