野獸派 Web 開發的人格分裂

已發表: 2022-03-10
快速總結 ↬沒有裝飾,或者帶有灑水器的閃爍的霓虹燈裝飾? “野獸派”網站近年來蓬勃發展,但其指導理念仍不明確。

在近年風靡互聯網的所有設計趨勢中,野蠻主義無疑是最引人注目的,但定義最不明確。 各種主要品牌都在網上接受了“野獸派”美學。 對於那些有興趣在一個地方查看其中的選擇的人來說,甚至還有目錄。 這種風格已經很好地真正進入了主流。

Bloomber.com 的桌面主頁
Bloomberg.com 簡潔、嚴肅的設計於 2016 年上線,並於 2018 年進行了改進。它經常被吹捧為野蠻主義在網上發展的一個典型例子。 (大預覽)

事實上,野獸派網頁設計發展得如此之快,以至於對於實際風格似乎並沒有明確的共識。 對一些人來說,這意味著實用性,對另一些人來說,這意味著大膽。 就像它得名的架構一樣,野蠻的 Web 開發已經成為兩種相互競爭的哲學合二為一。 兩者都不一定是“正確的”,但了解差異很重要。 開始稱它們為不同的東西甚至可能是明智的。

跳躍後更多! 繼續往下看↓

粗野主義簡史

在我們超越自己之前,讓我們回顧一下“野獸派”這個詞——它的來源和含義。 粗野主義是二戰後興起的一種建築風格,在 50 和 60 年代達到頂峰。 倡導簡單的幾何設計和裸露的建築材料,這種趨勢在很大程度上是對前幾十年華麗、過度設計的結構的反應。

這個名字來自beton brut ,在法語中是原始或粗糙混凝土的意思。 混凝土是野獸派結構的常見材料,就像它對風格的簡潔方法一樣。 可以使用其他材料,但混凝土尤其常見。 無論結構是什麼,裝飾都被認為是不必要的。 形式和材料就足夠了。

英國喜歡灰色、單調的東西,特別喜歡這種風格。 這裡的野獸派建築的著名例子包括皇家國家劇院、巴比肯莊園和巴爾弗隆塔。 事實證明,它特別適用於公共建築——圖書館、劇院、大學、住宅區等。

倫敦皇家國家劇院
倫敦國家劇院。 它由 Denys Lasdun 設計並於 1976 年開放,是野獸派建築的教科書示例。 它是英國最令人討厭和最喜愛的建築之一。 亨利·海明攝。 (大預覽)

儘管沒有每個人都同意的包羅萬象的定義,但英國建築評論家雷納·巴南 (Rayner Barnam) 經常受到尊重,他在 1955 年的文章《論新粗野主義》(On the New Brutalism) 試圖勾勒出這種風格的核心思想。 為了讓那些不會閱讀整本書的人期待,巴納姆將哲學歸結為以下幾點:

歸根結底,建築和繪畫中新粗野主義的特徵恰恰是它的野蠻,它的je-m' en-foutisme,它的血腥頭腦。

粗略地翻譯, je-m' en-foutisme翻譯為“不要給出該死的態度”。 可以肯定的是,野獸派建築並不關心傳統的美標準。 他們也相當分裂。 有些人滔滔不絕地誇耀他們堅定、功利的性格,而另一些人則譴責醜陋、非人格化,以及,好吧,野蠻。

愛它或恨它,野獸派建築慶祝原始。 事實上,巴南在他的文章開頭引用了瑞士-法國建築師勒柯布西耶的一句話:“建築是與原材料建立移動關係。” 勒柯布西耶的 Unite d'habitation 住宅設計啟發了一代野獸派建築師。

馬賽 La Maison du Fada 的陽台
法國馬賽 La Maison du Fada 的陽台。 它由勒柯布西耶設計,於 1952 年完工,是野獸派住宅設計的先驅典範。 讓-皮埃爾·達爾貝拉攝。 (大預覽)

簡而言之,野獸派建築不僅將建築簡化為基本材料,而且在這種簡單性中找到了美。 批評者說這有點在你面前,有點客觀,甚至有點極權主義。 “原始”和“殘酷”的雙重含義模糊了定義,但通常,目標是原始的,結果被一些人認為是殘酷的。

自戰後全盛時期以來,這種風格已經不再受歡迎,但它仍然是最獨特的風格之一。 少數已獲得上市地位,我很高興他們擁有。 一個有野獸派建築的城市會有點多,但沒有任何建築的城市會更窮。

延伸閱讀

  • #SOSARCHITECTURE,野蠻建築的在線檔案
  • “令人難以置信的綠巨人:喬納森·米德斯(Jonathan Meades)的野蠻主義AZ”為衛報
  • 維基百科的野獸派建築列表

實用還是大膽?

