目前,網站設計的大趨勢之一是使網站所承載的內容極簡化和微小化,“微小化” 的文字元素已經成為一種流行趨勢,但這種設計趨勢,在設計領域同樣引發了一些爭論。

  

       毫無疑問,小文字在大小和尺寸上可能會導致一些可讀性問題。但如果您用心並處理得當的話,小文字區塊實際上可以幫助您建立一個視覺焦點和重心,並將多使用者吸引到設計的特定部分。

  接下來,跟上思維,讓我們來看看這個微小的文字趨勢應該如何實現以及它將如何發揮作用,以幫助您獲得一些設計靈感。

  1 、建立層次結構和組織感

  儘管超大型文字隨著使用已經在設計領域打下一定的基礎,成為主頁和標題設計的主要選項。但是目前有一種趨勢——在瀏覽器或桌面的個屏上儘可能在保證視覺的基礎上提供更多的資訊 (原因之一可能是裝置尺寸和解析度的不斷增加,給設計師更多的設計空間) 。

  這也就是 “微小化” 文字 “橫空出世” 的原因。字型的大小和比例的不同,使得排版有明顯的視覺流動感。透過使用一層很小的文字 (通常使用 14 到 16 點的尺寸大小),您可以建立一個額外的焦點讓多使用者聚焦。小文字,特別是與其他較大文字一起使用時,可以吸引多使用者,因為它們是不同的,這在視覺上就形成了對比。

  Maxime Bonhomme 在其網站設計中使用了小文字。您可以看到,微小化的文字元素提供了關於專案的關鍵細節,而更大的文字則負責提供工作的描述。您需要觀察和注意這些周圍有大量空間和內容的微小文字元素是如何工作的。

  2 、形成風格

  有時候,微小化文字資訊的設計目的是為了引起您的注意或者讓您忍不住想看第二眼。

  因為它的出現經常是出乎意料的,或者不同於多使用者在其他網站上看到的,所以設計元素可以一下子就吸引多使用者。

  Mountain Dew,一個永遠不懼於引領時尚的品牌,在它的網站設計上使用了一個超級小的標題,不過,它確實能夠讓您一下子注意到它。這個標題完全和 X 的頂點契合,創造出一種獨特的閱讀模式。即使是對互動動作的設計他們也儘量做到微小,它不會讓多使用者感到不舒服,因為它感覺是故意的。

  3 、建立吸引人的導航

  雖然現在的主流並且很多網站設計都取消了主頁的導航功能,但實際上它們只是變更了導航的表現形式,將他們替換為漢堡/隱藏的樣式選單導航,使用小文字可以讓一些元素回到螢幕上,而不讓人覺得受到打擾。它是設計模式中的一個流程,從一個極端到下一個極端。

  確實,在網頁設計的導航中使用小文字是一件很棘手的事情,因為它需要足夠大,以便可以被輕鬆閱讀和點選。使用簡單的字型也是非常重要的,因為小文字對眼睛的適應來說可能有點困難。

  Magic of Lapland 貌似對在主選單欄中使用微小文字這個問題找到了一個很好的解決方案。在他的網頁設計的主導航中,您可以看到每個元素都有足夠的間距,有些甚至使用雙倍間距,並且在黑暗背景下,白色無襯線字型有助於可讀性。

  4 、展示空間

  當頁面的視覺空間很大時,微小文字有效。小元素和廣闊空間之間的反差是總是可以產生驚人的效果。不過,大量的小文字就不建議使用了,因為它們總歸在閱讀上並不是很好,所以要保持文字元素的簡潔。

  微小文字的使用在初您打算這麼做的時候就應該在您的思維中有一個特殊的目的性。在使用這個設計趨勢之前,您需要問問您自己: 為什麼我要在這裡使用小文字呢? 它對我的網站設計將有什麼貢獻或者意義呢?

  如果您對這些問題沒有可靠的答案 (當然 “因為我樂意” 不能算答案),那麼您應該考慮其他的問題,知道您確定它確實是您需要的。

  Moonfarmer 做了一個漂亮的示範,它向我們展示了微小的文字應該如何和空間搭配。該網頁設計使用了兩種級別的排版和大量的開闊的視覺塊來建立一種情緒,並在多使用者點選或滾動之前向他們介紹內容。小小的文字只是設計的眾多細節之一,讓您想停下來看看。元素之間有很大的對比,所以對於可讀性您可以不用有太多的顧慮。

  還有一點您需要記住:您不必到處使用小文字。把它當作一種特殊的藝術元素,就像在 Moonfarmer 的主頁上使用的小文字一樣,然後在整個設計的其餘部分將相同的字型增加到更常見的尺寸。

  5 、當文字不是重要的元素時

  有時,需要展示的重要的元素並不是文字,文字在視覺元素中可能只是次要的。

  Freelance TV 是一個很好的例子,說明如何使用小文字來幫助多使用者,同時允許另一個元素作為設計的主要部分。對於這個專案,視訊是重要的元素,您一樣就可以看出來,而小文字作為另一個元素,可以提供額外的資訊,並鼓勵多使用者進行訂閱或者註冊,不管它在主頁上的什麼位置出現。

  6 、建立一個可視元素

  文字元素的主要作用是用來閱讀的,這很符合邏輯。

  但有時候,將文字元素作為視覺元素的一部分,是否被閱讀的重要性就不那麼重要了 (這需要前期的計劃和大量的討論,所以不要在您突發奇的時候就草率的使用這項技巧) 。

  HTML Burger 的網站設計中使用了一系列的小文字圖層,將小文字用作描述大標題的視覺部分。在每個 “Burger” 包裝上都使用了小的文字,以創造出更酷的視覺元素。這是一個您可能不太常見的設計技巧和思路,在這種情況下,它是有影響力的 (但這種技術很難實現; 要小心行事) 。

  總結

  使用微小文字,或者不使用,這可能是一個艱難的決定。雖然小文字的使用是有爭議的,但對於小字型的使用還是有適當的用處的。為了確保在您的設計中新增有效的小文字元素,您需要給它足夠的空間,使用一個高度可讀的字型,並使用其他的設計元素來對比或者提示多使用者。

  後,如果您打算使用微小風格的文字內容在您的下一個設計專案時,當然,這是好事,但是我們也建議不要過多的使用它們。這不是一個能幫助您把更多的內容 “塞進” 您的設計的技術,它只在合適的位置,賦予一個直接的目的性才能發揮它大的效果。