用4個章節，幫你快速了解網頁設計中的粗野主義

一、什么是網頁設計的粗野主義 ？

粗野主義 (Brutalism)：一種源于建筑領域的設計風格，強調原始、粗糙和反傳統的美學，注重功能性而非裝飾性，常使用大膽的排版、不對稱布局和強烈的對比色。

“Brutalism”（粗野主義）一詞源自法語術語 béton brut，意為“裸露混凝土”、"清水模"或“清水混凝土”，指未經修飾、直接暴露的混凝土表面。這一術語最初用于描述 20 世紀 40 年代末至 50 年代初在英國興起的一種建筑風格。粗野主義建筑以其裸露的混凝土結構、嚴峻的幾何形體和強調建筑材料本身的質感為主要特征，并在 20 世紀 50 年代至 70 年代間傳播到世界各地。

審計委員會 Tribunal de Contas / Aflalo y Gasperini 圣保羅, 1971

粗野主義是一種原始、極簡的設計風格，它重視功能而非形式和美學。它往往以極其簡單，幾乎是極簡主義的方法來處理布局和 UI 設計為特征。是對原始、引人注目的視覺設計的一種大膽、反直覺的詮釋——并且很難用定義來界定，因為它本質上旨在挑戰定義。

和大多數潮流的興起一樣，粗野主義是對之前風格的一種反動：一種想要拋棄早期繁復、難以言喻的華麗設計的愿望。

更多相關干貨：

二、為什么粗野主義會在網頁設計中興起？

早期的網頁迭代都專注于原始的功能和內容：粗暴累贅的 HTML 編碼網站和大膽的 90 年代設計主題，在概念上自然類似于建筑粗獷、暴露結構的定義特征。這本身就是一個實用性問題。隨著時代的發展，網頁才慢慢變成了我們今天看到的樣子（絕大多數）——布局合理、遵循用戶體驗、注重美學和色彩理論等。思想、文化、審美、需求是多元的，對于網頁的追求也是，主流網頁追求高級美觀和完美體驗，也同時有了粗野主義發展的土壤。

一些人認為主流網頁高級的美學和體驗，會營造一種美麗的假象，讓人會下意識忽略隱藏網頁背后可能存在的缺乏道德和惡意的真實意圖。粗野主義網頁設計的流行，或許也反映了人們希望互聯網能夠更透明、更直接。人們希望網站的底層邏輯和真實意圖能像粗野主義建筑展示它的原材料和社會理念一樣，一目了然。

三、粗野主義網頁設計的特點

1. 突破常規的配色

粗野主義在建筑學領域經常大量使用灰色、黑色、棕色等冷峻氛圍的配色。網頁的粗野主義則不同，更多使用刺眼、沖突的色彩搭配來進行設計，和主流的網頁美學及色彩理論逆道而行。

“我們并不需要所有映入眼簾的都是完美的東西。”

kaskadproject.com

2. 非標準的導航和信息層級設計

通常，UX/UI 設計師會遵循用戶體驗原則，以及合理的信息層級來減少用戶認知負荷，并提高網站導航的便捷性。而粗野主義則相反，喜歡使用非標準的導航和粗獷的信息展示方式。

namespace.studio

3. 原始和粗糲的設計理念

從布局排版到色彩搭配，粗野主義網站有意營造出一種原始和未經打磨的環境。這可以從上世紀中葉的建筑中找到靈感和來源，由于時代背景和氛圍的影響，建筑強調原始、粗糙的外觀，呈現出混凝土的真實紋理，不做過多修飾。

讓人想起互聯網早期沒有使用設計排版和美化的網頁狀態，是對于當前主流網頁文化背對而行的設計理念，拋棄美化和裝飾，展示真實而粗糲的本質。

wikipedia.org

4. 重復、獨特的形狀和圖案

粗野主義風格的網頁設計通常包含重復的形狀或圖案，或者是二維、三維的獨特圖形，這保持了一種獨特的視覺體驗，也經常從上世紀粗野主義盛行的建筑中找到元素和靈感運用，這是對粗野主義建筑的幾何特征的理念延續和模仿。

studio-job.com

5. 視覺沖擊和壓迫

粗野主義時期的建筑龐大而不加修飾，外露的清水混凝土和冷峻的幾何結構，帶來一種粗野巨獸般的壓迫感，這種視覺體驗也延續到了粗野網頁設計中，并且在網頁中的運用更加的大膽和自由隨性。尤其在追求細膩體驗和美觀的主流文化對比下，粗野主義網頁更顯得逆反和異化。

四、粗野主義風格的網站靈感

1. Butalist Websites

brutalistwebsites.com 這個網站的內容和命名一樣直接，收集粗野主義風格的網頁。內容只有一小段介紹和案例。

"In its ruggedness and lack of concern to look comfortable or easy, Brutalism can be seen as a reaction by a younger generation to the lightness, optimism, and frivolity of today's web design." —— Brutalist Websites

“在其粗獷和不關心顯得舒適或輕松的特質中，粗野主義可以被視為年輕一代對當今網頁設計的輕盈、樂觀和輕浮的一種反叛。”

brutalistwebsites.com

2. Awwwards/collections/brutalism/

Awwwards 是一個知名的網頁設計靈感與獎項平臺，在合集中專門收集粗野主義風格的網頁設計作品，供設計師獲取靈感。這個合集在設計感和交互動畫各方面都會更加的優秀。

總結

粗野主義網頁設計并不是說拋棄設計，而是把網站的“骨架”直接展現出來，比如用最基礎的排版、按鈕和鏈接，不做多余裝飾。這樣做，是想讓用戶一眼看清網站的結構和意圖，減少誤導和隱藏，讓一切都“擺在明面上”。把注意力拉回到內容和功能上，讓用戶更容易找到自己需要的信息。

粗野主義的“粗糙感”其實是一種態度，傳遞出網站獨特的氣質和反叛精神。它挑戰主流審美，不怕“看起來不完美”，反而用這種“原始感”表達真實和自我。

設計是一個循環，粗野主義從誕生到今日，從潮水來回往復，當然在每個時代都會結合當時時代的特征和文化理念，糅合出新的設計色彩。

比如新粗野主義（Neo-Brutalism），后現代粗野主義（Postmodern Brutalism），工業粗野主義（Industrial Brutalism），賽博粗野主義（Cyber Brutalism）等等，都是時代追求和復古思潮融合下的產物，這些風格源于粗野主義的原始力量和功能性核心，但通過與其他審美或功能需求的結合，形成了多樣化的衍生流派。

當然這些衍生的設計風格我們也會在后面的文章中繼續來談談。