那麼這一切與 Web 開發有什麼關係呢? 主要是哲學及其分裂的方式。 野蠻主義在網上找到了新的生命,尤其是在過去的三四年裡。 許多網站都使用了野獸派的綽號,隨著這一趨勢的興起,伴隨著 aw(ww)ards、文章和目錄的出現。

瀏覽這些內容,您可能會覺得併非每個人都在談論同一件事。 那是因為他們不是。 在 Web 開發的世界中,“野獸派”已經發展到包含各種風格。 將這些不同的方法混為一談對設計師來說是一種傷害。 我將網絡野蠻主義分為以下兩種類型,但正如我們將看到的那樣,這可能還不夠。

第一類:l'Internet Brut

第一種野獸派網頁設計與其建築前輩有更多共同之處。 將其視為l'Internet brut ,其中原材料是 HTML,在較小程度上是 CSS。 背景為淺色,文本為黑色,超鏈接為藍色。 有一些迴旋餘地,但這就是要點。 不屑一顧。 如果沒有顯示實際代碼,您將無法更粗略。

第一個網站
一開始是風格,風格是粗野主義,風格是粗野主義。 (大預覽)

這種風格的例子不勝枚舉,無論大小。 第一個網站是一個不經意的門徒,而最近程序員 David Bryant Copeland 的野獸派網頁設計為這種風格提出了一個可愛的小宣言。

在世界範圍內,其他具有強烈野蠻主義傾向的網站包括:

  • 克雷格列表
  • 維基百科
  • 一個列表分開
  • (舊)Reddit
  • 彭博社
  • 自由循環。

儘管這些網站的原材料非常相似,但它們看起來並不完全相同。 它們是圍繞其內容和目的而形成的。 就像他們的建築表親一樣,實際上形式多種多樣。

Craigslist 2020 年的倫敦主頁
一個適當的l'Internet 粗魯網站。 它甚至還有灰色! (大預覽)

正如您在上面的 Craigslist 主頁上看到的那樣,過度的方式很少,風格上的可能甚至更少。 20(!)年幾乎沒有改變,因為它不需要。 看一下代碼,即使是像我這樣的新手也可以了解這些頁面是如何組合在一起的。 你不必猜測它是如何建造的,因為它就在你面前。

對於這樣的網站,您經常會注意到與許多此類網站(市場、論壇、百科全書)所依賴的“公眾意識”重疊。 奇怪的是,像維基百科這樣的網站採用數字形式,比如羅賓漢花園。 布隆伯格在新聞領域也有很多公司。 近年來,《紐約時報》《華盛頓郵報》等報紙也採用了類似的直率、實用的設計。 新聞設計一直有強烈的野蠻主義傾向。

華盛頓郵報網站的桌面主頁
華盛頓郵報改版後的網站於 2015 年推出。報紙設計師馬里奧·加西亞當時稱讚它“避免了混亂和擁擠”。 (大預覽)

值得一提的是,這裡用作示例的幾個網站並非是野蠻的。 就像被廣泛認為是野蠻主義一詞的來源的哥特別墅一樣,它們開始變得實用而簡單。 他們被收養了,可以這麼說。 他們的成功啟發了(並繼續啟發)建築師和開發人員。 他們對外表如此漠不關心,以至於他們在不知不覺中成為了野獸派設計的光輝典範!

這種風格的網站並不總是尖叫美麗,但它們的功能卻很優雅。 它們毫不在意,樸實無華,使用網絡的原始元素為其目的而塑造。 (雙關語。)

類型二:l'Internet Fou

這就是分裂。 就在這兒。 那些對網頁設計趨勢稍有興趣的人都會知道,到目前為止,我們所看到的並不能解釋大量的“野蠻”網站。 正如 Vitaly Friedman 在 Smashing Book 6 中指出的那樣:

建築中的粗野主義的特點是對美學漠不關心,而不是故意破壞美學。 當應用於網頁設計時,這種風格通常伴隨著故意破壞的設計慣例和指導原則。

在過去幾年中,“野獸派”設計的興起更多地與野蠻有關,而不是與生硬有關。 這是一個更瘋狂的世界,有時接近無政府狀態。 在這裡,設計慣例被顛覆了,可用性是事後才想到的——這不是它被積極破壞的時候。 這些網站會提示標題為“風格重於實質”的文章,而華盛頓郵報將這種風格總結為“故意醜陋”。

藝術雜誌Toiletpaper的桌面主頁
藝術家雜誌衛生紙的主頁。 (大預覽)
自稱野獸派網站JI SOO​​ EOM的桌面主頁
JI SOO​​ EOM,另一個在野獸派網站目錄中找到的網站。 (大預覽)

在適當誘發偏頭痛的文章“野蠻主義:現代 webMAsTeRS 的野蠻網站”中,Awwwards 將這第二種菌株描述如下:

網頁設計中的粗野主義在理性主義和功能性面前一笑置之,在設計的世界裡,它可以被定義為自由風格、醜陋、不敬、原始和表面裝飾等。

