網(wǎng)頁設計的大趨勢之一就是超小。“微小”文本元素已經(jīng)成為一個流行的想法，但這是一個設計趨勢，引發(fā)了一些爭論。

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

加入我們，我們來看看這個小小的文字趨勢，并提供一些設計靈感的例子。

1.創(chuàng)建層次結構和組織

雖然超大文本一直是主頁和標題一段時間的主要選項，但是在桌面顯示器的第一個屏幕上提供更多信息的轉變。（其中一個原因可能是屏幕尺寸不斷增加，給設計人員更多畫布）。

這就是“微小”的文字。使用不同的大小和比例尺度的排版，創(chuàng)造出獨特的視覺流程，通常從大字體到小。通過使用一級的微小文本 - 通常小于14到16點的普通身體類型大小，您可以為用戶創(chuàng)建一個附加點。微小的文字，特別是與其他文字大小一起使用時，可以繪制用戶，因為它是不同的。

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

讓你看看

有時候，小巧的文字就是設計出來，讓你看起來或者瞥一眼。
由于通常意外或與用戶在許多其他網(wǎng)站上看到的不同，設計元素會吸引您。

一個不怕前衛(wèi)的品牌，露水是采用超小型標題處理。它確實讓你看起來。標題完全符合X的頂點，從NBA播放器視頻屏幕上移動到標題到品牌標識符的動作中，創(chuàng)造出獨特的眼睛運動模式。即使是采取行動也是很小的，但是由于感覺有意而使用者感覺不舒服。

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

雖然許多網(wǎng)站完全剝離了主頁，有利于漢堡包/隱藏風格的菜單項，但使用微小的文本可以使一些元素回到屏幕上，而不會感到干擾。它是設計模式中的一個潮流和流動之一，從一個極端到另一個極端。（會過大導航嗎？）

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

拉普蘭的魔術在主菜單欄中發(fā)現(xiàn)了一個很好的中間地帶的小文本元素。每個元素周圍有很多間距 - 有些甚至使用雙層面，而黑色背景上的簡單的無襯線，有助于可讀性。在旅行者主導航之上，還有第二級別的“不太重要”的小文字。

4.展示空間

當畫布很大時，微小的文字最有效。小元素與廣闊空間的對比可以令人驚嘆。大塊的小文本可能會令人震驚，難以閱讀，因此保持文本元素簡潔。

也應該使用色調文本，其目的不同。在跳入這個設計趨勢之前問問自己：為什么我在這里使用小文本？它有助于我的網(wǎng)站設計的意義？

如果你沒有這些問題的固定答案 - “因為我想”不算，那么你應該考慮別的東西。

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

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

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

有時屏幕上最重要的元素不是刻字。文字是次要的視覺元素。

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

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

文本元素主要存在于閱讀中。這是完美的，邏輯的意義。

但是，有時候，文本元素有助于作為視覺元素的一部分，并且它們是否被閱讀是不太重要的。（這需要規(guī)劃和大量的設計對話，所以不要想到這個概念）。

HTML漢堡包使用幾層小小的文本。小文本被用作具有超大標題處理的描述符。每個“漢堡”包裝紙都使用微小的文字來創(chuàng)建酷炫的視覺元素，并提供更多有關該公司的信息。這是一個你看不到的設計大綱，在這種情況下，它是有影響力的。（但這種技術相當困難，請謹慎行事）

結論

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

最后，如果您打算嘗試使用小文本，請謹慎使用。這不是一種技術，可以幫助您更好地進行設計。它最有效地用于有針對性的展示位置中的小文本塊。

本文來源于成都網(wǎng)站建設公司與成都網(wǎng)站設計制作公司-創(chuàng)新互聯(lián)成都公司！

本文名稱：6種微小文字設計方式
網(wǎng)頁鏈接：http://www.rwnh.cn/news11/315911.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供微信公眾號、網(wǎng)站設計公司、網(wǎng)站排名、小程序開發(fā)、標簽優(yōu)化、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經(jīng)允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)