中文字體在移動(dòng)終端中閱讀體驗(yàn)的決定性要素探析*

趙建雷 ZHAO Jianlei 卜令峰 BU Lingfeng

蘇州工業(yè)園區(qū)服務(wù)外包職業(yè)學(xué)院，江蘇蘇州 215123（Suzhou Industrial Park Institute of Services Outsourcing，215123 Suzhou，Jiangsu）

信息時(shí)代，手機(jī)與平板電腦等移動(dòng)終端產(chǎn)品日漸普及。統(tǒng)計(jì)研究表明，2012年我國(guó)人均閱讀電子書的數(shù)量是2.35本，比2011年增加了0.93本，增幅達(dá)65.5%，這一數(shù)字在未來仍有較大的增長(zhǎng)空間[1]。面對(duì)數(shù)字化閱讀的流行，如何為用戶提供更加舒適的閱讀體驗(yàn)，就成了設(shè)計(jì)師不得不認(rèn)真對(duì)待的重要問題，其中，中文字體的設(shè)計(jì)也許是相當(dāng)關(guān)鍵的問題之一。長(zhǎng)久以來，中文字體在數(shù)字領(lǐng)域中的設(shè)計(jì)與應(yīng)用受到諸多因素的制約，除了軟硬件的包容性之外，設(shè)計(jì)中不僅要考慮文字單體的美觀，也要兼顧組合使用時(shí)的效果。本文以宋體、黑體和微軟雅黑三種字體為例，從字形的可識(shí)別性、與移動(dòng)終端的包容性、持續(xù)閱讀時(shí)的視覺感受和版面編排等視角，以探討中文字體在移動(dòng)終端對(duì)用戶（閱讀者）產(chǎn)生不同閱讀體驗(yàn)的影響因子。

一、字形的辨識(shí)度

擁有較高辨識(shí)度的字形，是閱讀行為順利展開的基礎(chǔ)條件。目前在移動(dòng)終端上常用的中文字體是宋體、黑體以及微軟雅黑。其中，宋體是典型的襯線體，黑體和微軟雅黑為無襯線體。

宋體中的橫與豎具有較為顯著的差異性，撇、點(diǎn)、折、捺粗細(xì)過渡勻稱，字形輕盈，造型上具有節(jié)奏感。襯線裝飾成斜角，末端尖角銳利，體現(xiàn)出筆畫的走勢(shì)和前后聯(lián)系，使得前后的文字自然地產(chǎn)生了閱讀的連續(xù)性（見圖1）。

圖1 宋體

黑體是最早的無襯線中文字體，橫平豎直，起筆、末端和轉(zhuǎn)折處為直角，筆畫基本等粗，起筆與收筆處稍粗。豎畫與字面寬度比為1:12，字形醒目，體積感強(qiáng)（見圖2）。

微軟雅黑是美國(guó)微軟公司委托中國(guó)北大方正電子有限公司設(shè)計(jì)的中文無襯線字體，是一款全面支持ClearType（高清顯示）技術(shù)的字體，近年來在PC和移動(dòng)終端等領(lǐng)域得到廣泛應(yīng)用。微軟雅黑字形略呈扁方形，筆畫較黑體字更細(xì)，結(jié)構(gòu)為中宮放松，結(jié)體舒展，擁有較大的字面輪廓，于是文字的直觀性顯著提高（見圖3）。

以上三種字體字形方整，筆畫清晰，線條平直，因?yàn)橛嘘P(guān)書寫造成的文字個(gè)性被最大化地去掉，只強(qiáng)調(diào)漢字的基本結(jié)構(gòu)，所以具有較高的辨識(shí)度，被作為各類軟件系統(tǒng)的通用字體。如果從漢字形態(tài)演變的角度來看，這種字體體現(xiàn)了現(xiàn)代漢字設(shè)計(jì)簡(jiǎn)潔、流暢、均衡的審美趨向。字形的良好辨識(shí)度帶來的普遍使用，也使這三種字體逐漸成為數(shù)字化時(shí)代漢字的規(guī)范字形，在視覺經(jīng)驗(yàn)層面形成了對(duì)漢字概念化的最新認(rèn)識(shí)。

