黃長(zhǎng)生 羅雙根

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

黃長(zhǎng)生 羅雙根

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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