我希望說這是一種完全不同的 type one 方法不會引起爭議。 有時,您可能會爭辯說這種方法更多地是藝術家和平面設計師的領域,因此,藝術是他們的網站可以採用的最原始的形式,但這有點牽強。 毫無疑問,野獸派建築可以漂移到“陳述”領域,但這不是它的自然領域。

粗野主義網站目錄表明,“粗野主義 [在線] 可以被視為年輕一代對當今網頁設計的輕鬆、樂觀和輕浮的反應。” 這其中有一些野蠻主義的創始精神,但它更加不敬和具有顛覆性。 它們可以以自己的方式非常漂亮,但也可以從與這個世界的 Craigslist 完全不同的布料剪裁而成。

這個小鎮對我們兩個來說不夠大

所以你有它。 當野獸派網頁設計沒有全神貫注於理性主義和功能性時,它會在理性主義和功能性面前大笑。 全清?

該術語已經發展到涵蓋在許多意義上相互矛盾的方法。 事實上,在 2014 年創造了粗野主義網站目錄後創立了粗野主義網站目錄的帕斯卡爾·德維爾認為,這種風格已經分裂為三個微觀風格:

  1. 純粹主義者,
  2. 用戶體驗極簡主義者,
  3. 反派(或藝術家)。

多年來審查了數百份提交,他比其他任何人都更了解。 他說:

純粹主義者強烈參考 Web Brutalism 的建築特徵,例如“真實材料”的概念和使用可用的最純粹的標記元素。 相比之下,UX 極簡主義者將效率和性能視為 Web Brutalism 的主要驅動力,甚至認為可能性的根本限制可以促進轉換。 “反派”或藝術家將網頁設計視為一種(仍然)被低估的藝術形式,並沒有表現出對現狀的太多尊重,而且大多受到負面報導。

什麼是“適當的”野獸派網站? 在某種程度上,答案取決於上下文。 如果一個網站屬於藝術家,那麼粗魯的東西可能比不關心的東西更合適。 不過,總的來說,在我看來,“反主義”類型的情感實際上更接近於像達達主義這樣的東西,它充滿了荒謬、歡笑和混亂,或者表現主義的前衛傾向。

Kurt Schwitters 和 Theo van Doesburg 的小達達之夜
Kurt Schwitters 和 Theo van Doesburg 的小達達之夜。 (大預覽)
Johannes Theodor Baargeld 對 Dada Baargeld 的描繪的典型垂直混亂
Johannes Theodor Baargeld 對 Dada Baargeld 的描繪的典型垂直混亂。 這些看起來更像是“野獸派”網頁設計的哪個分支? (大預覽)

我不希望這成為一種語義遊戲,不同的風格被整齊地歸檔到小盒子裡。 我更關心的是突出不同的方法,以便為每個方法提供蓬勃發展所需的空間。 正如德維爾承認的那樣,網絡的創造潛力仍在探索中。 “這是一種新的藝術形式,我很高興親身體驗,”他說。 “現在正在發生。”

這也有實際後果。 無論您是與客戶交談的開發人員還是與開發人員交談的客戶,明確您所使用的野獸派網頁設計版本是值得的。 如果您是真正的冠軍,您自然會向他們推薦這篇文章。 否則,像下面這樣的視覺示例可能是您切入主題的最佳選擇。

兩種不同野獸派網站風格的示例
他們都是“野蠻主義者”,所以請確定您要的是什麼。 左邊的設計是康斯坦丁格羅斯諾夫的一個項目。 (大預覽)

除此之外,也許我們應該開始給不同的風格起不同的名字。 我很感激這對很多人來說是相當不方便的。 已經購買了域名,獲得了獎項,並撰寫了文章,但未來的標籤似乎過於嚴格。 它不能再包含這麼多方法。 如果不出意外,野獸派 Web 開發的人格分裂表明,在 Web 設計中還有多少領域有待探索。

有無數的藝術流派——粗野主義、表現主義、浪漫主義、裝飾藝術、未來主義、達達主義、印象主義、荒誕主義、現代主義、極簡主義等等。 他們通過繪畫、建築、文學來尋找形式……為什麼不是網站呢? 正如下面的鏈接所示,我並不是唯一一個提出這個問題的人。 隨著每一種新的開發風格,“反主流”對於描述設計師正在做的事情變得不那麼充分了。 他們開始以前所未有的方式探索網頁設計的哲學。

  • 尼爾森諾曼集團關於野蠻主義和反設計之間的區別
  • 辯證法中的“網絡粗野主義與當代網頁設計”
  • Creative Bloq 詢問野獸派網站是否是網絡的“朋克時刻”
  • Nick Babich 概述了極簡主義網頁設計的原則,這是迄今為止最流行的在線“主義”。

野獸派網頁設計的“達達主義”風格有一件絕對正確的事情:網站的範圍太窄了。 網絡是一個無限的沙箱,在其中擁抱各種可能性只會是一件好事。 首先是擴大我們的詞彙量。