用Vista的新Segoe UI字體設(shè)計(jì)的舊金山手工民間藝術(shù)博物館新標(biāo)志。這家博物館位于舊金山繁華的Fort Mason中心(崔健在美國(guó)開演唱會(huì)的地方)碼頭區(qū),展出來(lái)自全球的藝術(shù)珍品。館方認(rèn)為“用新字體設(shè)計(jì)的標(biāo)志看起來(lái)很新潮,也很養(yǎng)眼”。
  100美元一個(gè)字,微軟花這么大的價(jià)錢打造的新Vista中文字體,到底有多厲害?
  “Vista完全可以沿用原來(lái)的字體,但啟用微軟雅黑,將令中文版Vista更加清晰、明亮。”
  ――微軟中國(guó)公司客戶端產(chǎn)品部總監(jiān)韋青

雅黑:即將到來(lái)的中文字體革命
Vista字體風(fēng)格的櫥窗,看起來(lái)很拉風(fēng)吧

雅黑:即將到來(lái)的中文字體革命

  上圖:ClearType顯示的障眼法。上面是沒(méi)有打開ClearType時(shí)候的標(biāo)準(zhǔn)顯示狀態(tài),下面是打開后的平滑顯示狀態(tài)。兩者都直接截屏后放大800倍。微軟就是用這樣的彩色邊緣成功欺騙了我們的眼睛。

雅黑:即將到來(lái)的中文字體革命

  液晶屏上表示黑和白的兩個(gè)像素,向左偏移1/3像素和2/3像素時(shí)的情況。

