無限性與有限性
——對網(wǎng)頁文字設(shè)計的思考

黃長生 羅雙根

無限性與有限性
——對網(wǎng)頁文字設(shè)計的思考

黃長生 羅雙根

文字作為信息傳播的基本元素，是網(wǎng)頁構(gòu)成的基礎(chǔ)。文字閱讀的舒適程度直接關(guān)系到瀏覽者的心理感受；文字的好壞直接影響到整個設(shè)計的質(zhì)量。網(wǎng)頁設(shè)計中的文字設(shè)計除了具備文字設(shè)計的基本原理，還特別應(yīng)該適應(yīng)網(wǎng)絡(luò)這一新媒體為基礎(chǔ)的傳播環(huán)境，文字設(shè)計的有限性與無限性正是基于此而產(chǎn)生。隨著傳播途徑的巨大變化，傳統(tǒng)的主要傳播媒介紙質(zhì)早已延伸到基于網(wǎng)絡(luò)信息傳輸技術(shù)為主的新的屏幕空間。設(shè)計師在設(shè)計網(wǎng)頁時，必須根據(jù)傳播媒介的改變而做出相應(yīng)的設(shè)計策略。平面媒介設(shè)計的一些設(shè)計原則，如對比、統(tǒng)一、和諧、秩序等，雖然在網(wǎng)頁設(shè)計上也可以適用，但平面更主要是基于紙張的質(zhì)地、油印的變化、版式設(shè)計，而網(wǎng)頁則更關(guān)注其顯示屏的屏幕分辨率和顏色質(zhì)量、瀏覽者的光線環(huán)境和觀看距離等方面。

雖然現(xiàn)今市場上的顯示屏幕種類繁多，更新很快，從以前的14寸、15寸或17寸到現(xiàn)在的21寸、24寸甚至更大的液晶顯示屏。但由于人們使用顯示器的距離與視域的有限性，決定了屏幕發(fā)展空間的有限性，網(wǎng)頁文字將主要在這尺寸范圍之內(nèi)進(jìn)行合理的安排與設(shè)計。

字體選擇也要考慮系統(tǒng)默認(rèn)的文字終端用戶。Windows系統(tǒng)只有幾種常用字體，在主機(jī)上選擇的特殊字體很難保證在不同的瀏覽器上都能顯示出來，從而造成與原設(shè)計的大相徑庭，這可能就是在你的網(wǎng)頁當(dāng)中相當(dāng)漂亮的頁面，在別人看來卻很糟糕的原因。

基于上述網(wǎng)頁設(shè)計顯示屏幕及用戶終端的字體庫的各種有限性，網(wǎng)頁文字設(shè)計時就應(yīng)盡可能考慮其特點(diǎn)，主要應(yīng)從字體的選擇、字號的選擇、顏色的匹配與編排等幾方面來設(shè)計：

字體的選擇。在選擇字體時，應(yīng)當(dāng)“字如其人”，力求能夠體現(xiàn)作品的特點(diǎn)和個性，同時應(yīng)當(dāng)注意文字在多數(shù)情況下是進(jìn)行字面意義信息的傳播，屏幕上的字體必須具備良好的識別性和可讀性。字體本身是有視覺屬性的，因此字體應(yīng)根據(jù)網(wǎng)頁的總體設(shè)計定位和瀏覽者的需要選擇其字體。比如時尚類、女性類的網(wǎng)頁，使用手寫體、卡通的或纖細(xì)柔美的字體；游戲類、娛樂類網(wǎng)頁，使用沖擊力很強(qiáng)的字體，比較有張力感，有數(shù)碼感覺；綜合門戶、企業(yè)類的網(wǎng)頁則可以使用常規(guī)的宋、黑字體。從設(shè)計的角度看，這是很好的選擇，但從終端用戶而言，正文內(nèi)容最好采用缺省字體，以免造成無法正常顯示的后果。在字體的搭配上，同一頁面中盡量不要使用超過三種字體，如果使用了三種以上的字體，也不能選擇特性差別太大的，否則頁面會顯得雜亂無章。

字號的選擇。字號是區(qū)分文字大小的一種衡量標(biāo)準(zhǔn)。網(wǎng)頁文字的顯示是基于屏幕的大小，與屏幕區(qū)域通常有密切的關(guān)系。在不同的顯示器中，相同的字號大小會有所區(qū)別，主要是基于屏幕分辨率、屏幕大小兩方面的原因。相同字號實(shí)際上是沒有區(qū)別的，是一種視覺效果。網(wǎng)頁設(shè)計一般選擇9pt或11pt，但隨著分辨率的提高與屏幕的增大，現(xiàn)在基本上使用12pt、14pt，有的甚至需要選擇16pt。就同一網(wǎng)頁而言，其字號變化也像字體一樣宜少不宜多，以3-4級為佳。當(dāng)然在針對特殊人群如老年人為主的網(wǎng)站時，字號就應(yīng)該相應(yīng)地選擇更大些的，以適應(yīng)老年人眼睛的不便。

顏色的選擇。網(wǎng)頁字體的顏色主要是背景和字體顏色的搭配問題。一般底色應(yīng)柔和些，素淡一些，配上黑字，讀起來自然流暢。而為了追求醒目的視覺效果，可用較深的顏色，再配上對比鮮明的字體顏色。相比較而言，飽和度較高，在用戶瀏覽時更易于吸引注意，但也容易引起視覺疲勞，其實(shí)高飽和度的文字并不易于閱讀。另外，要注意超鏈接顏色與單純敘述文字的顏色區(qū)別，純粹的敘述文字則可采用較暗、較深的顏色呈現(xiàn)，超鏈接文字則可用較飽和度相對較高的色彩來強(qiáng)調(diào)，訪問過的超鏈接則應(yīng)采用稍低于原超鏈接亮度的顏色進(jìn)行區(qū)別。

