網頁設計中使用微小文字的方式

網頁設計的最大趨勢之一就是超小。“微小”文本元素已經成爲一個流行的想法,但這是一個設計趨勢,引發了一些爭論。那網頁設計中使用微小文字的方式有哪些?歡迎大家閱讀!更多相關信息請關注相關欄目!

網頁設計中使用微小文字的方式

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

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

1.創建層次結構和組織

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

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

Maxime Bonhomme在投資組合網站設計中使用微小的文字。最小的文本元素提供關於項目的關鍵細節,而較大的類型給出了工作的描述。請注意微小的文本元素的作用部分是因爲每個複製塊周圍的空間和合約量。

讓你看看

有時候,小巧的文字就是設計出來,讓你看起來或者瞥一眼。

由於通常意外或與用戶在許多其他網站上看到的不同,設計元素會吸引您。

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

3.創建互動導航

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

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

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

4.展示空間

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

也應該使用色調文本,其目的不同。在跳入這個設計趨勢之前問問自己:爲什麼我在這裏使用小文本?它有助於我的網站設計的意義?

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

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

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

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

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

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

6.創建一個可視元素

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

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

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

結論

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

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