當前位置:才華齋>設計>網頁設計>

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

網頁設計 閱讀(9.4K)

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

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

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

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

1.建立層次結構和組織

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

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

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

讓你看看

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

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

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

3.建立互動導航

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

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

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

4.展示空間

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

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

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

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

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

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

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

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

6.建立一個可視元素

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

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

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

結論

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

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