編排設(shè)計。為了有序地組織信息、提高文字的可讀性，行距的變化也起著十分重要的作用。一般而言，字體的高度為行距設(shè)置比較理想的尺寸。行距的常規(guī)比例為10:12，即用字10點(diǎn)，則行距12點(diǎn)。行距的變化除了影響瀏覽者對網(wǎng)頁的閱讀，本身也是視覺美感表現(xiàn)的重要因素之一。如為了加強(qiáng)板式設(shè)計風(fēng)格，可以有意識地改變行距的寬度以體現(xiàn)獨(dú)特的設(shè)計意味。此外，經(jīng)過設(shè)計安排，使寬、窄行距并存同一網(wǎng)頁中，也可以增強(qiáng)頁面文字的跳躍性、層次性。

網(wǎng)頁文字雖然具有以上所述屏幕的有限性，但也是一個相對的概念，比如一期《南方周末》報紙有幾十個版面，但其電子版卻在有限的首頁通過幾個導(dǎo)航把版面鏈接起來，屏幕有限性通過超文本鏈接變得無限窮盡；并通過動畫把時間、空間、音效、質(zhì)感等一切感知元素綜合起來，使文字從基本的認(rèn)知功能向情感功能轉(zhuǎn)換，這也是平面媒介所不能具備的，也是網(wǎng)頁設(shè)計無限性的魅力所在。

超文本是各種不同空間的文字信息通過超鏈接的方法而組織在一起的網(wǎng)狀文本，節(jié)點(diǎn)之間相關(guān)性的鏈構(gòu)成的一個具有一定邏輯結(jié)構(gòu)和語義關(guān)系的非線性網(wǎng)絡(luò)。超文本本質(zhì)是實(shí)現(xiàn)交互設(shè)計，一個真正使讀者擺脫線性的閱讀，使讀者真正成為上帝，使讀者進(jìn)入一個他真正感興趣的文本。現(xiàn)在人們可以如愿地、徹底地擺脫紙面文本的束縛，新的問題又已出現(xiàn)，無窮盡的信息鏈接會不會把人給淹沒，從而使鏈接沒有意義。

文字作為交流的基本功能在平面和網(wǎng)頁設(shè)計中沒有改變，但表現(xiàn)的方式演變從來就沒有停止過。特別是在數(shù)字技術(shù)助推下，增加了新的可能性：即動態(tài)文字設(shè)計或動態(tài)文本設(shè)計。動態(tài)文本與靜態(tài)文本相比，通過時間、空間等元素的介入，使它更擁有豐富的情緒表現(xiàn)特征，可以有效地引導(dǎo)或操縱用戶的注意力。

超文本、文字動態(tài)給網(wǎng)頁文字設(shè)計帶來的文本鏈接的無限性，在設(shè)計上主要把握以下幾個方面：

超文本中的字、符號或詞語起著鏈接的作用。在顯示時，其字體要有顏色變化或標(biāo)有下橫線，以區(qū)別于一般的正文。當(dāng)鼠標(biāo)器的光標(biāo)移到某個鏈接區(qū)域上，鼠標(biāo)要有所區(qū)別。

超文本的層級。任何網(wǎng)頁在組織信息時都有一個信息框架，網(wǎng)站首頁視為第一級，與其有從屬關(guān)系的頁面視為第二級頁面，二級頁面又可以繼續(xù)得到第三級頁面，依此類推，從而得到一個完整的網(wǎng)頁鏈接結(jié)構(gòu)。鏈接的層數(shù)被稱為網(wǎng)頁鏈接的深度，而在網(wǎng)頁結(jié)構(gòu)里，最底層頁面包含的頁面總數(shù)被稱為網(wǎng)頁鏈接的廣度。在分級方案上不能過于依靠深度或廣度，如對于一個信息量不是很大的網(wǎng)站來說，將信息組成一個二至三層的結(jié)構(gòu)，是一種深廣度平衡的方式。但對于信息量很大很雜的網(wǎng)站來說，廣度比深度的效果更好。

掌握網(wǎng)頁文字在動態(tài)設(shè)計的基本屬性，對設(shè)計有創(chuàng)意的動態(tài)文字，顯得十分重要。時間性是由一系列不同瞬間動作變化的畫面和每張畫面的拍攝幀數(shù)來確定。流暢的運(yùn)動，是由消極和積極的節(jié)奏速度混合而成，它必須保持平衡，協(xié)調(diào)時間上的節(jié)奏變化以達(dá)到最終的和諧效果。動態(tài)文字設(shè)計主要目的之一便是為了情緒的表達(dá)，但我們也要看到它的局限性。例如，在表現(xiàn)一個憂傷的詞語時，我們不可能通過設(shè)計把它表現(xiàn)成一個歡喜的場面。動態(tài)文字設(shè)計只能加強(qiáng)詞語已有內(nèi)容的情感體驗(yàn)。在動態(tài)文字設(shè)計中，形態(tài)的變化設(shè)計與現(xiàn)實(shí)世界中重力作用在物體上的效果十分相似，從而產(chǎn)生逼真感。

網(wǎng)頁文字的視覺信息傳達(dá)隨網(wǎng)絡(luò)這一新型媒體而產(chǎn)生，是藝術(shù)與技術(shù)密切結(jié)合的產(chǎn)物。因此設(shè)計者必須了解多媒體網(wǎng)絡(luò)技術(shù)的特點(diǎn)及制作方法，設(shè)計師只有順應(yīng)信息社會的時代藝術(shù)潮流，才能為網(wǎng)頁文字設(shè)計打開一個更寬廣的視野。

（作者單位：黃長生，羅雙根，新余學(xué)院抱石美術(shù)學(xué)院）