糟糕到極致,反而成了刻意為之的美

在這個充斥著柔和漸變、圓角邊框和像素級完美模板的網(wǎng)絡(luò)世界里,一股新的設(shè)計(jì)浪潮正故意反其道而行——刻意為之。他們擁抱尖銳的線條、沖突的色彩、原始的HTML代碼,以及仿佛在對你吼叫的版式。這種風(fēng)格被稱為新粗野主義,如今它已席卷數(shù)字設(shè)計(jì)領(lǐng)域。

既然稱之為新粗野主義,就不得不追溯它的起源。為此,我們需要回到很久以前。

首先,“粗野主義”從何而來?

材料的誠實(shí)性

70多年前,二戰(zhàn)后的歐洲面臨材料短缺、住房危機(jī)和經(jīng)濟(jì)壓力。混凝土因其廉價、耐用和可塑性成為解決方案。法國-瑞士建筑師勒·柯布西耶從中看到了潛力——不僅是實(shí)用價值,更是一種新的建筑表達(dá)形式。

對柯布西耶而言,混凝土不僅是功能性的。他主張“材料的誠實(shí)”——不加裝飾,不偽裝。這一理念與現(xiàn)代主義運(yùn)動不謀而合,強(qiáng)調(diào)清晰、功能,以及他所說的“真實(shí)呈現(xiàn)材料本質(zhì)”。

馬賽公寓(1947-1952年)是“裸露混凝土”(béton brut)與粗野主義建筑的標(biāo)志性作品(來源:say hi to_)。

從“裸露混凝土”到粗野主義

原始混凝土——béton brut——成為柯布西耶的標(biāo)志。他的建筑暴露紋理、展現(xiàn)瑕疵,結(jié)構(gòu)大膽而醒目。這種風(fēng)格迅速流行。

1949年,瑞典建筑師漢斯·阿斯普倫德戲稱一棟粗糙的混凝土房屋為“粗野主義”,這一名稱從此被沿用。英國建筑師艾莉森與彼得·史密森后來嚴(yán)肅地接納了它。1955年,建筑評論家雷納·班漢姆在《新粗野主義》中正式定義了這一運(yùn)動,將其根植于結(jié)構(gòu)清晰與原始表達(dá)。

從現(xiàn)代主義到后現(xiàn)代主義——粗野主義的演變

為何不大膽張揚(yáng)?

粗野主義誕生于現(xiàn)代主義的理想——真實(shí)、功能、清晰——但并未止步于此。到了1970至1980年代,設(shè)計(jì)師開始反抗現(xiàn)代主義的嚴(yán)肅性與過度秩序。

后現(xiàn)代主義以叛逆姿態(tài)登場。它擁抱矛盾、諷刺、裝飾與混亂,并質(zhì)問:為何不能古怪?為何不能喧鬧?為何要遵守規(guī)則?

后現(xiàn)代主義的先驅(qū)羅伯特·文丘里用一句標(biāo)志性口號挑戰(zhàn)了現(xiàn)代主義的教條:“少即是乏味。”

文丘里設(shè)計(jì)的范娜·文丘里住宅被視為后現(xiàn)代建筑的開山之作,打破了現(xiàn)代主義的刻板規(guī)則(圖片來源:ArchDaily)。

孟菲斯設(shè)計(jì)小組:讓設(shè)計(jì)喧鬧起來

這種叛逆精神不僅限于建筑。1980年代,意大利設(shè)計(jì)師埃托雷·索特薩斯創(chuàng)立的孟菲斯小組徹底顛覆現(xiàn)代主義的“高雅品味”,擁抱沖突的色彩、狂野的圖案和卡通幾何。

與文丘里一樣,孟菲斯小組拋棄規(guī)則手冊,質(zhì)疑功能,刻意制造不適感。而這種混亂而富有表現(xiàn)力的態(tài)度,正是當(dāng)今數(shù)字新粗野主義的精神內(nèi)核。

孟菲斯小組的作品集(圖片來源:Wikipedia)。其 playful, postmodern approach made an unexpected comeback

網(wǎng)絡(luò)粗野主義的初次登場

在新粗野主義成為焦點(diǎn)之前,網(wǎng)絡(luò)早已經(jīng)歷過一次低調(diào)的粗野主義浪潮——始于2010年代中期。像Craigslist、Drudge Report或LingsCars這類網(wǎng)站并非追求時尚,它們只是純粹的功能至上,常被視作“丑陋”。

隨后,一些網(wǎng)站將這種原始風(fēng)格轉(zhuǎn)化為宣言。2014年上線的BrutalistWebsites.com收錄了一批擁抱原始HTML的數(shù)字空間——未修飾的鏈接、生硬的方框、系統(tǒng)字體,以及毫不妥協(xié)的錯位版式。

這波早期的網(wǎng)絡(luò)粗野主義并非潮流,而是一種反抗。對年輕設(shè)計(jì)師而言,將這些原始、未經(jīng)打磨的網(wǎng)站重新定義為“粗野主義”,反而成了一種對抗網(wǎng)絡(luò)同質(zhì)化的新鮮靈感。

