《讓文字變得更精緻》

來自專欄 《設計自學手冊》

慶祝一下，公眾號閱讀量終於突破個位數，很開心，哈哈。

前言：要想你的作品變得更加精緻，除了創意，文字排版必不可少。

字體

我們不是在做字體設計，可以把文字簡單粗暴的歸為：英文與中文

英文從來字體結構分為：襯線字體和無襯線字體。

而從發展歷史來說，又分為：舊式、過度、現代和粗體。

這裡就不去討論字體的氣質問題了，從文字結構來探討排版問題。

先從結構來分解，兩種字體有哪些特點？

1、有額外修飾

2、字體筆畫粗細不一

大部分對其的使用評價是：識別性高，易讀。但從個人設計經驗來說，對「易讀性」產生了一定的疑問，易讀性真的高嗎？

3、無襯線字體醒目，字體寬大

第一行字：Aparajita Regular 第二行字：Arial Regular

如何來評價兩種文字閱讀時的易讀性呢？

1、流暢性：Aparajita的每個字母粗細不一、字頭和字尾的修飾性的造型，讓我們閱讀時視覺停留在每個單詞上，而Arial的每個字母的粗細一致，字頭字尾都沒有任何修飾，在閱讀時，我們的視覺不會停留。

2、對比度：Aparajita的每個字母的曲線，粗細對比強烈，而Arial在每個字母都是相同角度的曲線和粗細一致的橫斷，整個句子在閱讀時，無論在流暢性還是對比度上，中等字型大小的Aparajita都完勝於Arial。

綜合來說：

當英文做輔助文字時：用無襯線體

英文做正文時：用襯線體

做標題時：用無襯線體

這是我們總結出來的規律，它符合大部分英文排版的規律，而少數部分的，例如我們通常認為無襯線體就是現代字體的一個代表，但其實無襯線體也可能塑造出具有古典氣質的字體種類。想了解更多英文的字體氣質問題，可以傳送到《英文在設計中的運用》。

字體中的中文呢？

中文分為黑體和白體，可以大致和西方的襯線體與非襯線體划上等號，白體等於襯線字體，而黑體等於無襯線字體。

第一行：老金簡老宋字體 第二行：黑體

流暢性：黑體＞宋體

對比性：宋體＞黑體

其特點與英文大致相同，需要強調的一點是以下這種情況：中英文混排

我們需要注意到一個最容易犯的錯誤：

襯線體英文和襯線體中文盡量不要同時排在同一信息層級里。我們所有的設計行為服從於整體畫面，盡量去迎合視覺上的舒適度，能讓讀者沉浸到你的作品裡，你就是最棒的視覺設計師。

字距

在字體排版中，字偶距是一個很容易被忽略元素，但好的字距卻可以提升整個設計的專業性，讓設計作品看起來更乾淨利落。

如何去調整字距？

在文字印刷的發展中，活字印刷術一直沿用至今，在技術和紙張上有了很多改進，但基礎原理是做不了改變的，每個字依然是需要嵌入在方形內的。

由於字體構造原因，中文的字體系統是根據田字格製作而成的，這一點對於中文的影響較小，但對於英文來說影響卻比較大。

如果每個字母之間的物理間距一樣，則會造成視覺上的不一致，字母V和e的間距和i和e之間的視覺間距不一樣。

所以如上圖在字體印刷時就已經對英文字偶距做出了些許調整，已便視覺感官上更為一致。

但這樣的「一致」在設計中還是不夠的。在面對不同的設計需求時，我們需要做更細緻的手動調整。

可以看到上圖LM之間的物理間距雖然一致，但是視覺距離過大需要做調整。而調整後的LM之間已經有一部分重疊，這是活字印刷排版做不到的，我們稱之為「v型切口」需要我們做手動調整的一個重要原因。

如何判斷字距需要做調整？

有這樣幾個重點：

1、特定字母組合（傾斜字母：A、K、V、W、Y等）（有橫劃和字臂的字母：F、L、Y等）

2、直行字母與圓形字母的組合視覺距離：直行與直行＞直行與圓形＞圓形與圓形

實在看不出來間距時怎麼辦？

3、倒過來觀察，可以清楚的看到VO之間的間距過長。

最重要的一點，字距的修正只是錦上添花，要放在設計確定之後最後一步再去調整。不要因小失大了。

致熱愛設計的你

http://weixin.qq.com/r/pDp-Z0fEJxpYrQME92_2 (二維碼自動識別)

一百天之旅

微信公眾號 : yibaitianzhilv2018

個人微信：zd12985