我們都做過(guò)：花費(fèi)大量時(shí)間仔細(xì)檢查短信或電子郵件，以試圖查明發(fā)件人的確切意圖。分析單詞背后的含義，或考慮哪個(gè)單詞更適合特定上下文是我們經(jīng)常做的事情。但是，我們多久考慮一次文本在視覺上反映書面短語(yǔ)語(yǔ)氣的方式呢？在本指南中，我們將研究排版的強(qiáng)大功能。您將找到排版的定義、排版關(guān)鍵要素的概要，以及有關(guān)如何為您的網(wǎng)站設(shè)計(jì)或網(wǎng)站重新設(shè)計(jì)選擇合適的字體的提示。

什么是排版？

排版被定義為文字的視覺方面。這是以清晰易讀和美觀的方式排列文本的做法。除此之外，它還可用于散發(fā)出某種情緒或加強(qiáng)信息。為此，我們可以使用不同的字體和字體樣式，以及調(diào)整大小、字母和單詞之間的間距等等。

排版本質(zhì)上是一種排列類型，用于使書面語(yǔ)言在顯示和閱讀時(shí)清晰易讀且具有吸引力。它的歷史可以追溯到希臘和羅馬的古代文明，那里的字母形式被刻在石頭、金屬和紙莎草紙上。

在中世紀(jì)時(shí)期，泥金裝飾手稿是用精心制作的字體制作的。然后在 15 世紀(jì)，印刷機(jī)的發(fā)明徹底改變了排版，使書籍更加廣泛地可用。

排版是關(guān)鍵的經(jīng)典設(shè)計(jì)術(shù)語(yǔ)之一，是任何設(shè)計(jì)的重要組成部分。相同的詞可以傳達(dá)不同的感覺，具體取決于它們的設(shè)計(jì)方式。無(wú)論您是更新網(wǎng)頁(yè)設(shè)計(jì)、編寫兒童讀物還是創(chuàng)建LOGO，請(qǐng)考慮您的文案如何在視覺上設(shè)定品牌個(gè)性或核心信息的基調(diào)。

排版的主要元素

為了冒險(xiǎn)進(jìn)入排版的世界，您需要知道哪些變量可供使用。雖然排版術(shù)語(yǔ)列表很廣泛，但以下元素是您開始所需的元素：

字體和字樣

現(xiàn)在是時(shí)候消除對(duì)字體和字體定義的混淆了，因?yàn)樗鼈冎g存在明顯的差異。

字體是一系列字體的統(tǒng)稱，而字體是指該字體中的特定樣式，例如粗體、斜體或濃縮字體。請(qǐng)注意這篇博文是如何全部用一種字體編寫的，但包含多種字體。

易讀性

雖然有很多機(jī)會(huì)可以在排版方面發(fā)揮創(chuàng)意，但請(qǐng)記住，文本最終是用來(lái)閱讀的。除了選擇清晰易讀的字體外，還有其他因素需要注意。

記下文本的大小，以及字母和行之間的間距。此外，請(qǐng)確保文本和背景顏色之間有足夠的對(duì)比度。這也將有助于改善您網(wǎng)站的用戶體驗(yàn)和可訪問性。 

等級(jí)制度

作為設(shè)計(jì)的基本原則之一，層次結(jié)構(gòu)在排版中是必不可少的。它可以用來(lái)區(qū)分副本的各個(gè)部分，幫助來(lái)訪者立即了解哪些信息最重要。層次結(jié)構(gòu)是使用從大小（大或?。?、寬度（粗或細(xì)）到元素放置（屏幕底部的文本似乎不如頂部折疊的文本重要）的任何值來(lái)實(shí)現(xiàn)的。

例如，報(bào)紙文章的標(biāo)題通常比正文更大或更突出，使來(lái)訪者可以通過(guò)瀏覽標(biāo)題來(lái)了解文章的要點(diǎn)。這也有助于形成清晰易懂的布局。

空白

空白，或者換句話說(shuō)，“負(fù)空間”，僅指文本或圖像周圍的空白區(qū)域。在圖形元素之間添加適量的空間有助于避免混亂并確保清晰度。在文本周圍包含邊距或空白區(qū)域也會(huì)引起更多關(guān)注，并有助于區(qū)分信息的各個(gè)部分或塊。

對(duì)準(zhǔn)

排版對(duì)齊是指頁(yè)面上的文本流設(shè)置。有四種基本設(shè)置：

• 向左齊平：文本沿左邊距對(duì)齊。

