排版是網(wǎng)站設(shè)計(jì)中最重要的元素之一，對(duì)品牌和體驗(yàn)的影響可觀。根本原因在于，對(duì)印刷字體進(jìn)行全面更改（選擇新字體，更改尺寸，增加領(lǐng)先地位）非常復(fù)雜且充滿了潛在的時(shí)間浪費(fèi)。

但是，您可以對(duì)版式進(jìn)行一些簡(jiǎn)單的更改，這些更改不會(huì)破壞網(wǎng)格，并且可以在短的時(shí)間內(nèi)完成。這是最簡(jiǎn)單的八個(gè)方法。

1、增加色彩對(duì)比度
布局文本時(shí)，網(wǎng)站設(shè)計(jì)人員通常會(huì)將文本視為視覺設(shè)計(jì)中的一個(gè)塊。設(shè)計(jì)者與文本的關(guān)系與用戶的文本有很大不同。設(shè)計(jì)人員將文本定位為形狀，用戶逐行讀取文本。因此設(shè)計(jì)人員往往低估了對(duì)比文字所需的數(shù)量。淺灰色文字在美學(xué)上很美，但在功能上卻毫無(wú)用處。文本應(yīng)能被閱讀，并且需要滿足臺(tái)式機(jī)上的WCAG AA標(biāo)準(zhǔn)和移動(dòng)設(shè)備上的WCAG AAA標(biāo)準(zhǔn)，或者在任何情況下使用許多環(huán)境光源。文字越大，您擁有的余地就越大。應(yīng)該徹底測(cè)試文本的對(duì)比度，但是從頭開始，白色背景上的18px文本絕對(duì)不能比＃595959亮。

2、減少標(biāo)題間距
絕大多數(shù)字體均設(shè)計(jì)為用作正文文本，大量運(yùn)行文本多行。制作字體時(shí)，為此使用了間距。與運(yùn)行文本不同，標(biāo)題趨于簡(jiǎn)短，并被更多的空白包圍——尤其是上方和下方。多余的空格會(huì)在視覺上淹沒單詞形狀中的負(fù)空格，并迫使字母分開。要進(jìn)行補(bǔ)償，請(qǐng)將標(biāo)題的字母間距和單詞間距減少1–5％。

3、松開非單詞間距
當(dāng)我們閱讀時(shí)，我們的大腦不會(huì)逐字母拼出單詞；它可以識(shí)別單詞的形狀，甚至單詞組的形狀。大多數(shù)微型打字法都與不破壞這些字形有關(guān)。但是，有時(shí)候您確實(shí)想防止單詞形成并允許使用單個(gè)字符。松開要作為一系列字符閱讀的任何文本的字母間距，例如序列號(hào)，跟蹤代碼和表格數(shù)據(jù)。

4、使用系統(tǒng)字體作為輸入
隱私對(duì)于用戶來(lái)說(shuō)是一個(gè)大問(wèn)題。作為設(shè)計(jì)師，您可以做的一切確保用戶數(shù)據(jù)安全的措施，都可以提高網(wǎng)站的用戶體驗(yàn)。設(shè)置HTML輸入的樣式以使用系統(tǒng)字體-用戶訪問(wèn)網(wǎng)站所使用的操作系統(tǒng)設(shè)置的默認(rèn)字體。這樣可以在品牌字體中的品牌數(shù)據(jù)和用戶字體中的用戶數(shù)據(jù)之間創(chuàng)建清晰的界限。以這種方式使用系統(tǒng)字體會(huì)鼓勵(lì)用戶感覺自己對(duì)數(shù)據(jù)的所有權(quán)，建立信任并增加轉(zhuǎn)換。

5、標(biāo)記段落一次
文字段落需要以視覺方式指示它們已經(jīng)開始。通常使用三種方式傳達(dá)此信息：跟隨標(biāo)題，在段落之前有一個(gè)垂直空格，或使第一行縮進(jìn)。每個(gè)段落應(yīng)使用這些指標(biāo)之一，并且只能使用一個(gè)。由于網(wǎng)站內(nèi)容的性質(zhì)和標(biāo)題對(duì)快速掃描讀取內(nèi)容的好處，對(duì)于大多數(shù)站點(diǎn)，最佳選擇是遵循標(biāo)題和垂直間距的組合。

6、使用原汁原味的風(fēng)格
出于各種原因，從字體的可用性到積極的優(yōu)化，站點(diǎn)使用CSS偽造其他樣式的情況很普遍。斜體可以傾斜為斜體，粗斜體可以通過(guò)使用瀏覽器的默認(rèn)值進(jìn)行偽造，小寫字母可以通過(guò)將文本設(shè)置為大寫并減小字體大小來(lái)偽造。這些技巧弊大于利，造成變形的字形，打斷文本的自然流動(dòng)。如果您無(wú)法部署真正的斜體，粗體和小寫字母，請(qǐng)不要偽造它們。尋找其他方法來(lái)強(qiáng)調(diào)，例如改變顏色。

7、使用正確的引號(hào)
撇號(hào)，單引號(hào)和雙引號(hào)是特定字符。大多數(shù)字體為它們提供一個(gè)標(biāo)志符號(hào)，該標(biāo)志符號(hào)與鍵盤上的快速單引號(hào)或雙引號(hào)鍵不同。這些引號(hào)通常被稱為“智能”引號(hào)，因?yàn)槲淖痔幚響?yīng)用程序通?？梢赃x擇“智能”選擇使用的字形。使用正確的引號(hào)是提供精煉文本的最簡(jiǎn)單方法之一。

8、正確連字
斷字是將單詞分成兩行。它允許使用不那么極端的參差不齊的文本，這對(duì)于與臺(tái)式機(jī)相比可用頁(yè)面寬度相對(duì)較小的移動(dòng)設(shè)備至關(guān)重要。Web對(duì)正確的斷字功能的支持令人驚訝地差，但是它正在逐漸完善，可以用作漸進(jìn)增強(qiáng)。CSS允許您將連字符設(shè)置為無(wú)（不帶連字符），自動(dòng)（瀏覽器自動(dòng)插入）和手動(dòng)（在其中使用軟連字符指定連字符的顯示位置）。在印刷上，可以在任何五個(gè)字符或更長(zhǎng)的單詞中插入連字符。在連字符前面必須至少有兩個(gè)字符，在連字符后面必須至少有三個(gè)字符。您永遠(yuǎn)不要將三行連續(xù)的文本連字符，但是要解決此問(wèn)題需要JavaScript。您可以通過(guò)增加度量來(lái)最小化此問(wèn)題。