淺析多媒體界面中的字體設計與編排

成 卓

（石家莊職業(yè)技術(shù)學院 動畫學院，河北 石家莊 050081）

多媒體設計遵循視覺形式美法則，通過界面中的視覺元素實現(xiàn)信息內(nèi)容的傳達，這些視覺元素包括文字、圖形、色彩以及互動機關(guān)。一個成功的多媒體節(jié)目，其字體設計與編排不僅要滿足記錄、傳遞知識的需要，還要通過獨特的設計與編排，表達設計者的設計意圖，傳遞所記錄信息的情感和本質(zhì)。漢字與拉丁文字在字型特征等方面存在差異，因此，漢字與拉丁文字給人不同的視覺感受，這樣在多媒體作品的文字編排中便應注意它們各自的特點及其差異，根據(jù)既定的需要進行選擇和使用。

一、字體特征

（一）字體特征概述

進行文字設計，必須對其歷史和演變有基本了解。世界各國的文字，經(jīng)過漫長的發(fā)展演變過程后，逐步形成當今世界文字體系的兩大分支——代表東方文化的漢字體系與象征西方文明的拉丁文字體系。漢字和拉丁文字都起源于圖形符號，各自經(jīng)過幾千年的發(fā)展演變，最終形成了各具特色的文字體系［1］。

至今，漢字仍保留象形文字圖畫的感覺，字形外觀規(guī)整為方形，無窮含意皆出于筆畫的細微變化。每個獨立的漢字都有各自的含義，在這一點上和拉丁文字截然不同，因而在漢字的文字設計上更注重形意結(jié)合。

拉丁文字是由26（或是更多）個簡單字母組成的語言體系，字母本身沒有意義，必須以字母組合構(gòu)成詞來表述詞義。其字母外形各異，富于變化，在字體設計靈活性上較之漢字有明顯的優(yōu)勢。

（二）字體特征比較

1.漢字字體特征

如今的中文設計編排常用的字體字形，大體可以分為黑體、宋體、書寫體（包括行書、隸書以及現(xiàn)代創(chuàng)立的一些自由的手寫體等）三大類。字庫中各類名目的字體，大部分也都由這三個基本大類演變加工而來，可以視為這三種書寫形式的分支。以這三類字型演變來的各種字體，各具風格，給人不同的視覺感受。準確把握這種視覺感受，并把它合理、準確地運用到多媒體節(jié)目的界面設計當中，是研究字體字形的主要目的。

（1）宋體字

這種字體不但有中國書法的魅力，還具有雕版印刷及木板刀刻的韻味。它的結(jié)構(gòu)方中有圓，剛?cè)嵯酀鹊溲徘f重又不失韻味靈氣，從視覺角度看，閱讀最省力，不易造成視覺疲勞，具有很好的易讀性和識別性。筆者設計作品《佳木沉香》時，LOGL設計以及正文主要部分的字體使用都選擇了宋體，以突出其明式家具的典雅莊重。由于宋體字先天的筆畫以及間架結(jié)構(gòu)的特點，宋體字多用于正文編排。在最近一些平面媒體的版式排列中，把最普通的宋體放大做標頭，字距緊縮，呈現(xiàn)出一種別致的美。

（2）黑體字

黑體字字型結(jié)構(gòu)方正，筆畫轉(zhuǎn)折棱角分明，不僅莊重醒目，還極富現(xiàn)代感。由于它醒目、具有警示作用，成為不少平面媒體標題字體的首選。粗壯硬朗的黑體與纖細的宋體、細圓混排標頭，感覺很別致，精與細的對比，恰如英雄配美女給人帶來的視覺感受。根據(jù)黑體演變而來的細黑、等線體等字體，繼承并發(fā)揚了黑體的優(yōu)點，樸素端正清晰。在一些介紹珠寶、名表等高檔奢侈品的網(wǎng)頁中，常會用到細黑體、等線體來表現(xiàn)所介紹產(chǎn)品的品位和檔次。

