一、什么是網(wǎng)頁設計的粗野主義 ？

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

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

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

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

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

二、為什么粗野主義會在網(wǎng)頁設計中興起？

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

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

三、粗野主義網(wǎng)頁設計的特點

1. 突破常規(guī)的配色

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

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

kaskadproject.com

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

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

namespace.studio

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

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

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

wikipedia.org

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

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

studio-job.com

5. 視覺沖擊和壓迫

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

四、粗野主義風格的網(wǎng)站靈感

1. Butalist Websites

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

"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

“在其粗獷和不關心顯得舒適或輕松的特質中，粗野主義可以被視為年輕一代對當今網(wǎng)頁設計的輕盈、樂觀和輕浮的一種反叛?！?/p>

brutalistwebsites.com

2. Awwwards/collections/brutalism/

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

總結

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

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

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

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

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

作者：Ricoui