• 向右齊平：文本沿右邊距對(duì)齊。請(qǐng)注意，在從左到右閱讀的語(yǔ)言中，通常不建議使用 flush right，因?yàn)樗`反了直觀。

• 兩端對(duì)齊：文本沿左邊距對(duì)齊，并自動(dòng)調(diào)整間距，以便文本與左邊距和右邊距齊平。

• 居中：文本居中，這意味著它不與任何邊距對(duì)齊。這更適合于標(biāo)題，而不是大量文本。由于邊緣呈鋸齒狀，來(lái)訪者每次都需要尋找下一行的開頭，因此很難閱讀長(zhǎng)格式文本。

一致性

使用排版時(shí)，重要的是要與使用它的所有元素（包括字體、間距和對(duì)齊方式）保持一致，以便創(chuàng)建有凝聚力且具有專業(yè)外觀的設(shè)計(jì)。

上下文

在選擇要使用的排版時(shí)，了解它的用途和原因很重要?？紤]目標(biāo)受眾、內(nèi)容類型及其分發(fā)方式。流派、語(yǔ)氣和媒介都應(yīng)該被考慮在內(nèi)。

網(wǎng)站的排版技巧

編寫網(wǎng)站內(nèi)容是一回事，但決定如何最好地在您的網(wǎng)站上呈現(xiàn)它是另一回事。以下原則是專門為網(wǎng)站創(chuàng)建量身定制的，但也可以在其他環(huán)境中實(shí)施，例如海報(bào)或新聞通訊設(shè)計(jì)。以下是需要考慮的 6 個(gè)排版技巧：

01. 反映您的品牌形象

在為您的企業(yè)進(jìn)行任何創(chuàng)意冒險(xiǎn)之前，請(qǐng)確保您已經(jīng)明確定義了您的品牌標(biāo)識(shí)。你有趣且精力充沛嗎？或者您有更傳統(tǒng)的方法？

無(wú)論它是什么，都要尋找一種能表達(dá)您獨(dú)特個(gè)性的字體。為了為您的網(wǎng)站選擇最佳字體，請(qǐng)先收集一些您覺得合適的字體，然后在更好地了解自己正在尋找的內(nèi)容后縮小范圍。

02. 在整個(gè)界面中保持一致

建立堅(jiān)實(shí)的品牌形象的一部分涉及一致性。從您的網(wǎng)站配色方案到排版選擇，這都是必需的。在您網(wǎng)站上的各種副本中，從構(gòu)成縮微副本的小段文本，到網(wǎng)站菜單上的標(biāo)簽和主頁(yè)上的標(biāo)題，一致性是關(guān)鍵。

通過(guò)在整個(gè)網(wǎng)站中使用相同的字體和字體來(lái)打造整體體驗(yàn)。雖然您可以在同一個(gè)站點(diǎn)中合并最多兩個(gè)或三個(gè)字體（更多內(nèi)容見下文），但在相同的上下文中使用相同的字體。例如，如果一頁(yè)上的標(biāo)題以 40px 的 Helvetica Bold 書寫，請(qǐng)確保其他標(biāo)題相同。為了讓您的生活更輕松，您可以自定義并保存文本主題，以便在整個(gè)網(wǎng)站中重復(fù)使用它們。

03. 使其易于閱讀

文本的存在是為了達(dá)到目的。當(dāng)然，它可以是裝飾性的或添加到整體設(shè)計(jì)中，但無(wú)論您是為號(hào)召性用語(yǔ)按鈕制作排版還是選擇字體來(lái)設(shè)計(jì)LOGO，它都必須清晰易讀。沒有什么比不得不瞇著眼睛閱讀博客文章，或者因?yàn)檎`解了上面寫的內(nèi)容而點(diǎn)擊錯(cuò)誤的按鈕更糟糕的了。

檢查您的副本是否足夠大，以便在桌面和移動(dòng)設(shè)備上閱讀。您選擇的字體也應(yīng)該在您選擇的字體大小下效果很好。某些字樣作為標(biāo)題可能看起來(lái)很棒，但在較小尺寸下不太清晰。以下是一些鼓舞人心的網(wǎng)站排版示例。

04. 堅(jiān)持使用兩種或三種字體

在創(chuàng)造力方面，設(shè)置限制可能是一種非常寶貴的做法。排版也是如此。由多種字體組成的網(wǎng)站可能會(huì)顯得凌亂且不連貫。相反，選擇不超過(guò)兩三種字體，并在每個(gè)頁(yè)面中一致地使用它們。