（3）書寫體

書寫體可以分為兩種：一種來源于傳統(tǒng)書法，如隸書、行書等；另一種是以現(xiàn)代風格創(chuàng)造的自由手寫體，如廣告體，POP體。雖然手寫體比起前面說的兩種字體更有個性，但是只能作為輔助性字體或者小范圍點睛之用。濫用手寫體只會造成界面的雜亂，甚至會降低整個作品的藝術(shù)品位。尤其是在一些嚴肅、莊重的設計項目中，手寫體更要慎用。只有與黑體、宋體等規(guī)范的字體相配合，才會動靜相宜，相得益彰。

2.拉丁字母的字體特征

隨著世界文化的融合，“西風東漸”與“東風西漸”成為時尚，中文設計作品里有了拉丁字母。所以，針對編排西文培養(yǎng)審美意識就顯得很有必要，這一點在中文多媒體節(jié)目的國外版上顯得尤為突出。

西文的編排屬于字母文字的編排，而拉丁字母的有限個數(shù)又決定了在字體設計上西文的字體設計相對容易。通過對比，西文字體字型大體也可分為三種類型，即飾線體（Serif）、無飾線體（Sans Serif）和裝飾體（Decorative，也稱Display）。

（1）飾線體

此類字體在筆畫末端帶有裝飾性成分，筆畫精細、對比明顯，與中文的宋體具有近似的形態(tài)特征，統(tǒng)一具有較好的易讀性，適用于長篇幅文本段落。代表字體是新羅馬體（Times New Romon）。

（2）無飾線體

此類字體筆畫末端沒有裝飾成分，字體形態(tài)與中文黑體相類。由于其筆畫精細均勻，故具有較好的識別性，多用于標題和指示性文字。其簡潔規(guī)整感符合現(xiàn)代的審美標準。代表字體是赫爾維梯卡體（Helvetica）。

（3）裝飾體

此類字體即通常所說的“花”體，由于它裝飾意味重，閱讀時較費力，易讀性較差，只適合于標題或較短文本，類似于中文的書寫體。代表字體是草體（Script）。

二、字體設計與編排的基本規(guī)則

（一）字體設計的基本原則

1.字形要正確

不同漢字或拉丁字母的構(gòu)成，筆劃都是固定的，只要有一點不符，就成了錯別字，進而影響文意的表達。因此，字形要做到準確無誤，既不能隨意增加，也不能隨意刪減、更改。

2.風格要統(tǒng)一

不管是拉丁字母，還是漢字，字體筆劃都必須統(tǒng)一。寫漢字時，就不宜三筆隸書、兩筆仿宋；寫拉丁字母，不宜播楷、小楷、花楷雜組一字，印刷體與手寫體也不能在一字中混用。

3.字體表情要與文字內(nèi)容一致

每一種字體都有其自身的表情。選擇某種字體為設計字體的基調(diào)時，應按文字的內(nèi)容而定，這樣內(nèi)容與形式一致，才能發(fā)揮文字本身的感染力。至于變化形式，可以不拘一格，設計者可自由創(chuàng)作，只要符合文字的固有結(jié)構(gòu)變化即可，還可以運用透視、立體投影、空心變化等方法進一步對字體加以美化、修飾。

（二）文字編排的基本規(guī)則［2］

1.保證文字的可讀性

界面設計中的文字應易認易懂，避免繁雜凌亂，切忌為了設計而設計。文字設計的根本目的是為了有效地傳達作者的意圖，表達設計的主題和思想。

2.位置符合整體需要

文字在畫面中的位置安排要考慮到全局因素，不能有視覺上的沖突。否則，在畫面上主次不分，很容易引起視覺順序的混亂。

3.視覺上給人以美感

在視覺傳達的過程中，文字作為界面的形象要素之一，必須具有視覺上的美感，能夠在視覺上給人以美的感受，才能更好地傳達感情。

4.設計上富于創(chuàng)造性

