Helvetica & Arial
重新比較了一下Helvetica 和 Arial，我驚訝的發覺，雖然以前經常把它們混淆，但其實它們是如此的不同。
本文圖例中選用的字體為Arial Regular和Helvetica Neue LT Pro 55 Roman。
1、部分字母/數字寫法上的差異。
這些差異是很明顯，但這樣的寫法上的風格差異很難說那個更好。僅僅是這種程度上的差異，恐怕不足以導致人們對兩種字體之間態度的巨大落差和爭論。也許不少人還更喜歡Arial那樣更簡潔的設計呢，比如說那個「1」上部的小勾。
2、彎曲筆畫末端的切角。
Helvetica一律是水平或垂直的切角（唯一的例外是大寫Q，可見規則永遠是靈活的），Arial則保持了相對自然的切角，一般來說是從字符的重心向外放射，在曲線的垂直方向。這個變化涉及到的字母比較多，下面只列出了部分。
這個變化影響面比較大，總的來說，Arial的非水平/垂直方向的切角導致了在視覺上稍微的混亂。特別是相鄰字母之間，造成了一些衝突，例如下面出現的r和t的組合。Helvetica的處理其實是把曲線延長至水平或垂直方向，顯得理性而規整，同時也有利於引導視線的水平移動。
我們把上面的圖加上方向線，這樣比較容易看出問題。
3、一些比較隱蔽的差異，需要放在排版中才能發覺。
並且，我們這次用gif動畫的形式來查看。如果你看不到動畫，請檢查你的瀏覽器設置。（IE：工具-Internet選項－高級－播放網頁中的動畫）
例1：字母表比較。都是用默認的字間距。
相信你也能夠看出區別來了。雖然兩種字體的基線、高度都幾乎一樣，但Helvetica的字符要比Arial的更寬（如B、J、L等），小寫字母的Counter（中文一般翻譯為字谷/字櫃）和Bowl（字碗）更大（幾乎全部小寫字母），重心更低（例如字母A、R，數字2、3、8、9等），整體顯得更舒展。相對的，Arial的字符寬度較窄，重心較高，對於一些雙層結構的字符，如大寫字母B，數字8、3等，上層結構明顯的要小一圈。
另外，我們來看兩種字體之間行長的比較。由於字符kerning設定的不同，導致它們自己行長也有所不同。從行長來看，Helvetica的大小寫字母情況則有所變化。由於Helvetica大小寫字母的字符寬度都比Arial要寬一些，所以小寫字母的行長要比Arial更長——這個可以理解。但奇怪的是，在大寫字母更寬的同時，其行長反而比Arial要短。說明Helvetica大寫字母的kerning值要比Arial的小，因此全大寫的排版可能會稍微更緊密一些。
我們再看例2：模擬正文排版效果的比較。
從這裡可以看出，兩種字體的行高是相同的，但是Helvetica的x-height明顯更高，Counter（字谷/字櫃）和Bowl（字碗）更大，整體顯得更舒展。Arial擁有更小的字谷和字碗，但筆畫看起來更粗一些。
重新比較了一下Helvetica 和 Arial，我驚訝的發覺，雖然以前經常把它們混淆，但其實它們是如此的不同。
本文圖例中選用的字體為Arial Regular和Helvetica Neue LT Pro 55 Roman。
1、部分字母/數字寫法上的差異。
這些差異是很明顯，但這樣的寫法上的風格差異很難說那個更好。僅僅是這種程度上的差異，恐怕不足以導致人們對兩種字體之間態度的巨大落差和爭論。也許不少人還更喜歡Arial那樣更簡潔的設計呢，比如說那個「1」上部的小勾。
2、彎曲筆畫末端的切角。
Helvetica一律是水平或垂直的切角（唯一的例外是大寫Q，可見規則永遠是靈活的），Arial則保持了相對自然的切角，一般來說是從字符的重心向外放射，在曲線的垂直方向。這個變化涉及到的字母比較多，下面只列出了部分。
這個變化影響面比較大，總的來說，Arial的非水平/垂直方向的切角導致了在視覺上稍微的混亂。特別是相鄰字母之間，造成了一些衝突，例如下面出現的r和t的組合。Helvetica的處理其實是把曲線延長至水平或垂直方向，顯得理性而規整，同時也有利於引導視線的水平移動。
我們把上面的圖加上方向線，這樣比較容易看出問題。
3、一些比較隱蔽的差異，需要放在排版中才能發覺。
並且，我們這次用gif動畫的形式來查看。如果你看不到動畫，請檢查你的瀏覽器設置。（IE：工具-Internet選項－高級－播放網頁中的動畫）
例1：字母表比較。都是用默認的字間距。
相信你也能夠看出區別來了。雖然兩種字體的基線、高度都幾乎一樣，但Helvetica的字符要比Arial的更寬（如B、J、L等），小寫字母的Counter（中文一般翻譯為字谷/字櫃）和Bowl（字碗）更大（幾乎全部小寫字母），重心更低（例如字母A、R，數字2、3、8、9等），整體顯得更舒展。相對的，Arial的字符寬度較窄，重心較高，對於一些雙層結構的字符，如大寫字母B，數字8、3等，上層結構明顯的要小一圈。
另外，我們來看兩種字體之間行長的比較。由於字符kerning設定的不同，導致它們自己行長也有所不同。從行長來看，Helvetica的大小寫字母情況則有所變化。由於Helvetica大小寫字母的字符寬度都比Arial要寬一些，所以小寫字母的行長要比Arial更長——這個可以理解。但奇怪的是，在大寫字母更寬的同時，其行長反而比Arial要短。說明Helvetica大寫字母的kerning值要比Arial的小，因此全大寫的排版可能會稍微更緊密一些。
我們再看例2：模擬正文排版效果的比較。
從這裡可以看出，兩種字體的行高是相同的，但是Helvetica的x-height明顯更高，Counter（字谷/字櫃）和Bowl（字碗）更大，整體顯得更舒展。Arial擁有更小的字谷和字碗，但筆畫看起來更粗一些。
文章標籤
全站熱搜