一個(gè)好的做法是選擇一種主要用于標(biāo)題或標(biāo)題的字體，另一種用于較長(zhǎng)的文本塊，如描述和博客文章。如果您想添加一些多樣性，請(qǐng)使用第三種字體作為行動(dòng)號(hào)召和其他縮微副本。

05. 探索字體配對(duì)

在為您的網(wǎng)站尋找最佳字體配對(duì)時(shí)，請(qǐng)將您的品牌標(biāo)識(shí)放在決策的最前沿。在腦海中記下哪種字體將用于標(biāo)題，哪種字體將用于長(zhǎng)格式文本。后者應(yīng)該特別干凈且易于閱讀（請(qǐng)參閱最容易閱讀的字體），而您可以選擇真正能體現(xiàn)您的品牌的字體，從而使標(biāo)題更具表現(xiàn)力。

06. 選擇 Web 安全字體

為了確保您的網(wǎng)站在所有設(shè)備上顯示相同，請(qǐng)使用 Web 安全字體。由于每臺(tái)設(shè)備都有自己的內(nèi)置字體集，因此，如果您的網(wǎng)站包含非 Web 安全字體，則文本可能會(huì)以與原始字體不同的字體顯示。不完全是你在你所有細(xì)致的設(shè)計(jì)工作之后想要的外觀。

排版和 UI/UX

排版在 UI（用戶界面）和 UX（用戶體驗(yàn)）設(shè)計(jì)中都起著至關(guān)重要的作用。在 UI 設(shè)計(jì)中，它用于傳達(dá)信息、引導(dǎo)用戶完成界面以及建立產(chǎn)品的整體視覺風(fēng)格。UI 設(shè)計(jì)中的良好排版通過(guò)使文本清晰易讀和可掃描來(lái)增強(qiáng)產(chǎn)品的可用性和可訪問性。

在 UX 設(shè)計(jì)中，排版會(huì)影響用戶對(duì)內(nèi)容的感知和互動(dòng)方式，以及他們找到和理解所需信息的難易程度。這會(huì)影響用戶如何處理品牌的語(yǔ)氣和個(gè)性，以及從其提供的信息中獲得的可信度和可信度。

總的來(lái)說(shuō)，排版是 UI 和 UX 設(shè)計(jì)的一個(gè)重要方面，它可以通過(guò)使其更可用、更易于訪問和更具吸引力來(lái)對(duì)設(shè)計(jì)的成功產(chǎn)生重大影響。

排版常見問題

什么是排版與字體？

排版是排列字體的藝術(shù)和技術(shù)，使書面語(yǔ)言清晰易讀且具有視覺吸引力。它包括各種元素，如字體、行距和對(duì)齊方式。另一方面，字體是指字體的特定樣式、粗細(xì)和大小。字樣是具有一致設(shè)計(jì)的字體系列，而字體是該系列中的特定實(shí)例，表示字樣中的特定樣式和大小。

排版是一種設(shè)計(jì)嗎？

是的，排版是設(shè)計(jì)的一個(gè)基本方面。它涉及安排字體的藝術(shù)和技術(shù)，以增強(qiáng)書面語(yǔ)言的視覺和審美吸引力。有效的排版會(huì)考慮字體選擇、大小、間距和布局等因素，以傳達(dá)信息或喚起特定情緒。在平面設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)和各種視覺傳達(dá)媒體中，排版在創(chuàng)建有凝聚力和影響力的設(shè)計(jì)方面起著至關(guān)重要的作用。

什么是排版與平面設(shè)計(jì)？

排版是圖形設(shè)計(jì)的一個(gè)子集，特別關(guān)注文字的排列和樣式。平面設(shè)計(jì)涵蓋更廣泛的范圍，包括使用圖像、顏色、布局和排版來(lái)創(chuàng)建視覺上引人注目和具有交流性的設(shè)計(jì)。排版是更廣泛的平面設(shè)計(jì)學(xué)科中的一個(gè)關(guān)鍵元素。

好的排版是如何定義的？

好的排版是由易讀性、可讀性和美學(xué)和諧來(lái)定義的。在整個(gè)設(shè)計(jì)中一致的字體選擇可以創(chuàng)造出有凝聚力的外觀，從而使設(shè)計(jì)更加有效和有吸引力。有效地使用層次結(jié)構(gòu)來(lái)引導(dǎo)來(lái)訪者瀏覽信息，而有意識(shí)的對(duì)齊和平衡有助于提供視覺上令人愉悅和易于理解的閱讀體驗(yàn)。