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

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

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

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

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

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

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

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

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

緊縮值

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

字距調(diào)整表

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

4 種字距調(diào)整

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

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

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

1. 公制

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

2.光學(xué)

光學(xué)字距調(diào)整是一項(xiàng)高級(jí)功能，可自動(dòng)檢測(cè)每個(gè)字母的輪廓。這種字距調(diào)整方法使用一種算法來(lái)計(jì)算字母之間的最佳間距。

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

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

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

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

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

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

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

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

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

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

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

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