根據(jù)作品主題的要求，創(chuàng)造性地突出文字編排的個性色彩，會讓字體配合給人以別開生面的視覺感受，有利于更好地表達設計者的設計意圖。

三、漢字與拉丁字母界面設計中的不同

1.字形設計

由于中文字形復雜，電腦上的中文字體設計又相對落后，這使得設計中文界面比較困難。不顧及中文字體的特殊性，簡單地照搬拉丁字母界面的設計方法，經(jīng)常會降低中文界面的易讀性。

選擇拉丁語系中的英語與漢語做一些對比，可以看出這兩種語系在編排與設計上的不同點。根據(jù)它們的特點，在編排與設計時需要區(qū)別對待，避短揚長，發(fā)揮它們各自的優(yōu)點，更好地服務于作品設計的主題。

2.字號選擇

在一些優(yōu)秀的英文界面設計中，國外的設計師通常選用很小的字號作為正文的字號，這使得每個字母在界面的構(gòu)成中都充當著點的元素。通過圖片的搭配以及文字的段落編排，界面中形成了豐富的點線面構(gòu)成因素，使整個界面充滿了節(jié)奏感。

而中文則不然，如果在中文界面中照搬英文的排版構(gòu)成方法，一般會導致閱讀困難，美感缺失。原因在于英文字母在10px就可以清晰顯示，而中文在這個大小時根本不具備識別性。造成這一問題的根本原因在于中文字體的結(jié)構(gòu)設計，因此，設計者在選擇字號時應根據(jù)中文字體的特點合理安排，書籍或網(wǎng)頁中常見的中文字號一般設置在“五號”大小容易識別。

3.段落編排

英文與漢字在編排上的區(qū)別有三個較為明顯的特點。

首先，英文編排易成“段”，因為英文每個單詞都有相當?shù)臋M向長度，有時一個單詞就相當于中文一句話的長度，單詞間以空格區(qū)分，所以英文在排版時，即便是一個句子，也大多作為“段”來考慮編排；而中文則不同，每個字所占字符空間一樣，非常規(guī)整，一句話的長度在一般情況下是不能拆分處理的，所以中文在排版的自由性和靈活性上比英文弱，限制較多。較漢字而言，英文排版有更強的不連續(xù)的線條感，容易產(chǎn)生節(jié)奏和韻律感。

其次，英文的篇幅普遍比相同意義的漢字篇幅長，在設計時，英文本身更容易成為一個設計主體，且因英文單詞的字母數(shù)量不一樣，在編排時，對齊左邊則右邊會產(chǎn)生自然的不規(guī)則錯落，這在漢字編排時不太可能出現(xiàn)，漢字編排每個段是一個完整的“塊”，不易有這種錯落感，但是它帶給人更多整齊與莊重的印象，有自己的獨特風格。

最后，漢字編排時段前空兩字，標點占用一個完整字符空間，豎排時必須從右向左，橫排時從左向右等，這些規(guī)則也提高了漢字編排的難度。而英文段落在編排時只能橫排，只能從左向右，段前不需空格，符號只占半個字符空間，這給英文編排提供了更大、更靈活的空間。當然英文編排時，也有很多規(guī)則限制，比如單詞與單詞之間不能間隔太大，給人感覺很多留白；單詞換行時不要出現(xiàn)錯誤的斷開，更不能把人名斷開；頁面最上方留出單獨的一行句子，或是頁面末端留出單獨的一個單詞，這都是設計中的大忌。因此，漢字和英文的編排可謂各有千秋，設計者一定要好好把握這些規(guī)律，合理安排版面。

四、文字在多媒體界面設計中的具體運用

多媒體作品中文字起著至關(guān)重要的作用，它不僅可以傳達信息、表現(xiàn)主題，還能烘托作品氣氛，使界面更美觀，更靈動。不同字體的氣質(zhì)和特點還能為多媒體作品深化內(nèi)涵，體現(xiàn)風格，使作品更傳神，更有靈魂。文字在多媒體作品中的作用也有分工，有標識性文字、主題性文字、說明性文字和非說明性文字等［3］。