雅黑:即將到來(lái)的中文字體革命
用雅黑的不同字形和字號(hào)制作的網(wǎng)頁(yè)顯示效果示意圖

  隨著微軟下一代操作系統(tǒng)Windows Vista中文版的公測(cè),一款全新的中文界面顯示字體也浮出水面:微軟雅黑體。雅黑和Vista一樣,仍處于測(cè)試階段,它最引人注目的是,截至目前的0.75beta版,每個(gè)字的造價(jià)幾乎達(dá)到100美元――這幾乎是有史以來(lái)最昂貴的一套中文字庫(kù)。

  微軟這樣描述雅黑:“Vista完全可以沿用原來(lái)的字體,但啟用微軟雅黑,將令中文版Vista更加清晰、明亮?!弊蠲畹氖?,它支持WinXP,只要從Vista中提取出來(lái)放進(jìn)字體目錄就可以體會(huì)Vista的感覺(jué),多棒!這也是雅黑近來(lái)這么熱門的原因所在。那么,微軟為什么要花費(fèi)巨資開發(fā)雅黑呢?

  液晶帶來(lái)的新難題

  長(zhǎng)期以來(lái),Windows一直采用點(diǎn)陣字庫(kù)方案作為界面和文本的常規(guī)顯示模式。中文用宋體,英文用Tohoma。網(wǎng)頁(yè)制作人員也習(xí)慣了11pt/12px的最小字號(hào),用于閱讀的正文字體則采用11.5pt/14px。在這個(gè)字號(hào)下,漢字的顯示能達(dá)到最美觀和易讀的效果。因此多年以來(lái)大家都相安無(wú)事,但是液晶顯示器的普及改變了這一切。

  液晶新潮時(shí)尚無(wú)輻射,字體顯示清晰無(wú)比,但和CRT相比最大的缺點(diǎn)是:插值顯示效果慘不忍睹,只能在最優(yōu)分辨率下看東西。不幸的是,無(wú)論液晶的尺寸有多大,最優(yōu)分辨率下的文字顯示都實(shí)在太小:比在15英寸CRT上小了足足24%!這對(duì)于長(zhǎng)時(shí)間閱讀來(lái)說(shuō)太糟糕了,而對(duì)于老年人和弱視人群簡(jiǎn)直不啻于一場(chǎng)災(zāi)難。

  雖然現(xiàn)有的Windows在界面顯示中提供了大字體方案,但這種未經(jīng)優(yōu)化的點(diǎn)陣大字體粗糙而難看,絕大多數(shù)人都無(wú)法接受。而更悲哀的是,即便你受得了,IE也不支持。

  情況顯然非常嚴(yán)重。然而,在蘋果的中文操作系統(tǒng)OSX上,已經(jīng)可以看到一種平滑顯示的優(yōu)美黑體,在系統(tǒng)界面和網(wǎng)頁(yè)上都可以完美顯示。同樣,在Linux系統(tǒng)中,也采用了一種“字體渲染”技術(shù),可以在界面上平滑顯示矢量中文黑體。但是,在擁有最多用戶的Windows世界呢?無(wú)論如何,微軟必須趕在液晶全面普及之前找到一條可行的界面文字顯示解決方案。于是,微軟重新翻出了ClearType技術(shù)。

  ClearType:舊瓶裝上了新酒

  等等!為什么是重新?因?yàn)镃learType的確不是一種新技術(shù)了,這是微軟于1998年底發(fā)布的一項(xiàng)屏幕字體優(yōu)化顯示技術(shù),可以在屏幕上平滑顯示矢量字體,以改善LCD的文本顯示效果――據(jù)說(shuō)可以將LCD的顯示效果提高200%,而且特別適合現(xiàn)有的液晶顯示設(shè)備,尤其是手持電腦和掌上電腦。效能提高300%?真的這么夸張嗎?

  我們知道,在計(jì)算機(jī)上圖像的最小計(jì)算單位是像素,再優(yōu)秀的圖像處理軟件也無(wú)法生成比一個(gè)像素更小的圖像信息。但是,在屏幕顯示上,如果你用放大鏡來(lái)查看屏幕,會(huì)發(fā)現(xiàn)每一個(gè)點(diǎn)都是紅綠藍(lán)的柵條所組成的,就算是白點(diǎn)也不例外。事實(shí)上屏幕上的所有顏色,都是通過(guò)不同亮度的紅綠藍(lán)(RGB)固定搭配顯示出來(lái)的,ClearType打破了局限,將任意三個(gè)連續(xù)的RGB柵條當(dāng)成一個(gè)像素來(lái)顯示,從而實(shí)現(xiàn)比像素更小的顯示精度。

  為什么如此優(yōu)秀的顯示技術(shù)8年來(lái)一直沒(méi)有廣泛應(yīng)用?因?yàn)檫@種技術(shù)仍然是有局限的。首先,普通CRT屏幕的屏幕點(diǎn)陣和液晶屏幕的分布是不一樣的,ClearType在CRT上面的顯示效果提升沒(méi)有液晶那么明顯,甚至更糟糕;其次,由于液晶的柵條是垂直的,所以這種顯示僅僅提升了水平的顯示分辨率,假如屏幕發(fā)生了旋轉(zhuǎn)――例如液晶常見(jiàn)的90度旋轉(zhuǎn)顯示,顯示可能會(huì)出問(wèn)題;最后,目前ClearType技術(shù)僅僅能用于WinXP/2003和即將到來(lái)的Vista中。如果你使用WinXP sp2以上的系統(tǒng),只能下載一個(gè)叫做ClearType Tuner的小工具來(lái)微調(diào),遺憾的是,平滑的效果僅僅限于英文,對(duì)中文完全不起作用。

  更麻煩的中文ClearType字體

  在中文系統(tǒng)下,情況就更為復(fù)雜了。即使解決了上面的這些問(wèn)題,仍然有最后一個(gè)艱難的障礙需要跨越:中文世界里缺少一套合適的ClearType屏幕正文顯示字體。

  這款字體必須能解決在ClearType平滑顯示狀態(tài)下小字號(hào)正常閱讀的問(wèn)題。現(xiàn)有的所有中文字庫(kù)都無(wú)法在ClearType平滑顯示狀態(tài)下完美地顯示文本。我們知道,Windows中的宋體、黑體等字體是由中國(guó)北京的中易公司開發(fā)的,微軟向中易購(gòu)買了版權(quán)之后將其嵌入Windows中文版。之前的宋體之所以能夠在小字號(hào)點(diǎn)陣狀態(tài)下很好的顯示,是由于在矢量字庫(kù)中嵌入了12、14、16、18等幾個(gè)點(diǎn)陣字庫(kù),效果才比較理想。但在ClearType狀態(tài)下,繼續(xù)采用內(nèi)嵌點(diǎn)陣顯示漢字,就會(huì)和平滑顯示的英文粗細(xì)不一致,風(fēng)格上非常不協(xié)調(diào),此外,強(qiáng)制平滑顯示的效果顯得纖細(xì)發(fā)虛,看起來(lái)很模糊。

  為什么英文可以直接使用ClearType平滑顯示?多數(shù)優(yōu)秀的英文字體并不采用內(nèi)嵌點(diǎn)陣的優(yōu)化方式,而是一種叫做Hinting(字形微調(diào))的技術(shù)來(lái)對(duì)小字號(hào)的顯示進(jìn)行優(yōu)化。簡(jiǎn)單點(diǎn)說(shuō),矢量字體可以平滑縮放沒(méi)錯(cuò),但在小字號(hào)下,由于能使用的像素非常有限,系統(tǒng)自動(dòng)解析會(huì)出現(xiàn)筆畫粗細(xì)不勻,文字之間高低不齊,甚至筆畫模糊無(wú)法識(shí)別等問(wèn)題。因此必須由字體設(shè)計(jì)師人工干預(yù),在矢量字庫(kù)中嵌入附加信息,來(lái)告訴字體渲染引擎在某個(gè)特定的字號(hào)下面,應(yīng)該如何對(duì)這個(gè)字符的細(xì)節(jié)進(jìn)行修正。

  Hinting調(diào)整的范圍需要涵蓋各級(jí)小字號(hào),一般最少要包括9px - 18px這個(gè)常用的字號(hào)區(qū)間。即便對(duì)于非常有經(jīng)驗(yàn)的設(shè)計(jì)師來(lái)說(shuō),這也是非常高難度而且費(fèi)時(shí)費(fèi)力的工作。而中文的筆畫繁多,自動(dòng)解析的錯(cuò)誤也就更多更嚴(yán)重。此外,英文只有26個(gè)字母,漢字的情況就復(fù)雜得多了,僅僅是最常用的漢字就有6000個(gè),全加起來(lái)差不多有3萬(wàn)個(gè)。僅僅是這矢量造字的工作就是非常浩大的。

  這還不算,作為一套功能完整的正文字體,還需要考慮到斜體和粗體的顯示,斜體和小字號(hào)一樣也需要Hinting。為了更完美地顯示粗體,微軟決定將標(biāo)準(zhǔn)體和粗體分開,作為兩套單獨(dú)的字體來(lái)設(shè)計(jì),安裝時(shí)也是兩套字體,但在系統(tǒng)中使用時(shí)是顯示為一套字體的不同狀態(tài)。這套單獨(dú)的黑體也同樣需要單獨(dú)造字,然后指定一系列的Hinting和斜體Hinting。

  Hinting信息是評(píng)價(jià)一款優(yōu)秀矢量字體的一個(gè)重要指標(biāo),良好的Hinting能在小字號(hào)下面提供和內(nèi)嵌點(diǎn)陣字一樣優(yōu)秀的顯示質(zhì)量,同時(shí)又降低內(nèi)存的消耗。雖然我們現(xiàn)在已經(jīng)擁有不少不錯(cuò)的矢量中文字體,但適合屏幕顯示的正文字體很少,而包含完善Hinting信息的,一個(gè)也沒(méi)有。所以,微軟等于是在全新開發(fā)一套具備完善Hinting信息的ClearType中文字體,這也正是雅黑如此昂貴的原因之一。

  實(shí)際上,不僅僅是中國(guó)大陸,整個(gè)CJK地區(qū)(中日韓)都要面臨這個(gè)全新設(shè)計(jì)字體的問(wèn)題。從現(xiàn)在已經(jīng)發(fā)布的版本來(lái)看,各國(guó)的Vista版本都有全新設(shè)計(jì)的專用字體,簡(jiǎn)體中文地區(qū)是我們已經(jīng)知道的微軟雅黑,繁體中文地區(qū)是微軟正黑,日文地區(qū)是Meiryo(據(jù)說(shuō)這個(gè)名稱來(lái)源于“明了”或者“明流”的讀音),韓國(guó)地區(qū)則是Malgun。

  對(duì)于微軟雅黑和微軟正黑,我們不好簡(jiǎn)單地用簡(jiǎn)體或者繁體來(lái)區(qū)分他們,因?yàn)檫@兩套字體都同時(shí)包含了比較完整的簡(jiǎn)繁體漢字,以確保在簡(jiǎn)體和繁體混排的頁(yè)面上都能夠完美顯示。但由于文教部門在各自的文字規(guī)范中對(duì)漢字的寫法規(guī)定有很多細(xì)節(jié)上的不同,所以這兩套字形在正式場(chǎng)合是不能混淆使用的。同樣,日文的Meiryo字體中也包含了大量的繁體漢字,不過(guò)由于漢字在日本也經(jīng)過(guò)了上千年的演變,日文中的漢字寫法和中國(guó)本土也有著很大區(qū)別,更無(wú)法混為一談。

  雅黑帶來(lái)了什么

  從本文所附的雅黑網(wǎng)頁(yè)顯示效果示意圖可以看出雅黑的幾個(gè)重點(diǎn)設(shè)計(jì)理念:

  1. 單獨(dú)設(shè)計(jì)的粗體。以往宋體的粗體都是通過(guò)內(nèi)嵌點(diǎn)陣或者字體引擎渲染的,效果不是很好。粗體的單獨(dú)設(shè)計(jì)意味著另外設(shè)計(jì)一套字體,所有的時(shí)間成本和人力成本翻倍,造價(jià)也會(huì)翻倍,但是顯示效果也會(huì)非常好。再考慮到繁體中文和日文韓文都如此處理,微軟這次真的下了血本了。

  2. 品質(zhì)優(yōu)異的斜體。在Windows上第一次看到如此清晰的中文斜體,真的有點(diǎn)令人感動(dòng)。雖然是14px,但宋體的斜體已經(jīng)顯得支離破碎了。

  3. 更清晰的小號(hào)字顯示。在以往,12px是宋體能顯示的極限。比這小的字號(hào)會(huì)因?yàn)闆](méi)有內(nèi)嵌點(diǎn)陣而變得模糊。而從微軟雅黑的字范來(lái)看,11px的顯示非常優(yōu)秀,10px的字基本可以辨認(rèn),9px以下,對(duì)于漢字的正常顯示,已經(jīng)是不可能的任務(wù)了,平常也不會(huì)作為正常的屏幕使用字號(hào),但這個(gè)極限字號(hào)的測(cè)試是一個(gè)有參考價(jià)值的項(xiàng)目。我們可以看到,雅黑在這種情況下仍然還有大約一半左右的字符可以識(shí)別出來(lái)。

  4. 對(duì)于最常用的字號(hào),如12px和14px,雅黑的顯示非常清晰優(yōu)美,中英文搭配和諧。同時(shí),和宋體相比,雅黑的字形不是正方形的,而是稍顯扁寬,字間距小,使默認(rèn)的行間距更為明晰,同時(shí)使雅黑的字心更為飽滿,在同樣的字號(hào)下,單字面積就顯得更大,更容易識(shí)別,閱讀起來(lái)也更舒服。

  中文顯示的新體驗(yàn)

  作為微軟中文解決方案的一個(gè)重要核心,微軟將在IE7、Office 2007以及Vista中全面啟用雅黑作為默認(rèn)的界面顯示和正文閱讀字體,替代長(zhǎng)期以來(lái)使用的宋體(中文)+Tohoma(英文)點(diǎn)陣字方案。這將帶來(lái)怎樣的變化?

  首先,未來(lái)的軟件界面將更靈活,更人性化。在解決了字體平滑縮放之后,從Windows本身到各個(gè)應(yīng)用軟件,它們的界面字體對(duì)比現(xiàn)在將變得更大、更平滑和清晰。用戶將可以自己靈活定制Windows和各個(gè)應(yīng)用軟件的字體大小,以適應(yīng)不同場(chǎng)合和不同視力的需要。而軟件開發(fā)人員和UI設(shè)計(jì)師需要考慮的是在字體發(fā)生變化之后的軟件界面還能保持動(dòng)態(tài)的完整和美觀,避免在字體變大之后變得支離破碎無(wú)法辨識(shí)。

  其次,雅黑對(duì)于互聯(lián)網(wǎng),將會(huì)有更深遠(yuǎn)的影響。今后的網(wǎng)頁(yè)設(shè)計(jì)會(huì)更體貼而人性化,用戶將不再需要忍受網(wǎng)頁(yè)上的小字體的困擾,網(wǎng)頁(yè)的設(shè)計(jì)風(fēng)格將會(huì)更簡(jiǎn)潔而便于閱讀。

  比如,用戶將可以自己選擇網(wǎng)頁(yè)的顯示字體的大小。用戶會(huì)發(fā)覺(jué)原來(lái)大字體下面的網(wǎng)頁(yè)文字也可以如此優(yōu)美,不管大字號(hào)還是小字號(hào),文本的顯示比圖片還要平滑清晰。屏幕上的閱讀將變得更為輕松。長(zhǎng)期以來(lái)網(wǎng)頁(yè)設(shè)計(jì)人員都喜歡使用css來(lái)鎖定文字的字號(hào)大小,以避免不好看的大字體破壞整個(gè)頁(yè)面的美觀。隨著ClearType中文字體的推廣應(yīng)用,這種做法會(huì)逐漸消失。

  另外,網(wǎng)頁(yè)的風(fēng)格將會(huì)越來(lái)越趨于簡(jiǎn)潔和明快,便于閱讀。那些整個(gè)版面密密麻麻花里胡哨風(fēng)格的頁(yè)面將會(huì)逐漸不再流行。因?yàn)檫@樣復(fù)雜的界面在字體變大以后很容易就被破壞。而網(wǎng)頁(yè)的界面結(jié)構(gòu)越簡(jiǎn)潔,就越可以自動(dòng)縮放和適應(yīng)這種動(dòng)態(tài)的變化?,F(xiàn)在的Web2.0網(wǎng)站已經(jīng)越來(lái)越明顯地體現(xiàn)簡(jiǎn)潔明快的趨勢(shì),在一些牛人的Blog和相冊(cè)站點(diǎn)上,現(xiàn)在已經(jīng)可以自由縮放,同時(shí)保持版面美觀一致。

  此外,除了不再鎖定字號(hào),css的寫法也會(huì)有新的變化。例如以前用習(xí)慣使用固定像素16-20px為單位來(lái)確定行間距的設(shè)計(jì),在字體放大以后就會(huì)擠在一起而無(wú)法閱讀。因此以后將流行用百分比或者em來(lái)確定行距,以自動(dòng)適應(yīng)字體的縮放。最后,以往很多粗體的大標(biāo)題和斜體,由于字體的顯示不佳而被迫做成圖片,這種局面也將得到全面的改變,大多數(shù)常用的字體效果都可以直接在網(wǎng)頁(yè)上通過(guò)css來(lái)更靈活實(shí)現(xiàn)。

  雅黑注定要為將來(lái)的Windows界面和網(wǎng)頁(yè)瀏覽帶來(lái)意義深遠(yuǎn)的革命。所以,不管你是作為一個(gè)軟件開發(fā)人員、一個(gè)軟件UI設(shè)計(jì)師,還是一個(gè)網(wǎng)頁(yè)設(shè)計(jì)師,或者是一個(gè)最普通的網(wǎng)民,一個(gè)Windows的使用者,都無(wú)法忽視它。讓我們期待這個(gè)全新的時(shí)代趕快到來(lái)吧。

標(biāo)簽:雅黑

相關(guān)文章

隨機(jī)推薦