如果你細(xì)心觀察，不難發(fā)現(xiàn)網(wǎng)站設(shè)計(jì)中的文字字號(hào)以及其排版比例正在越來越大。這可能是件好事。

目前網(wǎng)站設(shè)計(jì)的最大趨勢之一是大型的字號(hào)排版。我們不再只是在Banner或者KV中使用更大的字號(hào)了?，F(xiàn)在，我們看到網(wǎng)站設(shè)計(jì)的每個(gè)部分都有更大的字形選項(xiàng)。

使用這個(gè)趨勢的結(jié)果？當(dāng)然是一種更簡單易讀的體驗(yàn)，一種以更好的方式、更頻繁地為更多人工作的體驗(yàn)。

下面是我們對(duì)于這個(gè)趨勢的一些看法，以及幾個(gè)例子可以幫助你了解大字體的實(shí)際應(yīng)用！

什么是排版比例？（What is a Typography Scale?）

在我們深入研究之前，理解這個(gè)概念很重要：什么是排版比例？

排版比例是一組規(guī)則或指南，用于確定設(shè)計(jì)中的類型元素如何根據(jù)某種共性（例如比率或百分比增加）進(jìn)行交互。

標(biāo)題的傳統(tǒng)比例大多數(shù)為從 H1 到 H6，同樣正文和設(shè)計(jì)中使用的其他文本元素都有一套已經(jīng)趨向固定的比例設(shè)置。一個(gè)好的比例必須是合乎邏輯的，通常是模塊化的，這樣有助于在設(shè)計(jì)中創(chuàng)造一致性和對(duì)比。

如果你正在嘗試使用傳統(tǒng)的比例或你打算為你的項(xiàng)目創(chuàng)建一個(gè)特定的比例，那么掌握好比例的度就尤為重要了。你可以從基本比例開始，適當(dāng)調(diào)整比例的變量和字體，并在深入設(shè)計(jì)之前查看它在屏幕上的效果。

識(shí)別設(shè)計(jì)中的大排版比例（Identifying the Large Typography Scale Design Trend）

在你仔細(xì)觀察之前，這種設(shè)計(jì)趨勢可能會(huì)經(jīng)常和其他的設(shè)計(jì)趨勢一起使用。與其他使用單一的大型或超大文本元素的趨勢不同，這些設(shè)計(jì)具有更全面和徹底的“大型”外觀。

通常，最基礎(chǔ)的文字尺寸為 18 磅或使用更大的粗體字形。

字號(hào)可以說是巨大的，但一切都很和諧，感覺像是與設(shè)計(jì)融為一體，正文與標(biāo)題和副標(biāo)題元素之間沒有不平衡的感覺。

主要特征（Key Characteristics）

更大的字體設(shè)計(jì)趨勢的關(guān)鍵特征是對(duì)文本元素的處理需要在視覺上有階梯感。不同層級(jí)的元素應(yīng)該區(qū)別很明顯，很容易通過大小來識(shí)別，如果單獨(dú)存在，設(shè)計(jì)中的任何東西都不會(huì)被認(rèn)為是哪些是大的，哪些又是小的。

通常，這些設(shè)計(jì)中的字形比你預(yù)期的要粗，同時(shí)還包括襯線或較小尺寸可能更難閱讀的字體，在文本的字?jǐn)?shù)上也比較少。

文本間的對(duì)比度需要比較高，以便使這些內(nèi)容更易于閱讀，文本可以使用滾動(dòng)或者移動(dòng)進(jìn)行瀏覽。

如何讓它為你工作（How to Make it Work for You）

那么如何讓更大的排版比例更適合你的項(xiàng)目呢？一些設(shè)計(jì)師一開始會(huì)對(duì)大尺寸感到不舒服，因?yàn)樗鼈兛赡懿皇悄阍谝曈X上習(xí)慣的。但是處理大型文本對(duì)于某些項(xiàng)目來說效果很好。

