什么是字距排版?網(wǎng)頁(yè)設(shè)計(jì)定義
包含在用戶(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)鍵方法,包括:
- 公制字距
- 光學(xué)字距
- 手動(dòng)字距調(diào)整
- 上下文字距調(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)解決它。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請(qǐng)?jiān)L問(wèn):網(wǎng)站技術(shù)
本文來(lái)源:http://gagu89.com/seodongtai/18977.html