包含在用戶界面 (UI) 樣式指南中的一個關(guān)鍵元素是排版將如何出現(xiàn)在您的移動程序 或 網(wǎng)站設(shè)計中?？蛻舻谝淮闻c設(shè)計團(tuán)隊討論排版時，您可以選擇是要使用預(yù)先存在的字體還是創(chuàng)建您品牌獨(dú)有的新字體。但是隨著您的排版決策變得更加細(xì)化，您最終將需要討論字距調(diào)整。

如果字距調(diào)整對您來說是一個新概念，那么本文將幫助您弄清楚它是什么、它的目的以及如何使用它來改進(jìn)包括排版在內(nèi)的設(shè)計。讓我們首先定義字距，以便更好地理解它是什么。

什么是字距調(diào)整？

字距調(diào)整是指兩個單個字母之間存在的間距。這是一種可以追溯到印刷機(jī)的排版方法，最初被稱為間距。雖然您可能已經(jīng)在最近的UI 設(shè)計中遇到過字距調(diào)整，但了解字距調(diào)整最佳實(shí)踐和最佳入門方式非常重要。讓我們仔細(xì)看看字距調(diào)整以及如何開始將其融入您的設(shè)計過程。

字距調(diào)整的目的是什么？

字距調(diào)整的目的是完全控制排版的間距，以便每個字母都有足夠的喘息空間。例如，如果您將“l(fā)”和“i”等可區(qū)分的小寫字母放在一起（“l(fā)i”），字體的字距調(diào)整不是問題，但如果您將大寫“V”和“由于間距增加，A' ('VA') 在一起。字距調(diào)整還可以通過使排版更易于閱讀且不那么嚇人來幫助您克服認(rèn)知超負(fù)荷的問題。

當(dāng)設(shè)計師使用他們的設(shè)計系統(tǒng)工具構(gòu)建他們的 UI 基礎(chǔ)架構(gòu)時，他們會記錄段落、組件、邊距、填充等之間的間距。這種謹(jǐn)慎的元素間距方法應(yīng)該擴(kuò)展到您對設(shè)計排版的看法。

數(shù)字排版中的字距

即使您的設(shè)計工具自動將間距合并到您的排版中，您仍然需要根據(jù)您當(dāng)前正在設(shè)計的內(nèi)容以及您計劃如何將排版合并到該設(shè)計中來考慮字距調(diào)整。下面，讓我們分解字距調(diào)整值和字距調(diào)整表的含義，以幫助您入門。

緊縮值

在字距調(diào)整過程中調(diào)整字母間距時，有正值和負(fù)值之分。每個正增量都會增加任意兩個字母之間的間距，而負(fù)增量會減小間距。但是，請記住，每個字母都有不同的形狀和大小，因此突出顯示所有文本并同時調(diào)整所有間距的值可能不會產(chǎn)生您想要的效果。

字距調(diào)整表

自印刷機(jī)發(fā)明以來，字距調(diào)整已成為排版設(shè)計的主要內(nèi)容，因此創(chuàng)建了字距調(diào)整表以幫助指導(dǎo)設(shè)計師的流程。字距調(diào)整表是一個字母對列表，其中包括每個列出的對的最佳間距值。在排版設(shè)計過程中參考這些表格很有用，但重要的是要記住您選擇的字體在字母間距中起著重要作用。

4 種字距調(diào)整

調(diào)整排版間距有四種關(guān)鍵方法，包括：

1. 公制字距
2. 光學(xué)字距
3. 手動字距調(diào)整
4. 上下文字距調(diào)整

讓我們快速瀏覽一下每一個，以了解它們的含義以及它們的工作原理。

1. 公制

公制字距調(diào)整是一種自動字距調(diào)整選項，可以輕松地在字母之間創(chuàng)建空間，而無需花費(fèi)大量時間進(jìn)行設(shè)計。這種字距調(diào)整方法使用一個字距調(diào)整表，其中存儲了每對字母之間特定間距的值。

2.光學(xué)

光學(xué)字距調(diào)整是一項高級功能，可自動檢測每個字母的輪廓。這種字距調(diào)整方法使用一種算法來計算字母之間的最佳間距。

3. 手動字距調(diào)整

手動字距調(diào)整只是自己調(diào)整每個字母之間的間距，這看起來很乏味。但是，手動調(diào)整字距為您提供了自動選項無法提供的控制級別。對于經(jīng)常使用排版的設(shè)計師來說，這是首選方法，尤其是在平面設(shè)計方面。

4. 上下文字距調(diào)整

上下文字距調(diào)整本質(zhì)上是查看一串字母以確定它們之間的適當(dāng)間距。這種字距調(diào)整方法會根據(jù)整個單詞的最佳間距自動移動字母，而不是僅將兩個字母視為一組。

改善排版的字距調(diào)整技巧

現(xiàn)在您了解了可供您使用的不同字距調(diào)整選項，是時候查看一些有助于指導(dǎo)您完成整個過程的關(guān)鍵提示了。

• 留意特定的字母配對 。字母有各種各樣的形狀，其中一些在彼此相鄰放置時非常尷尬。一定要注意傾斜的字母（A、K、V、W、Y）、帶有手臂或交叉筆劃的字母（F、L、T），以及特定的字母配對（W 或 V 與 A；T 或 F 與 A ）。
• 觀察間距如何隨字體大小變化 。隨著您增加或減少字體大小，字母之間的間距可能會改變并改變排版的預(yù)期外觀。您應(yīng)該將其余設(shè)計中的相同視覺層次結(jié)構(gòu)方法應(yīng)用于排版間距。
• 讓字母呼吸。手動調(diào)整字距時 ，請確保不要將空間減少太多或太少，除非是針對特定用例。否則，它會降低單詞的可讀性，損害用戶的整體體驗。在運(yùn)動或用戶體驗 (UX) 動畫設(shè)計中使用排版時，這一點(diǎn)尤其重要。

什么是字距調(diào)整的最佳字體？

最好的字距調(diào)整字體是那些字母之間已經(jīng)有很好間距的字體，因為這將為您節(jié)省大量的編輯時間。此外，嘗試選擇一種簡約且易讀的字體，讓任何人都可以輕松閱讀，尤其是如果你還是第一次學(xué)習(xí)如何進(jìn)行字距調(diào)整。

字距調(diào)整的價值以及如何開始

雖然字距調(diào)整似乎是一個不值得投入大量時間的小調(diào)整，但現(xiàn)實(shí)情況是它會對您的觀眾如何消費(fèi)和欣賞您的排版產(chǎn)生巨大影響。例如，您網(wǎng)站主頁上的大文本以及字母之間的間距不一致確實(shí)會分散體驗，并且還可能破壞您網(wǎng)站的可掃描性。

如果您仍然不確定如何開始使用字距調(diào)整，請訪問不同的網(wǎng)站并將排版示例的圖像保存到您的設(shè)計靈感情緒板上。如果您遇到一個獨(dú)特的排版挑戰(zhàn)，您可以通過查看您最喜歡的樣本集合來解決它。