如果你的設(shè)計(jì)：

· 有在可讀性上有很強(qiáng)的要求

· 主要的用戶群為移動(dòng)用戶

· 在可讀性方面使用更難閱讀的字體

· 有簡潔的文本塊

· 采用的主要交互方式為滾動(dòng)

· 對(duì)不同層級(jí)的文本需要有強(qiáng)烈的對(duì)比

· 希望設(shè)計(jì)可以與眾不同

這是這種趨勢的好處：它實(shí)際上幾乎可以與任何其他設(shè)計(jì)趨勢一起使用。將其與強(qiáng)烈的圖像（視頻或照片）一起使用，或者將其與其他一些圖形元素一起使用。

至于具體的大小可以根據(jù)你的內(nèi)容需求從任何級(jí)別開始。你如何創(chuàng)建比例實(shí)際上取決于你對(duì)大小和內(nèi)容的舒適程度。

如果這是你使用這個(gè)趨勢的第一個(gè)網(wǎng)站設(shè)計(jì)項(xiàng)目，你可以從比你通常使用的字號(hào)大二~四點(diǎn)的正文字體開始，然后以這個(gè)為基礎(chǔ)開始拓展。

在創(chuàng)建比例時(shí)考慮實(shí)際內(nèi)容和文字也很重要。與較短的標(biāo)題相比，包含比較多的長標(biāo)題使用較大排版比例可能會(huì)受到更多限制。你只能在特定字符數(shù)的情況下才能考慮使用更大的字號(hào)并保持在不同設(shè)備上的一致性。否則，你可能必須針對(duì)分詞或連字符做出其他類型的設(shè)計(jì)決策。

無論哪種方式，為了最大化這種設(shè)計(jì)趨勢的視覺影響并使其盡可能好地工作，在設(shè)計(jì)過程的早期創(chuàng)建排版比例時(shí)使用一些實(shí)際的內(nèi)容。這可以幫助你確定適合內(nèi)容和項(xiàng)目的字號(hào)大小。

3個(gè)我們喜歡的例子（3 Examples We Love）

這是真正可以引起我們注意的設(shè)計(jì)趨勢之一——你很難第一時(shí)間注意不到更大、更粗、更易讀的字體設(shè)計(jì)。

Emmaus

Emmaus 的設(shè)計(jì)告訴我們，排版比例不一定要很大才能更有效。這個(gè)例子強(qiáng)調(diào)了一個(gè)更大的字體比例如何在移動(dòng)設(shè)備上增強(qiáng)可讀性。

Decem Drinks

Decem Drinks 采用極簡設(shè)計(jì)，令人耳目一新，似乎打破了許多排版規(guī)則，讓你不禁想繼續(xù)滾動(dòng)和閱讀。較大的字體比例非常適合閱讀，盡管使用的是更具挑戰(zhàn)性的字體，例如此處在正文內(nèi)容中使用的襯線字體。

Aardman

從導(dǎo)航元素到頁腳，Aardman 的排版都是選擇更大的字號(hào)。這個(gè)例子中的比例很有趣，注意那些使用較大字號(hào)的字體和正文字號(hào)的對(duì)比，它們是如此不同，但在整個(gè)設(shè)計(jì)中卻能很好地工作。

結(jié)論

大字體設(shè)計(jì)趨勢不僅僅是視覺，它也很實(shí)用。強(qiáng)大的字體比例在設(shè)計(jì)中創(chuàng)造一致性和對(duì)比，使人們更容易閱讀和掃總覽內(nèi)容。

較大的比例有助于可讀性，在移動(dòng)設(shè)備上的視覺和閱讀體驗(yàn)上也能更好的得到提升。

----圖文來自：design shack 

----由深圳網(wǎng)站建設(shè)公司-Clh翻譯編輯整理，為您提供更多有關(guān)深圳網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)及其他互聯(lián)網(wǎng)應(yīng)用服務(wù)