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

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

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

下面給大家一些例子：

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

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

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

2.看看這個樣例

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

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

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

在導(dǎo)航中使用小文本可能很棘手， 它需要足夠大的閱讀和輕松點擊， 使用一個超級可讀的簡單字體很重要，因為微小的文字對于眼睛來說可能有點困難。

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

4.展示空間

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

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

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

5.在文本不是最重要的元素時

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

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

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

結(jié)論

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

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