微小文字在網(wǎng)頁(yè)設(shè)計(jì)中的6種使用方法

網(wǎng)頁(yè)設(shè)計(jì)的最大趨勢(shì)之一就是超小、精致。 “微小”文本元素已經(jīng)成為一個(gè)流行的設(shè)計(jì)方法，這是一個(gè)設(shè)計(jì)趨勢(shì)。

毫無(wú)疑問(wèn)，小文本大小可能會(huì)導(dǎo)致一些可讀性問(wèn)題， 但是當(dāng)做得好的時(shí)候，一小段小文本實(shí)際上可以幫助創(chuàng)造一個(gè)視覺(jué)強(qiáng)調(diào)點(diǎn)，并將用戶吸引到設(shè)計(jì)的某些部分。

下面給大家一些例子：

1.創(chuàng)建層次結(jié)構(gòu)

雖然超大文本一直是主頁(yè)和標(biāo)題的主要選項(xiàng)，但是在桌面顯示器的第一個(gè)屏幕上提供更多信息的文字都是一些很小的文字。這就是“微小”的文字，使用不同的大小和比例尺度的排版，創(chuàng)造出獨(dú)特的視覺(jué)流程，通常從大字體到小。通過(guò)使用一級(jí)的微小文本 - 通常小于14到16點(diǎn)的普通字體類型大小，微小的文字，特別是與其他文字大小一起使用時(shí)，可以吸引目光，增強(qiáng)畫面的層次感。

Maxime Bonhomme在投資組合網(wǎng)站設(shè)計(jì)中使用微小的文字，最小的文本元素提供關(guān)于項(xiàng)目的關(guān)鍵細(xì)節(jié)，而較大的類型給出了工作的描述。請(qǐng)注意微小的文本元素的作用部分是因?yàn)槊總€(gè)復(fù)制塊周圍的空間和合約量。

2.看看這個(gè)樣例

有時(shí)候，小巧的文字就是設(shè)計(jì)出來(lái)，讓你看一下或者瞥一眼。與用戶在許多其他網(wǎng)站上看到的不同，這樣的設(shè)計(jì)元素會(huì)吸引你。一個(gè)不怕前衛(wèi)的品牌，logo是采用超小型標(biāo)題處理， 它確實(shí)讓你看起來(lái)很不起眼， 標(biāo)題完全貼在X的頂點(diǎn)，從NBA播放器視頻屏幕上移動(dòng)到標(biāo)題到品牌標(biāo)識(shí)符的動(dòng)作中，創(chuàng)造出獨(dú)特的視覺(jué)運(yùn)動(dòng)模式， 即使是采取行動(dòng)也是很小的，但是由于感覺(jué)有意而并未讓使用者不舒服。

3.創(chuàng)建互動(dòng)導(dǎo)航

雖然許多網(wǎng)站弱化了導(dǎo)航，但使用微小的文本可以使一些元素回到屏幕上，而不會(huì)感到干擾， 它是設(shè)計(jì)模式中的一個(gè)潮流方式之一，從一個(gè)極端到另一個(gè)極端。 

在導(dǎo)航中使用小文本可能很棘手， 它需要足夠大的閱讀和輕松點(diǎn)擊， 使用一個(gè)超級(jí)可讀的簡(jiǎn)單字體很重要，因?yàn)槲⑿〉奈淖謱?duì)于眼睛來(lái)說(shuō)可能有點(diǎn)困難。

拉普蘭的魔術(shù)在主菜單欄中發(fā)現(xiàn)了一個(gè)很好的中間地帶的小文本元素。 每個(gè)元素周圍有很多間距 - 有些甚至使用雙層面，而黑色背景上的簡(jiǎn)單的無(wú)襯線，有助于可讀性。 

4.展示空間

當(dāng)畫布很大時(shí)，微小的文字最有效，小元素與廣闊空間的對(duì)比可以令人驚嘆。顏色深淺也應(yīng)該不同，其目的不同，在跳入這個(gè)設(shè)計(jì)趨勢(shì)之前問(wèn)問(wèn)自己：為什么我在這里使用小文本？它有助于我的網(wǎng)站設(shè)計(jì)的意義？如果你沒(méi)有這些問(wèn)題的固定答案 - “因?yàn)槲蚁搿辈凰?，那么你?yīng)該考慮別的東西。

Moonfarmer做了一個(gè)美麗的工作展示空間與微小的文本，該設(shè)計(jì)使用兩個(gè)級(jí)別的排版和大量寬敞的畫布來(lái)建立，并在用戶點(diǎn)擊或滾動(dòng)之前向用戶介紹內(nèi)容。微小的文字只是設(shè)計(jì)中的許多細(xì)節(jié)之一，吸引您進(jìn)入停止和觀看，與元素之間有很大的對(duì)比，對(duì)可讀性沒(méi)有任何關(guān)注。

設(shè)計(jì)還需要記住一件重要的事情：您不必在任何地方使用小文本，將其視為一種特殊的藝術(shù)元素， Moonfarmer在主頁(yè)上使用微小的文字，然后在設(shè)計(jì)的其余部分將相同的字體顛倒到更普通的尺寸。

5.在文本不是最重要的元素時(shí)

有時(shí)屏幕上最重要的元素不是文字， 文字是次要的視覺(jué)元素。自由電視是一個(gè)很好的例子，說(shuō)明如何使用小文本來(lái)幫助用戶，同時(shí)允許另一個(gè)元素作為設(shè)計(jì)的主要部分， 對(duì)于這個(gè)項(xiàng)目，視頻是重要的元素。 微小的文字可作為提供更多信息的一個(gè)元素，并鼓勵(lì)使用靜態(tài)文本塊注冊(cè)，而不管主頁(yè)上的插曲如何。

6.創(chuàng)建一個(gè)可視元素

文本元素主要存在于閱讀中，但是，有時(shí)候，文本元素有助于作為視覺(jué)元素的一部分，并且它們是否被閱讀顯得不太重要。 HTML漢堡包使用幾層小小的文本， 小文本被用作具有超大標(biāo)題處理的描述符， 每個(gè)“漢堡”包裝紙都使用微小的文字來(lái)創(chuàng)建酷炫的視覺(jué)元素，并提供更多有關(guān)該公司的信息。 這是一個(gè)你看不到的設(shè)計(jì)大綱，在這種情況下，它是有影響力的。 （但這種技術(shù)相當(dāng)困難，請(qǐng)謹(jǐn)慎行事）

結(jié)論

要走小還不行？ 這可能是一個(gè)艱難的決定， 雖然使用小文本是有爭(zhēng)議的，但適用于微小的排版。 為了確保您的設(shè)計(jì)中的小文本有效，請(qǐng)給予足夠的空間，使用高度可讀性的字體，并使用其他設(shè)計(jì)線索來(lái)幫助用戶使用這些文本。

最后，如果您打算嘗試使用小文本，請(qǐng)謹(jǐn)慎合理使用，它可以幫助您更好地進(jìn)行層次設(shè)計(jì)，豐富畫面。