10字體設置及10個排版技巧教你搞定設計！

最新 09-16

10條字體設置技巧

公布秘籍前，先讓大家Get一個小技能，（如果已經知道的，請低調地直奔正文吧～）：在Illustrator、Indesign以及Photoshop中，將文字工具置於兩個字母之間，按住Alt / Opt鍵的同時，按鍵盤的左右鍵，即可快捷調整字偶間距噢 >>>

01. 上下顛倒檢查字偶間距

經驗證，將字母上下顛倒擺放是有效檢查字偶間距的方式。

為何要將字母上下顛倒擺放來查看字偶間距呢？因為這樣可以避免你先入為主地閱讀單詞，有助將字母作為圖形來看待，從而更好地審視它們之間的位置關係。當然，如果需要根據詞意來對字母進行特殊處理，那麼這個方法自然就不適用了。就常規單詞而言，這個方法久經驗證，是用來檢查字偶間距的良方。

02. 模糊處理

模糊處理後，可以將視覺注意力集中在字體的對比度和留白空間上。

另一個實用技巧就是模糊處理了（或者截屏在PS里做模糊效果，或者微微眯起雙眼）。一如 Brian Hoff 在他的文章中所提到過：「我喜歡眯起眼或作鬥雞眼來模糊我的視線，這樣可以避免我被單詞的含義所影響，將注意力集中在字體的對比度和留白空間上。」這實為一個非常實用的技巧。

03. 用氣球填充字偶間距

在字母間留出距離，來置入大小合適的氣球。

這個方式聽起來有些抽象（該想法由設計師 Tom Sewell 提出），就是想像每個字母之間都有個相同尺寸和體積的氣球，從而保持字母間的距離。Tom 說到：「要確保氣球上下不被擠壓，恰好適合字母間所留出的空間。」這個技法很有趣，也很實用。

04. 利用字母「o」來控制間距

另一個小技巧就是靠你的雙眸了，確保每個字母前後的空間在視覺上看起來是合理的。一條黃金法則就是想像每個字母間，都端坐著一個「o」（該想法也由 Tom Sewell 提出）。

05. 設置標題間距

如果你手中在做的是非襯線體標題，那麼確保先大致設置字間距，後調整字偶間距。

字間距和字偶間距在標題中最易見，也最好調整。在非襯線字體中，間距問題也暴露得尤為明顯。

如果你手中在做的是非襯線標題，那麼確保先大致設置字間距，後調整字偶間距。如果幾乎每個字母的字偶間距都需要在－10，可先將字間距統一調整為－10後，再進行逐一調整。

這個方法同樣也適用於數字。好比數字「1」以及其前後的數字，或是空格關係，例如：』213』，1和前後兩個數字的字偶間距相對需要緊一些。如果是「11」，那麼字偶間距就要十分緊湊了。

06. 切勿縮放大寫字母

千萬不要縮放大寫字母后，稱其為「小寫」。

John D Berry 是多本有關字形與字體書籍的作者，要問他最有用的訣竅是什麼？回答是：除非你清楚真假小型大寫字母間的區別，最好別用設計軟體里的那個選項。千萬不要縮放大寫字母后，稱其為「小寫」，因為它們並不是。如果你非要自尋煩惱地選擇使用小型大寫字母，那麼確保正確設置字間距，它們通常需要比小寫字母的間距寬鬆一些。

07. 勿用過多字體

控制選用的字體種類，可以使版面清晰簡潔。

要將字體視為設計項目整體中的一部分，這點很重要。當使用的字體超過三種時——也許同時有粗襯線體、非襯線體以及展示體，這樣很可能造成內容不易讀或不被易理解，從而導致項目缺乏秩序感。每款字體通常都有不同粗細供選用，將其正確組合使用，便可以在打造簡潔設計的同時，不失層次感，呈現清晰銳利的視覺效果。所以，好好考慮，是非要很多種字體呢？還是選用一種字體，用不同的粗細來打造一個有效的設計？要感謝 Hey Studio 提供的這個建議。

08. 革命性字體租賃服務

Skyfonts 實現了讓用戶先體驗後購買的服務。

現在有了一種新型字體租賃服務——它解決了一個長久以來的困擾，實現了讓用戶先試用體驗後，再進行購買。它就是來自 Monotype 的 Skyfonts，用戶可以五分鐘免費試用字體庫中的任意字體。

你也可以購買點數，根據需求按日或按月租賃。當然，很多字體服務商都在網站上提供免費測試體驗，但是這和在你常用的設計軟體中體驗還是有著天壤之別。總而言之，只有在真正開始文字的編輯工作之後，才能知道這個字體適用與否。

09. 不要令字體變形（除非你有意為之）