sshh.nyc是brutalistwebsites.com收錄的典型代表。

現(xiàn)代網(wǎng)絡(luò)變得乏味

千篇一律的設(shè)計(jì)

隨著數(shù)字設(shè)計(jì)的成熟,它也變得越來越“安全”——標(biāo)準(zhǔn)化網(wǎng)格、圓角陰影、“簡潔”的UI套件、“友好”的無襯線字體……一切看起來都像是不同色調(diào)的LinkedIn。

設(shè)計(jì)師們感到厭倦,部分人轉(zhuǎn)向?qū)嶓w產(chǎn)品或?qū)嶒?yàn)性藝術(shù)創(chuàng)作。用戶也察覺到:網(wǎng)絡(luò)失去了鋒芒。

用意圖打破沉默

新粗野主義對此發(fā)起反擊。正如現(xiàn)代主義演變?yōu)楹蟋F(xiàn)代主義,粗野主義如今也蛻變?yōu)橐环N更張揚(yáng)、更夸張且自知的風(fēng)格。

新粗野主義嘲弄精致。它不追求平滑,而是玩弄不適感,即使這對某些人來說顯得混亂或丑陋。但單純的“丑陋”或打破規(guī)則并非其本質(zhì)。與反設(shè)計(jì)不同——后者可能為混亂而混亂——新粗野主義仍有規(guī)則,只是選擇大聲打破它們。

打破規(guī)則意外降低了設(shè)計(jì)門檻

其魅力之一在于,新粗野主義讓非設(shè)計(jì)師也能參與創(chuàng)作。無需糾結(jié)完美的邊距或像素級對齊,只要忠于核心信息,盡可堆砌原始元素與粗獷裝飾。這種對僵化規(guī)則的解放,讓更多人敢于創(chuàng)造——但要想有效打破規(guī)則,仍需先理解規(guī)則。

如何識別新粗野主義?

新粗野主義表面看似隨機(jī)或混亂,實(shí)則有一套鮮明的視覺特征。

1. 對默認(rèn)元素的趣味改造

它摒棄過度打磨的現(xiàn)代風(fēng)格,擁抱原始HTML基礎(chǔ)——默認(rèn)按鈕、復(fù)選框、鏈接。但并非原封不動,而是通過粗邊框、高對比色或夸張間距強(qiáng)化其粗糙感。“默認(rèn)”成了美學(xué),而非限制。

cyanbanister.com:復(fù)古UI元素與模仿原始HTML的設(shè)計(jì)是新粗野主義的常見手法。

2. 超大且張揚(yáng)的字體

字體是主角。新粗野主義的字體往往巨大、等寬、怪誕或全大寫——憑借體量與重量強(qiáng)行吸引注意。

sui.io/overflow

3. 鮮艷色彩、高對比與極簡樣式

它崇尚極致對比:黑白配霓虹色或沖突的原色。刻意避免和諧——沒有柔和漸變,沒有微妙過渡。若使用漸變,也是大膽而直白的。

99percentoffsale.com運(yùn)用了醒目的高對比色彩。

4. 粗邊框與硬朗陰影

新粗野主義依賴粗輪廓、實(shí)心容器和生硬的投影來突出元素。效果如同線框剪貼或早期桌面UI,每個交互都被銳利地框定,令人無法忽視。

Gumroad的陰影并非柔和模糊,而是色彩鮮艷、邊緣鋒利。

5. 幾何圖形與視覺噪音

象征性斑點(diǎn)、僵硬矩形和突兀圓形頻繁出現(xiàn)。這些圖形故意打斷視覺流,通過沖突的色彩與玩味形式吸引注意。

Halo Lab為Cyboro設(shè)計(jì)的品牌與網(wǎng)頁。

6. 刻意制造不適

新粗野主義擁抱摩擦感——古怪的滾動、別扭的間距、錯位的對齊,或令人意外的懸停效果。它不是為了取悅,而是為了吶喊。

byooooob.com的圖形元素會追蹤鼠標(biāo)移動。

新粗野主義的意義與未來

新粗野主義正在成為……新模板

諷刺的是,隨著流行度的上升,新粗野主義也形成了自己的公式——超大字體、等寬字體、沖突色彩和過度使用的網(wǎng)格。它本為反抗同質(zhì)化而生,卻可能淪為新的陳詞濫調(diào)。

或許下一波浪潮不再關(guān)乎“粗野”或“美觀”,而是徹底拒絕潮流。又或許——它會提醒我們,最初為何要打破規(guī)則。

精選文章:

自然靈感與有機(jī)設(shè)計(jì):回歸本源

騰訊開源3D場景生成AI"混元世界模型1.0"

空靈優(yōu)雅:揭秘Christine的AI藝術(shù)世界

微軟測試在Copilot中將圖片轉(zhuǎn)換為3D模型的功能

辦公室不再僅僅是一個空間,而是一種吸引人才的策略