- 相關(guān)推薦
網(wǎng)頁設(shè)計中使用微小文字的方式
網(wǎng)頁設(shè)計的最大趨勢之一就是超小。“微小”文本元素已經(jīng)成為一個流行的想法，但這是一個設(shè)計趨勢，引發(fā)了一些爭論。那網(wǎng)頁設(shè)計中使用微小文字的方式有哪些？歡迎大家閱讀!更多相關(guān)信息請關(guān)注相關(guān)欄目!
毫無疑問，小文本大小可能會導(dǎo)致一些可讀性問題。但是當(dāng)做得好的時候，一小段小文本實際上可以幫助創(chuàng)造一個視覺強(qiáng)調(diào)點，并將用戶吸引到設(shè)計的某些部分。
加入我們，我們來看看這個小小的文字趨勢，并提供一些設(shè)計靈感的例子。
1.創(chuàng)建層次結(jié)構(gòu)和組織
雖然超大文本一直是主頁和標(biāo)題一段時間的主要選項，但是在桌面顯示器的第一個屏幕上提供更多信息的轉(zhuǎn)變。(其中一個原因可能是屏幕尺寸不斷增加，給設(shè)計人員更多畫布)。
這就是“微小”的文字。使用不同的大小和比例尺度的排版，創(chuàng)造出獨特的視覺流程，通常從大字體到小。通過使用一級的微小文本 - 通常小于14到16點的普通身體類型大小，您可以為用戶創(chuàng)建一個附加點。微小的文字，特別是與其他文字大小一起使用時，可以繪制用戶，因為它是不同的。
Maxime Bonhomme在投資組合網(wǎng)站設(shè)計中使用微小的文字。最小的文本元素提供關(guān)于項目的關(guān)鍵細(xì)節(jié)，而較大的類型給出了工作的描述。請注意微小的文本元素的作用部分是因為每個復(fù)制塊周圍的空間和合約量。
讓你看看
有時候，小巧的文字就是設(shè)計出來，讓你看起來或者瞥一眼。
由于通常意外或與用戶在許多其他網(wǎng)站上看到的不同，設(shè)計元素會吸引您。
一個不怕前衛(wèi)的品牌，露水是采用超小型標(biāo)題處理。它確實讓你看起來。標(biāo)題完全符合X的頂點，從NBA播放器視頻屏幕上移動到標(biāo)題到品牌標(biāo)識符的動作中，創(chuàng)造出獨特的眼睛運動模式。即使是采取行動也是很小的，但是由于感覺有意而使用者感覺不舒服。
3.創(chuàng)建互動導(dǎo)航
雖然許多網(wǎng)站完全剝離了主頁，有利于漢堡包/隱藏風(fēng)格的菜單項，但使用微小的文本可以使一些元素回到屏幕上，而不會感到干擾。它是設(shè)計模式中的一個潮流和流動之一，從一個極端到另一個極端。(會過大導(dǎo)航嗎?)
在導(dǎo)航中使用小文本可能很棘手。它需要足夠大的閱讀和輕松點擊。使用一個超級可讀的簡單字體很重要，因為微小的文字對于眼睛來說可能有點困難。
拉普蘭的魔術(shù)在主菜單欄中發(fā)現(xiàn)了一個很好的中間地帶的小文本元素。每個元素周圍有很多間距 - 有些甚至使用雙層面，而黑色背景上的簡單的無襯線，有助于可讀性。在旅行者主導(dǎo)航之上，還有第二級別的“不太重要”的小文字。
4.展示空間
當(dāng)畫布很大時，微小的文字最有效。小元素與廣闊空間的對比可以令人驚嘆。大塊的小文本可能會令人震驚，難以閱讀，因此保持文本元素簡潔。
也應(yīng)該使用色調(diào)文本，其目的不同。在跳入這個設(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)建一個可視元素
文本元素主要存在于閱讀中。這是完美的，邏輯的意義。
但是，有時候，文本元素有助于作為視覺元素的一部分，并且它們是否被閱讀是不太重要的。(這需要規(guī)劃和大量的設(shè)計對話，所以不要想到這個概念)。
HTML漢堡包使用幾層小小的文本。小文本被用作具有超大標(biāo)題處理的描述符。每個“漢堡”包裝紙都使用微小的文字來創(chuàng)建酷炫的視覺元素，并提供更多有關(guān)該公司的信息。這是一個你看不到的設(shè)計大綱，在這種情況下，它是有影響力的。(但這種技術(shù)相當(dāng)困難，請謹(jǐn)慎行事)
結(jié)論
要走小還不行?這可能是一個艱難的決定。雖然使用小文本是有爭議的，但適用于微小的排版。為了確保您的設(shè)計中的小文本有效，請給予足夠的空間，使用高度可讀性的字體，并使用其他設(shè)計線索來幫助用戶使用這些單詞。
最后，如果您打算嘗試使用小文本，請謹(jǐn)慎使用。這不是一種技術(shù)，可以幫助您更好地進(jìn)行設(shè)計。它最有效地用于有針對性的展示位置中的小文本塊。
【網(wǎng)頁設(shè)計中使用微小文字的方式】相關(guān)文章：
如何使用網(wǎng)頁設(shè)計中的圖片敘事07-28
網(wǎng)頁設(shè)計中字體和文字搭配的技巧10-01
網(wǎng)頁設(shè)計文字排版10-07
數(shù)據(jù)在網(wǎng)頁設(shè)計中顯示方式設(shè)計的基本方法10-27
網(wǎng)頁設(shè)計中圖片有哪些常見的使用技巧03-21