如果要將字體變形，確保你有充足的理由要這麼做。

除非是要製造特殊效果（或進行插畫製作），不要隨意拉伸、扭曲或在轉曲線後竄改字體外形比例。想像一下，你應該不會扭曲一張照片或矢量圖，因為這很有可能造成極不美觀且不專業的後果。如果要編輯一個字體外形，確保有充足的理由，肯定自己不會毀了字體設計師日以繼夜的辛勤成果。

10. 字體是一種聲音

該有趣的概念來自 Hoon Kim （Why Not Smile），他提到：「對字體的把握就好比對聲線的掌控：對字體的取捨就如同對音質的選擇；字母之間的關係就好比音色的大小、數量和不同音階；字體的排版猶如聲音之於時間和空間。排版設計視聽兼備，如果你有一個好故事，那麼，是時候選用好演員了。」

備註：

字偶間距（Kerning）是根據相鄰字母的關係來調整間距，也就是「審美間距調整」。

字間距（tracking）是無視具體字母的「字元間距調整」。

來源：字體設計

譯文：http://www.doo-plus.com/zh-cn/blog/2015/04/21/10-type-tricks/

10個排版秘訣搞定你的設計！

文字排版（Typography）不只是從下拉選單選擇字型和點數而已，文字排版是一項流傳數世紀的技藝，自木製和金屬的活版印刷便開始，而且它不只歷史悠久，還很實用，大部分的人只要掌握一些實用的訣竅，就可以將之活用在諸如履歷表、電子報或名片等日常設計項目上。

資深視覺設計師 Janie Kliever 在 Design School 發表了一篇文章，列出 10 個能幫你增進文字排版的訣竅和密技，雖然介紹的是英文字型，不過還是相當實用，讓我們一起來看看吧！

1. 將要表達的訊息配上適當的感覺

用了兩種差不多的字型？或是你總是用最喜歡的那一種字型？以上都是沒有妥善選擇字型的情形。

每種字型都散發獨特的情感或個性，也許是友善、新潮、嚴肅或傻裡傻氣，但大部分的字型並不是萬用的，所以你要判斷一個字型對你來說是怎麼樣的感覺，還有它適不適合放在這個設計裡面。方法之一就是列出你希望設計呈現哪些特質，如果能先確定內容更好，這樣就能直接挑選字型來配合建立好的內文調性。

字型設計師 Eben Sorkin 曾經說過：每種字體都有自己的聲音，這種聲音將影響我們閱讀文字的感受，也影響我們吸收和處理信息的過程。

它的力量強大，能讓任何形式的文字溝通更加有效且更有說服力。當文字元合字型的個性，大家閱讀起來會更快更容易；若兩者不合，文字就會變得混亂，拖慢讀者的速度。訪客讀起來越容易，就越容易找到他們要的內容並點擊購買或返回（或達成其它設計的目的）。

讓我們快速看幾個範例：

一個遵循「傳統配方」的護髮產品，融合了復古和現代的字型。

（Design by Device Creative Collaborative）

主打回到本質的產品，包裝走極簡瑞士風設計美學和字型搭配。

（Design by Salih Kucukaga）

傳達歷史和工藝精神的字型選擇，字型和整體事業的品牌形象相當搭配。

（Mike Casebolt and Sergey Grigoryan）

古典的襯線字體，看起來相當適合 1925 年就開幕的出版商的部落格，不過這個字型易讀、簡明而且平易近人，帶來一種現代感，而且更適合用在網頁上。

（Random House Books）

2. 配合讀者的心情

現在你已經替你的設計配了完美的字型，但有個小問題，並非所有人對同一種字型都有一樣的感覺，選擇了適合的字型後，你也要確定它適合你的觀眾。

可能有一群人覺得這字型很新潮，另一群就覺得它過時，因為我們看字型的方式受到文化連結的影響，而文化又和年齡及地區有相當大的關係，所以要對你的目標群眾有敏感度，如果你對選擇的字型有所遲疑，問問那個團體的人，徵詢他們的意見，能讓你的文字排版效果更好。

（Designs by Peetie Design and Kelly Schmidt）

如果你的觀眾範圍很廣，並非特定族群呢？那你可能就得選擇較為中性的字體，不強調鮮明特色而能融入其他對象。這種字型經常稱為「Workhorse」字體，通常是基本的襯線或無襯線字型，而且因為不引人注意而用途廣泛。

Google 字型中一些多用途字型。

最有用的多用途字型通常還會提供各種粗細和類型。

3. 讓字型的尺寸搭配設計內容

選擇和安排設計的字型時，閱讀難易度應該是首要考慮之一。字太小難以閱讀，字太大又很煩人，因此一般而言，印刷用段落文字應該落在 10 — 12 點之間，而網頁則是 15 — 20 之間，大部分的瀏覽器默認值是 16 點。