1.標識性文字

標識性文字常常被用在多媒體作品的品牌、標題中，用字體或字母編排來表現(xiàn)某一名牌的名稱，如“Coca Cola／可 口 可 樂 ”、“PHILIPS／飛 利 浦 ”、“BMW／寶馬”的標識，這些文字在界面中代表著商品的品牌或是企業(yè)形象、產(chǎn)品形象，有較強的標識作用。它簡練醒目的造型，使用戶能夠?qū)ζ放菩蜗笱杆儆洃?，起到很好的宣傳作用?/p>

2.主題性文字

主題性文字常常用在多媒體作品的片頭、片尾或是網(wǎng)頁多媒體的首頁欄目中，以短句、廣告標語或標題的形式出場，醒目而鮮明。如“淘寶網(wǎng)”中不同的欄目會用不同的標題，“聚劃算”中出現(xiàn)了“聚實惠聚精彩”的標語；“天貓”品牌特賣欄目中出現(xiàn)了“魅力女裝、品質(zhì)男裝、精致內(nèi)衣、時尚鞋靴”等標題。再如“愛奇藝”視頻網(wǎng)中出現(xiàn)了“愛奇藝 悅享品質(zhì)”的標語。主題性文字具有很強的概括性，以突出作品某一欄目版塊、某一頁面或是某一段落的主旨大意為目標，用簡明扼要的文字、醒目的版面位置、鮮明的色彩搭配和大氣的風格來引起瀏覽者的關(guān)注。

3.說明性文字

說明性文字即對多媒體作品的內(nèi)容和畫面起到說明性、補充性作用。作品中若有對話，亦可起到解釋作用；若有背景材料，亦可起到揭示內(nèi)容、擴大信息量的作用等。這些說明性文字能夠讓瀏覽者在使用多媒體作品時更輕松、更快捷地獲取信息，理解作品主題。多媒體作品中說明性文字的字體選擇應盡量避免繁體字、手寫書法字體，如行書、隸書、草書等和裝飾性強的藝術(shù)字體、個性字體，如琥珀體、彩云體、綜藝體等。這樣的字體不利于瀏覽者對文字的識別，影響閱讀速度。文字編排時應盡量做到內(nèi)容簡潔、段落清晰，避免文字繁多冗長，篇幅多而亂，影響瀏覽效率。

4.非說明性文字

非說明性文字多媒體作品中文字不僅有傳達信息的作用，還能起到很強的裝飾、美化作用。設計師常常利用文字的理性感情特征，把它們圖形化、圖像化，設計成界面中的裝飾背景或是按鈕圖標。多媒體影視作品《黑客帝國》中，黑色的背景下發(fā)著綠光的“文字雨”一串串墜落，文字錯落排布，忽明忽暗的流動變化，使畫面形成很強的空間感和動感，給觀眾留下了深刻的印象。

結(jié)語

通過以上比較以及實例分析，可以發(fā)現(xiàn)中文字體與英文字體在界面設計中的區(qū)別，了解文字在多媒體作品中的重要性。無論是字母還是漢字，它們從內(nèi)容到形式都是一個成功界面設計不可或缺的重要組成部分，它們承擔了一個多媒體作品傳播信息、愉悅視覺感受的功能。在設計時我們既要積極借鑒國外設計師的成功經(jīng)驗，還要根據(jù)各自的差異在具體運用中區(qū)別對待。同時，我們還要深入挖掘本土的文化資源，研究民族的審美心理和哲學價值取向，在對這些精華的梳理、比較、借鑒中獲得真正意義深遠的發(fā)展。

［1］黨晟.字體符號版面設計 ［M］.西安：陜西人民出版社，2004：1－10.

［2］蔣聚波.字體設計與編排 ［M］.杭州：浙江大學出版社，2009：94－108.

［3］嚴晨.數(shù)字版面設計藝術(shù) ［M］.北京：機械工業(yè)出版社，2004：139－167.