字形如何屏幕顯示優化
按：都知道現在文字的媒介由紙張變為了屏幕，以前為印刷而設計的字形，現在已經全部進入為屏幕顯示而設計的字形。那麼屏幕顯示的字形有什麼具體的特點呢？這裡簡單說幾個例子概括下。
youtube的新標誌
youtube剛剛換了新標誌，下圖對比下前後，可以感覺下現代字形的曲線和造型特點。
上，原來；下，新標
原來的很明顯的機械工業、舊電子時代的硬朗感，先的整體看曲線柔和了很多，英文詞叫「human touch」，有人情味的。這種曲線並不是眼睛看到的那麼容易繪製的，可以點開看下他們不同的錨點，下圖。
左，新標；右，原來
可以點開看大圖。主要區別在負空間，原來的只是在極值點上有一個錨點，但新版為了讓曲線更human touch，在中間位置的切點上多了兩個錨點，一般多一個已經比較難控制，比如最外圍的曲線是只加了多了一個錨點（在水平和垂直極值點之間），這也就類似我的書里說的G3曲線。除了曲線，造形上有什麼不同呢？
左，新標；右，原來
[Y] 左邊在交接的地方並不是尖銳的，而是有一個平切的寬度，來適應屏幕顯示。原來的則是直接交叉。同時兩條相交的線也不同，新的逐漸變細，在快要交接的地方，多加了一個錨點，作為緩衝；舊的則是直線下來，下圖。
左，新標；右，原來
這些隱藏的細節，是讓設計師更專業的部分。看到了這些，以後再繪製類似的造型時，心裡就會有個參考物，而不單單是用圓來切曲線。下面看下另一種為屏幕顯示改動的造型，下圖。
左，新標；右，原來
[u] 曲線與直線交接的部分，新標直線做了一個切角，同時交接處平切了一個很小的寬度。原來的沒有這些細節。這是直線與曲線交叉時的一種處理方式。回過頭來再看舊版的 [O]，似乎沒什麼特別？但並不是，下圖的放大麴線。
舊版O的造型
我們知道正圓視覺上會有向內凹的錯覺，為了緩和這個錯覺，讓眼睛看上去舒服，做了這個造型的視覺補償。很多時候，圓切的曲線，並不是圓，而不是圓的曲線，看上去卻是正圓，最具代表的就是futura這個字體，同學們也可以去放大看看它的細節，總之一切以眼睛看到的感覺為準。
其他造型
下面我們看下字形中那些因功能需求，而變為形式美學的造型。下圖是字型檔Inka display的造型。
Inka字體中的造型細節
下圖是Julien Hebert為今年的ATypI Montréal會設計的logotype，曲線交叉的部分死命的向內鑽，把這種因功能而產生的造型誇大，形成一種獨特的形式美。
今年ATypI的logotype造型
還有把平切的寬度誇大的形式感，下圖[d]的曲線與直線交接的部分，超級大的平切寬度，已經超越了功能上的訴求，更多的是形式上的。
instagram一個西文設計師的嘗試
除了平切，傾斜的形式一般出現在直線與直線交接的部分，比如下圖。
production type工作室的標誌字形
這些對漢字同樣是適用的，下圖是工作室正在進行的一個項目的細節，整體等完成後分享給同學們。
漢字筆畫中的應用
這個字形在交叉的部分同樣用了類似的造型方式，並且盡量不單單是功能需求，而是與整體形式融合。
* * *
致 力 於 文 字 的 設 計 與 研 究
微 公 號 ：z u o t y p e
—
w e i b o @ 左 佐 工 作 室