你可以用 Type Scale 這個免費工具來檢查 Google 字型庫的字型，各個尺寸在網頁上看起來如何。

Type Scale

若不是用在長文的字呢？你可以參酌設計本身，包括整個版面的大小或呈現方式，加上一點基本常識幫助判斷。

一些像名片之類的小型項目或是長段文章會需要小一點的字，但這些字也要清晰易讀，而非充滿裝飾。

大型項目如海報，因為空間更多而且大家通常會從遠一點的距離觀看，就可以容納大字，若選擇相對小的字體，則有更多空間發揮創意和選擇更有型的文字。

4. 安排層次

如果一個設計層次分得好，看起來就整齊，容易定位，可以更容易找到你要的信息。文字排版的層次對於像是電子報、雜誌、書和其他傳統印刷物，及某些網站等文字很多的設計特別重要。

基本的層次設計，可以利用以下幾點：

用字的大小來依重要性排序信息。

用充足的空間來創造一個容易檢視的架構

把相關的對象分成一組

在適當的情況下，用標題、副標等清楚地分類

5. 別忽略了留白和對齊方式

設計成也細節，敗也細節，其中留白和對齊影響很大，這兩者可以讓版面又擠又混亂，也可以帶來乾淨和秩序。

讓我們一起來看看幾種常見的留白：

字距（Tracking）：文字間距，又稱字間，這是在一段或一句文字中，每個文字的固定間距，調整這選項會讓整體文字看起來更擠或更松，縮小間距常用來節省空間，但太過緊密會讓文字難以閱讀，配合所選字型，找到適合的文字間距，是讓文章好讀的最佳方法之一。

行距（Leading）：每行間距，這是行與行間的垂直距離，就像字距一樣，過多過少都會讓文字難以閱讀或格格不入。

邊界：這是設計周邊的空白空間，除非有特殊需求，不然通常你不會想讓內容看起來像要掉出頁面一樣，在頁面周圍大方地留點空間，讀起來會更舒服。

留白：用來指設計中所有空白、白色、空無一物的空間，如果你要放很多內容，留白看似很浪費，但要讓畫面平衡、有條理，這是不可或缺的。他讓觀眾的視線在畫面中移動，同時讓眼睛有地方可以休息。

至於對齊方式，「保持一致」是增進文字排版最好的方法，在同一設計中無意義地切換各種對齊方式（靠左、靠右、置中、分散），只會看起來很隨便。

一些小訣竅：

少用兩端對齊。這幾乎每次都會產生一堆不規則的空間和隨機分布的大量空白，看起來很亂而且很難閱讀。

在段落文字選擇一種對齊方式（通常是靠左），並保持一致。

（Design by Bryan Kidd）

6. 學會字距微調

有一種留白是大家常常忽略的：字距微調（字間）。字句微調常和字距搞混，但兩者是不同的，字句微調是單指兩個文字間的距離。

字句微調通常是用來檢查文字排版是不是完美且專業的最後一個步驟，每種字型都有默認的字句微調，但有些文字組合起來間距就是不理想，尤其又大又顯眼的文字排版，比如說標題，最好多檢查一下有沒有哪兩字間隔過大或過小，必要的話再手動調整。

7. 限制你的字體、粗細和樣式數量

我們熱愛各種字型，但好東西太多也不好，一個設計用過多不同的字體看起來會混亂又不專業。

基本上，一份設計別用超過三種字體，如果是好的設計搭配對的內容，也是可以打破這項規則，製造電子、復古的效果，比如以下這份設計。

如果你剛開始混合使用字型，基本的襯線搭配無襯線字體，幾乎都能搭配，或者找一種有各種粗細和樣式的字體或字體系列來搭配，這樣你的文字排版看起來就互相呼應，同時還保留一些變化空間。

免費字體系列 Alegreya Sans

粗細和樣式很容易被濫用，這些樣式可以強調文字的重要性，在視覺上更突出，或是模擬說話語氣，但別在一段文章內用上一堆樣式，這樣會看起來強調得太用力，而且會讓讀者感到不禮貌。實際上，就算只用超過一種以上樣式的機會都不多。

8. 避免常見的「排版病」

設計程序當著我們完成很多了不起的事，但若不夠小心，有時候也讓人容易犯下一些顯而易見的錯誤。〈Thinking with Type〉的作者 Ellen Lupton 在書的官方網站上，舉了幾個壞習慣作為例子：不要為了填滿版面任意拉長文字，若你只拉長一個方向，會讓文字及間距嚴重變形，如果要重設大小，請固定長寬比例。