微軟雅黑的設計

一．雅黑設計理念

雅黑字體是為微軟公司設計的屏幕顯示漢字。它具有個性獨特、結體優美、識別性強、塊狀效果好、顯示清晰等優點。在當今數字化時代更是用途廣泛。這副字可以說是科技進步的產物，是人類社會的需要，在設計上也有所突破。

首先打破傳統結體方式，采用大字面設計，字懷放開，增大內白，使文字方正，布白勻稱。由於字體中宮放開，使文字的適用性也隨之增強，不但適合小級數文字的使用，更適合屏幕顯示。

在筆型塑造上去除“喇叭頭”。為防止文字筆劃缺乏美感、沒有精神，在撇、捺、點、勾的處理上使其粗細有略微的變化，使之富有彈性。

在制作上，力求精良，筆劃間盡可能少搭筆，使文字清新、爽朗、易讀。

追求字體的整體形式美，強調文字設計的審美性和文化性，樸實大方，典雅端莊。

下面從字體設計理論方面與實際字體應用的角度來闡述一下雅黑是用什麼方法和字體設計技巧來完成和完善設計目標的。

二．按用途來設計字體

1．字體設計類型

字體設計可細分為平面美術字體設計和印刷“活字”設計。在這所要談的字體設計是指在印刷“活字”范疇內的字體設計，主要研究字在縮小後的清晰度、可讀性以及整體效果。在字型的處理上它不能象美術字和書法字那樣，可以無視大小地盡情抒發情感，而要受到一定規矩的約束，講究共性和個性的關系，來達到一種機械的美觀。這種設計也是一門比較冷僻的視覺藝術。近年來，隨著科學技術的不斷發展，印刷“活字”設計又可分為出版印刷用字設計和屏幕顯示用字設計這兩個大類。

雅黑是屬於屏幕顯示用字，設計時更要注重研究字在低分辨率下的清晰度和可讀性，盡可能做到小字號顯示時的清晰易讀，要達到這一目標，關鍵在於設定字面大小、筆型塑造和嚴謹合理的結構處理……。

2．字面大小的含義

我們有必要先來搞清楚兩個不同的概念：“字面大小和字身字面比”。字體設計專用方格都有兩個方框，外框稱字身框，內框稱字面框。

 

圖1

字面大小：“就是在字面框不變的情況下，可以把字設計成大小不同的字，大字稱字面大，小字稱字面小。”

 

圖2

字身框和字面框之間的距離就是半個自然字距。能正確地運用好他們之間的關系，是字體設計的基礎。

字身字面比：“簡單說就是在字身框不變的情況下，兩者之間的百分比值，比值大字就大，比值小字就小，說白了就是把字放大和縮小。”

 

圖3

現在有許多用戶，為了能擠排，圖省事，不惜把字縮小，造成字與字距之間的關系失衡。這樣使用，即使有再好的字體也排不出完美的版面來，這是非常不科學的用法，與其這樣，還不如縮小字號來用顯得完美。

3. 字面的可測量大小和視覺大小

字面大小又可分為可測量的字面大小和視覺上的字面大小。已故字體設計大師謝培元老師在1962年歸納總結的“第二中心線”理論已表明，漢字由形聲組合的字都是可以測量的，形旁和聲旁這兩個部件的中心距離越大，字面就越大，反之，字面就越小，我們只要測量這兩個部件的中心距離就可以得到相應的字面大小值。同時，這也是控制整副字大小的有效工具。

 

圖4

雅黑在保持文字個性的基礎上，盡可能的擴大形聲這兩個部件的中心距離來增大字面。同時，運用這種方法使得80%以上的字，大小保持一致。對於那些不能測量的字和一些易見小的字，雅黑又是如何處理呢？

從幾何形角度來看，漢字形狀眾多，最典型的可分為四種類型：“方形、圓形、三角形和菱形”，從面積上看方形最大，菱形最小，要想把圖形面積變得一樣大小，就必須按菱形大小走，這樣設計出的漢字才能在視覺上保持一致。

 