圖3 雅黑體

二、與移動(dòng)終端的包容性

圖2 黑體

移動(dòng)終端不同于紙質(zhì)媒介，數(shù)字化閱讀對(duì)硬件與字體的包容性有著嚴(yán)格的要求，閱讀效果與顯示硬件的像素、高亮與高對(duì)比度關(guān)系密切，顯示設(shè)備與字體的包容性不同，也會(huì)影響人的閱讀體驗(yàn)。

1.屏幕像素化特性對(duì)文字渲染技術(shù)提出了更高要求

圖4 字體在移動(dòng)終端中的應(yīng)用

在移動(dòng)終端的實(shí)際應(yīng)用中（見圖4），大字號(hào)狀態(tài)下，醒目的黑體較宋體更適合作為標(biāo)題使用；以黑體小字號(hào)（16px-12px）作為正文使用時(shí)，較易產(chǎn)生筆畫粗細(xì)不勻和結(jié)構(gòu)粘連的情況，而宋體字對(duì)復(fù)雜的文字筆畫做出了不影響識(shí)讀的減省處理（見圖5），使得宋體在小字號(hào)正文中的識(shí)別性優(yōu)于黑體。當(dāng)字號(hào)在12px以下時(shí)，宋體字的點(diǎn)陣組成（15×16）受像素制約，難以保持字形的清晰，導(dǎo)致識(shí)別度降低。而無襯線體微軟雅黑雖然筆畫較宋體字要粗，但在LCD屏幕上的顯示效果卻更加平滑，在12px字號(hào)以下時(shí)的識(shí)別度則高于宋體。

圖5 按比例放大的12號(hào)宋體

美國(guó)蘋果公司的Retina Display（視網(wǎng)膜成像）技術(shù)將屏幕像素密度提升至326px/英寸（ppi），與此同時(shí)卻給文字的渲染帶來了問題。由于在非縮放的情況下，呈現(xiàn)普通圖像時(shí)會(huì)用4px來顯示1px，此時(shí)某些字體就會(huì)變得纖細(xì)而導(dǎo)致形變，影響閱讀體驗(yàn)。

2.移動(dòng)終端的自發(fā)光顯示屏給文字顯示造成了一定影響

根據(jù)認(rèn)知心理學(xué)原理，人的視覺會(huì)受到生理、環(huán)境和經(jīng)驗(yàn)等因素的干擾而產(chǎn)生視錯(cuò)覺。屏幕媒介下，受屏幕自發(fā)光特點(diǎn)的影響，閱讀中的視錯(cuò)覺現(xiàn)象更容易出現(xiàn)。

對(duì)于兩個(gè)大小相等、明度不同的圓形（見圖6），由于人眼晶狀體的“球面像差（Spherical aberration）”原理①，在圖形輪廓明暗交界處會(huì)出現(xiàn)對(duì)比加強(qiáng)的馬赫效應(yīng)（Mach effect）②,延長(zhǎng)注視時(shí)間，會(huì)發(fā)現(xiàn)白色圓圈的邊緣比中部區(qū)域更亮，同樣黑圈外圍的白色也較為明亮，從視覺上可以感知白色圓形比黑色圓形面積要大一些。這種高明度形體在低明度背景襯托下所具有的強(qiáng)反射光亮，并呈擴(kuò)張性的滲出叫做“光滲”。由于光滲作用而產(chǎn)生的白色圓形擴(kuò)大、黑色圓形縮小的視錯(cuò)覺叫做“光滲錯(cuò)覺”[2]。

通常情況下，移動(dòng)終端的屏幕亮度和對(duì)比度高于普通電腦，所以光滲現(xiàn)象就更為明顯。尤其是在顯示小字號(hào)且多文本的情況下，會(huì)因?yàn)楦吡炼榷刮淖值匿J利度降低，導(dǎo)致文字的細(xì)部結(jié)構(gòu)被虛化，繼而影響讀者正常的閱讀體驗(yàn)。因此在對(duì)移動(dòng)終端的用字進(jìn)行選擇和設(shè)計(jì)時(shí)，應(yīng)該充分考慮屏顯的特殊性，重視光滲現(xiàn)象造成的錯(cuò)覺。

