網頁設計中的不同新趨勢一直在出現和消退之間交替。 這只是一個正常的循環, 但目前吸引設計師和品牌關注的一個新趨勢就是寬字型的網頁設計風格。
這種排版風格以其擴充空間的字母形式和有影響力的存在感為特徵,不僅僅是一種轉瞬即逝的時尚。 這是經典風格的復興,現在與 neubrutalism 的大膽交織在一起,neubrutalism 是一種以原始、未經過濾的美學而聞名的設計運動。

首先,讓我們來描述一下什麼是寬字型的設計風格。
什麼是寬字型風格?
顧名思義,寬字型風格涉及具有擴充空間、誇張、橫向比例的排版。 這是設計界的大膽設計風格,讓人想起20世紀中葉的排版,但加上了一些現代原素。 但是,現在這些字型不僅更寬闊, 他們還具有一種個性,誇張、自信和毫不掩飾的特徵。

從歷史上看,寬字型風格起源於50年代和60年代的廣告和印刷媒體。 這是一種吸引注意力的方式,在一個充滿新產品和想法的世界裡能夠更為凸顯。
網頁設計中的新蠻主義
Neubrutalism,設計界的叛逆之子,能與寬字型風格和諧相處。 源於野蠻主義的建築運動,網頁設計中的 neubrutalism 都是關於原始的、未經精煉的和功利主義的美學。 這是對多年來主導數字設計的時尚、過度拋光的設計有著強烈的對比。

寬字型風格創造了一種既引人注目又接地的設計語言,一種誠實直接的視覺故事講述方法。


行動中的寬字型
探索真實世界的例子,對當代網頁設計中如何使用的字型提供了寶貴的見解呢。 讓我們來看看幾個著名的網站、字型和設計,這些網站、字型和設計很好地捕捉到了寬闊的字型的新趨勢!
USSR 設計年歷
USSR 設計年歷網站 是一個令人著迷的廣泛行動展示。 該網站使用粗體、拉伸的字母形式,立即引起大家的注意。
這裡的排版作為一個核心設計元素,引導使用者的目光,為瀏覽體驗定下基調。 寬字型,結合極簡主義的佈局和鮮明的色彩對比,也囊括了neubrutalism的精髓。

DEMO Festival
DEMO Festival’s website 提供了另一個耐人尋味的例子。 在這裡,寬字型被用來創造一種運動感。 排版以多種方式跨越螢幕,打破了傳統界限,創造了身臨其境的體驗。
它是藝術和功能的融合,寬大的字型在概念上反映了節日:它突破了創意的界限。

Gumroad
Gumroad的品牌,雖然沒有在最嚴格意義上使用寬字型,但透過使用具有獨特細節的幾何字型,與趨勢保持一致。 例如,Degular字型雖然不寬,但具有具有時髦細節的幾何字型的整體感覺。
這種風格透過提供視覺上有趣的對比來補充寬字型——結構化幾何形狀與擴充套件形式相得益彰,創造了一個平衡而動態的視覺層次結構。


Dropbox’s Sharp Grotesk
Dropbox使用 Sharp Grotesk 是使用寬字型風格的一個典型例子。 這種字型選擇標誌著Dropbox品牌標誌的重大轉變,從友好、平易近人的外觀轉變為更成熟、更通用的外觀。
Sharp Grotesk的寬廣寬度和重量允許靈活而有凝聚力的視覺語言。


Streamline Shopify Theme
另一個例子可以在Shopify上的 Streamline主題 中找到。 這個主題是為有影響力的視覺故事而設計的,很好地利用了寬廣、大膽的排版來創造一種即時感和現代風格。
這裡的寬字型在網站的標題和重要的行動呼籲區域中很突出,既吸引了人們的注意,又傳達了自信的資訊。

FATES World
FATES World’s website 是一個引人注目的例子,說明寬字型可以與科幻和復古未來主義設計融合在一起。 該網站使用寬大、大膽的字型,囊括了科幻敘事的精髓——廣闊、未被探索和前瞻性。
這種排版選擇補充了該網站的主題內容,該主題內容圍繞著太空探索和未來主義概念。

Claud
我們最後一個例子來自 Behance 上的 Claud 專案,該專案展示了未來主義設計中廣泛字型的巧妙整合。 大膽、延伸的排版補充了該專案的主題,該專案似乎植根於數字藝術、角色設計和加密品牌標識的融合。
克勞德的寬字型使其感覺現代,增強了展示的敘事。 它呈現出趨勢和相關性。

用寬字型設計
將寬字型設計風格納入網頁設計之中,不僅僅是選擇粗體字型,這也是關於製作一個品牌故事,並創造與觀眾產生共鳴的視覺衝擊。
以下是將寬字型納入網頁設計時需要遵循的一些最佳做法:
- 平衡是關鍵: 寬字型本質上是粗體的。 平衡它與負空間和更微妙的設計元素,確保排版脫穎而出,而不會壓倒設計。
- 可讀性很重要: 雖然擴充套件字型會發出宣告,但它們不應該影響可讀性。 仔細考慮間距、尺寸和對比度是必須的。
- 上下文使用: 當與品牌的身份和資訊保持一致時,Wide Type效果最好。 它應該增強內容,而不是分散它的注意力。
- 響應式設計: 對於不同的螢幕尺寸,確保寬字型比例適當至關重要。 它應該在不破壞小螢幕上的佈局的情況下保持其影響力。
在您的網頁設計中加入寬字型可以為您的佈局增加深度、衝擊力和特徵。 當有效使用時,它可以提升您網站的整體視覺吸引力,並增強使用者體驗。
網頁設計中的字型排版趨勢
隨著設計界接受受neubrutalism啟發或與neubrutalism相吻合的寬字型的整體大膽性,問題出現了:網路排版世界的下一步是什麼? 以下是我們認為接下來的內容的簡要概述:
- 持續的進化: 就像寬字型捲土重來一樣,我們可以期待其他歷史排版風格在現代背景下被重新想象。
- 顏色和紋理的實驗: 大膽的字型與創新使用顏色和紋理的相互作用可能是推動這一趨勢的下一步。
- 無障礙焦點: 越來越強調可訪問性將影響字型的使用範圍,確保設計不僅具有影響力,而且具有包容性。