圖5

要想做大字面的字，我們首先要考慮面積最小的菱形，那麼，怎樣才能把菱形字做大？很簡單，只要適當調整改變菱形的形狀，那麼，我們就能得到比原來菱形面積大的形變圖形，用這種方法來設計，就可以得到在視覺上比原先字面大的字。

 

圖6

雅黑在設計初期就是用視覺大小這種方法來定字面大小的。

4. 字面大小和屏幕顯示的關系

字面大小和屏幕顯示又有什麼關系呢？ 為了說明問題，用少點陣圖來比較說明。

 

圖7

從上面兩圖比較中我們可以看出，左圖字面大，占像素多，內白均勻舒適、清晰易讀。右圖字面小，占像素少，因此，內白不勻稱、識讀效果變差。

雅黑設計時考慮到這一因素，不但采用大字面設計，同時，在字距較合理的范圍內調大了字身字面，多爭取到了每一點寶貴的像素，為小字號使用的清晰易讀奠定了基礎。

5. 去掉影響屏幕顯示效果的“喇叭”口

現用黑體字的筆鋒過大，成喇叭狀，我們戲稱為“喇叭頭”或“喇叭口”。傳統手寫的黑體本應沒有這麼大的“喇叭頭”，只稍微有點筆鋒。那麼，這“喇叭頭”又是從何而來？有兩個原因，第一，可能是個別寫字人員認為喇叭口稍大些精神，故意寫大些，第二，在把照相字模版的字翻制成電腦字庫時，做字人員在不明白黑體字應有筆型的情況下，把原本制作照相字模版時，為防止在拍照縮小的過程中筆劃變得虛弱、變圓走型而裝上的“小辮”給融進了筆劃，形成現在這樣的“喇叭口”。

 

圖8

過大的喇叭頭，不但失去了黑體字應有的品格，在屏顯時，“喇叭頭”能在筆劃兩頭多出一塊，如果兩筆離得較近，頭就有可能連上，使筆劃交代不清，可讀性變差。

 

圖9

雅黑屬無裝飾風格的字體，少了不必要的累贅，自然避免了這類問題的出現，使文字清晰易讀。

三．雅黑設計中的要點

1．雅黑是根據我在90年代初期設計的黑體系列樣張改進設計的。

 

圖10

從上述樣張中可以看出，字體符合屏顯字體的基本要求，字面大，無“喇叭頭”，屬無裝飾風格的字體，可以作為雅黑的設計基礎來改進提高。

2．雅黑設計上主要改進了字的粗細，“鉤”的僵硬和“八”字點的寫法，使其符合規范要求。同時，更注重線條的刻畫，使其柔和挺拔富有彈性。

 

圖11 部分筆劃筆型圖

3．為了使正文字的閱讀效果更好，對所有的口和帶框的部件加“腳”，也就是口下面出頭，其目的是為了給眼睛以適量的刺激，來提高閱讀速度，這是正文用雅黑設計的一次新嘗試。

 

圖12 口和帶框的部件加“腳”

4. 為適合屏幕顯示用，在字結構的處理上“計白當黑”，嚴格控制“白”在各部位所占的比例，使其舒朗勻稱。

 

圖13 黑白處理示意圖

這種處理方式不但使字穩重大方，而且使字撇捺舒展、飄逸潇灑、富有姿態。

5. 采用獨創的手法對筆劃進行特殊處理，減少交錯連筆處的黑度，使字的整體灰度更好，更清晰，更適合屏顯。

 

圖14 特殊筆劃處理示意圖

6．避免筆劃交代不清，粘連過多

 

圖15

這些字筆劃交代不清，粘連過多，既降低了識、讀的速度，又有錯字嫌疑 。雅黑在設計時就盡量避免這種問題的