圖6 光滲錯(cuò)覺現(xiàn)象

三、持續(xù)閱讀的視覺感受

在長(zhǎng)時(shí)間閱讀狀態(tài)下，人的注意力容易分散，視覺敏銳度也要慢慢降低，這個(gè)問題會(huì)隨著年齡的增長(zhǎng)而加劇。上文已經(jīng)探討過文字識(shí)別性和包容性問題，那是否意味著這兩個(gè)方面問題的解決就一定能夠帶來良好的閱讀體驗(yàn)？

以當(dāng)前在識(shí)別性和包容性方面表現(xiàn)最佳的微軟雅黑為例（見圖7），當(dāng)被用作正文大段使用時(shí)，雖然在小字號(hào)狀態(tài)下清晰度依然優(yōu)秀，但閱讀過程中就很容易出現(xiàn)注意力分散、來回重讀及上下行錯(cuò)亂的情況。原因主要有兩點(diǎn)：一是無襯線體筆畫粗細(xì)均勻，過于強(qiáng)調(diào)單字識(shí)別，造型上缺少筆畫變化的節(jié)奏；二是微軟雅黑為了提高小字號(hào)下的顯示效果，對(duì)字面進(jìn)行了較大幅度的擴(kuò)張，文字中宮結(jié)構(gòu)放開，增大了筆畫之間的結(jié)構(gòu)空間，從而導(dǎo)致了字形的相對(duì)松散（見圖8）。擴(kuò)大字面的方法對(duì)于文字直觀性的提升是積極的，但是在一定程度上卻破壞了漢字造型的整體性。通篇中宮松散、筆畫勻稱的文字所形成的單一閱讀節(jié)奏，容易讓讀者感到單調(diào)、乏味；擴(kuò)充的筆畫間隙在持續(xù)閱讀時(shí)，也容易造成注意力下降、加快視覺疲勞和降低閱讀效率等問題。因此，微軟雅黑在作為大段正文使用時(shí)其效果也是不太理想的。

圖7 微軟雅黑的視覺效果

圖8 相同字號(hào)下，傳統(tǒng)黑體結(jié)構(gòu)緊湊，微軟雅黑字面大、筆畫間隙大、中宮松散

宋體字在襯線作用下，尤其在大段落文章中，襯線能夠增加閱讀時(shí)對(duì)文字的視覺參照，提供良好的視覺慣性和閱讀節(jié)奏。大面積使用時(shí)，不容易發(fā)生重行回讀和閱讀串行的問題。即使是在點(diǎn)陣狀態(tài)下，其適度減省的筆畫和緊湊的造型仍然能對(duì)持續(xù)閱讀起到積極的作用。

四、排版策略

移動(dòng)終端面積較小，文本顯示容量有限，排版時(shí)既要平衡信息量與文本的關(guān)系，又要兼顧文字在屏幕上的顯示特點(diǎn)。在多因素的制約下，中文字體能否在面積有限的屏幕上獲得良好的閱讀體驗(yàn)，就有研究的必要。為求得理想效果，在排版時(shí)就應(yīng)該注意以下問題。

1.避免整版文字的設(shè)計(jì)

因屏幕的高亮度和高對(duì)比度特性，光線的刺激極易使閱讀者產(chǎn)生視覺疲勞，所以在移動(dòng)終端上并不適合長(zhǎng)時(shí)間閱讀。從閱讀心理學(xué)的角度出發(fā)，大面積文字帶來的視覺壓迫感也會(huì)引起用戶的抵觸情緒，所以排版時(shí)應(yīng)盡量避免整版文字的設(shè)計(jì)。

2.字體選擇

在字體選擇上，文字量大時(shí)，盡量選擇閱讀舒適度高的宋體（12px以上），以減輕視覺壓力，同時(shí)襯線體形成的秀麗、富有空間感的排版效果能贏得用戶視覺上的好感。文字量較少或需要使用12px以下字號(hào)時(shí)，使用微軟雅黑可以發(fā)揮直觀、易識(shí)別的優(yōu)勢(shì)，能在有限面積內(nèi)編排更多的文本。

3.用色

在色彩的使用上，字體顏色與背景色明度反差越大，光滲錯(cuò)覺就越強(qiáng)烈，所以適當(dāng)降低明度對(duì)比度對(duì)提高閱讀舒適度有著正面的作用。例如在白色背景下，深灰色文字的閱讀效果要優(yōu)于黑色文字。

4.段落安排與布局

段落安排方面，要盡量采用小段文字的形式，為用戶建立有效的閱讀節(jié)奏。通過多次給讀者提供閱讀間歇的機(jī)會(huì)，使用戶不斷獲得閱讀成就的滿足感。另外，在段落間適當(dāng)增加圖片，間斷更替視覺認(rèn)知思維方式，同樣能充分緩解閱讀中文字所造成的視覺疲勞。整體布局上，要讓讀者對(duì)閱讀進(jìn)展和目標(biāo)有著明確的了解，以激發(fā)閱讀興趣，并合理分配閱讀時(shí)間。

5.緩解視覺壓力

移動(dòng)終端較小的頁(yè)面面積與文本信息量的最大化始終存在著矛盾，而文本信息量卻與視覺壓力成正比關(guān)系。在實(shí)際應(yīng)用中必須使用識(shí)別度低或容易產(chǎn)生閱讀障礙的字體時(shí)，可以通過適度增大字號(hào)、增加行距和字距的方法來擴(kuò)大文字的空間，以減緩視覺的壓力。

五、結(jié)語

通過以上分析，可見在現(xiàn)有技術(shù)條件下中文字體在移動(dòng)終端中的閱讀體驗(yàn)受字形、媒介、視覺以及排版等因素的制約。而探明諸制約因素帶來的不同影響，對(duì)字體設(shè)計(jì)具有一定的指導(dǎo)意義。在如今，有關(guān)電子閱讀的方式也受到了質(zhì)疑，有人就提倡回歸傳統(tǒng)紙質(zhì)媒介的閱讀感受。即使是在移動(dòng)終端領(lǐng)域，也出現(xiàn)了像Amazon公司推出的電子閱讀器Kindle來完全模擬紙質(zhì)的閱讀③。但是，文字在移動(dòng)終端的大量使用已是不可改變的事實(shí)，而能否擁有良好的閱讀體驗(yàn)，對(duì)知識(shí)、信息有效傳播和傳遞都具有十分積極的意義，值得為此不斷探究。

注釋

① “球面像差”，一般球面鏡片光線在進(jìn)入鏡片后到焦平面時(shí)在邊緣部分比中央部分更容易產(chǎn)生嚴(yán)重的折射與彎曲，此現(xiàn)象會(huì)導(dǎo)致銳利度和對(duì)比度的降低及光斑的產(chǎn)生，從而使影像品質(zhì)下降，并且光圈越大越嚴(yán)重，所以參與收光圈的方式是可以改善這種情況的，但是無法完全消除——此種因球面鏡片所產(chǎn)生的像差稱之為“球面像差”.

② 馬赫效應(yīng)，當(dāng)亮度發(fā)生躍變時(shí)，會(huì)有一種邊緣增強(qiáng)的感覺，視覺上會(huì)感到亮側(cè)更亮，暗側(cè)更暗.

③ Kindle，由 Amazon公司生產(chǎn)的系列電子書閱讀器，最早只有一種設(shè)備，但已經(jīng)發(fā)展為一個(gè)系列，大部分使用E-Ink16級(jí)灰度電子紙顯示技術(shù)，能在最小化電源消耗的情況下提供類似紙張的閱讀體驗(yàn)。

[1]中國(guó)新聞出版研究院.http://cips.chinapublish.com.cn/gdtp/201304/t20130419_140027.html.

[2]胡中平.屏幕漢字字體初探[D].長(zhǎng)沙：湖南師范大學(xué),2011：37.