粗野主義網頁設計、極簡主義網頁設計和 Web UX 的未來

網站是否變得更加混亂、雜亂和不完善？ 好的設計規則被打破了嗎？ 網絡變醜了嗎？ 這是一個新趨勢嗎？

如果您像大多數設計師一樣密切關注正在發生的事情，那麼您已經聽說過野蠻主義這個詞有一段時間了。 粗野主義網站正在擺脫長期以來一直是業界最佳實踐的用戶友好界面，轉而專注於不完美的手工編碼 HTML 網站。 似乎設計師正在剝離我們所知道的用戶體驗規則，讓一切都感覺有點混亂。

時尚、現代設計的原則是如此普遍，以至於我們幾乎不認為它們是一種風格選擇。 “好的”網頁設計通常意味著遵循極簡主義規則的網頁設計。 乾淨、簡單、整潔的界面——但並非總是如此。 讓我們把時鐘撥回幾十年。

網絡的誕生

自 1991 年第一個網站發布以來，網頁設計已經走過了漫長的道路。 互聯網革命始於它的第一個網站完全基於文本，使用第一代 HTML。

然後 Flash 出現了所有那些每個人都記得的瘋狂動畫網站。 CSS（層疊樣式表）的發展隨之而來，為網頁設計人員提供了對代碼中的背景顏色、文本大小和文本樣式等增強功能的更多控制。 JavaScript 為我們提供了下拉菜單、高級導航和帶有錯誤檢查功能的 Web 表單。

一開始，沒有人知道“網頁設計”的真正含義，網絡的先驅們通過反複試驗建立了設計模式。 網頁設計的早期時代使用的佈局很少關注形式語義和可訪問性，而是選擇美學而不是結構。

為了構建和構建他們的設計，設計師嚴重依賴 HTML 元素，如表格、嵌套表格和不可見的 1 像素間隔文件，從而為他們提供了創建更複雜的多列佈局的能力。 它造成了一些相當沉悶的界面。

在 2000 年代中期，網站在其結構背後誕生了更仔細的思考。 導航位於瀏覽器頂部，類別位於左側欄。 網頁保持短而窄，內容分佈在許多頁面上，以免強迫用戶滾動。 設計師們了解到什麼是有效的，並開始建立更好的網站，並在此過程中建立標準和最佳實踐。

隨著越來越多的佈局選項出現了各種嘈雜的 UI，到處都是圖像和文本。 然而，一些紀律嚴明的設計師仍然選擇極簡主義。

極簡主義美學

設計趨勢來來去去； 然而，極簡主義是一種隨著時間的推移而存在的設計語言。 它是一種專注於形式簡化的設計理念，通過利用設計中最簡單、最重要的元素來實現。

極簡主義並非網頁設計獨有。 想想你周圍所有包含該設計理想的元素； 很容易將極簡設計與 Nest、Apple、Herman Miller 和許多其他啟發了許多極簡設計師的公司聯繫起來。

是什麼讓 Herman Miller 的設計在今天仍然如此出色？ 它們只是精心設計的物品，具有永恆的外觀。 他的設計非常適合現代家居和室內設計——它們在今天仍然感覺新鮮和現代。 他的許多作品都以極簡主義的外觀設計，並不能真正與特定的時尚聯繫在一起。 他們仍然經受住了時間的考驗。

他那個時代最著名的平面設計師之一約瑟夫·穆勒-布羅克曼的極簡主義設計與赫爾曼·米勒的設計非常相似：永恆。 Muller-Brockmann 在 1940 和 1950 年代以瑞士設計風格的形式接受並掌握了極簡主義。

從他的平面設計中去除了任何多餘或多餘的裝飾； 他的佈局中的每個元素都有一個目的。 這種方法背後的設計思維使極簡數字設計在今天非常有效。

極簡主義如何在數字時代建立起來

歷史總能找到趕上我們的方法。 正如它在印刷設計中所做的那樣，極簡主義及其背後的理念趕上了網頁設計和其他數字產品。 想想幾年前網站的樣子，它們有光澤的按鈕、線條和文本段落，一切都在引起人們的注意。

然後是擬物化趨勢，設計師設計的元素在數字空間中模仿現實生活中的物體。 還記得 Apple iCal 中的皮革襯墊嗎？

最小的設計實際上是有意的。 這是一種去除所有不必要的設計方法，並專注於應該引起最大關注的元素——強調內容。

極簡設計的好處

極簡主義的設計方法之所以流行，不僅僅是因為它的外觀。 我們對用戶行為、設計思維過程的理解加深，以及內容優先設計過程的興起，都有助於推動這種思維向前發展。 最近移動用戶的大規模增長已經成為極簡主義的有力加速點，更加關注用戶體驗和可用性。

隨著用戶現在隨時隨地訪問互聯網，產品設計師必須專注於提供當下絕對必要的東西：在正確的時間以正確的方式提供正確的東西，將設計簡化為其最基本的特徵。

移動使用現在佔所有網絡訪問的一半以上，而且這個比例只會增加。 響應式設計已經改變了遊戲規則，並迫使設計師“思考不同”。 如今，響應式或自適應設計比以往任何時候都更成為移動世界的必需品，其中極簡設計方法至關重要。

對於普通用戶來說，極簡主義似乎是最容易設計的東西。 用最少的視覺內容達到完美的平衡，只關注最優雅的基本元素實際上是非常非常困難的。

極簡主義的未來

我們應該將極簡主義視為一個永恆的概念，散發著優雅和精緻，而不是一種實際的趨勢或簡單的過渡階段。 儘管它是永恆經典的，但它會不斷發展和改進，正如我們在 20 世紀初實施以來已經看到的那樣。

例如，谷歌的 Material Design 是受極簡主義啟發的“扁平化”設計方法的首批重大演變之一。 谷歌的設計師保持簡單和簡約，但通過使用陰影效果以及運動和深度的概念來增強他們的設計語言。 材料包含具有特定扭曲的平面設計：模仿真實世界的材料。

極簡主義的缺點

與生活中的其他元素一樣，我們總是要考慮利弊。 許多人爭辯說，今天的網站缺乏風味，而且大多都是相似的。 你知道——一個大的英雄圖像，或者帶有重疊文本的視頻，一排帶有文本的圖標，等等。 任何人都可以花幾分鐘的時間，想出 10 個彼此看起來非常相似的網站。 這是否反映了我們不斷變化的在線行為和偏好？

設計一致性和針對常見用戶行為的設計在每個設計中都極為重要，但我們不能忘記獨特的價值。 我們是否變得懶惰，或者我們已經將我們的想法從獨特性轉向更有效的用戶體驗策略？

網頁設計中的粗野主義

粗獷粗獷且不關心看起來舒適或輕鬆，野蠻主義可以被視為年輕一代對當今無所不在的極簡主義網頁設計的輕盈、樂觀和輕浮的反應。

有些人喜歡它，有些人討厭它，還有許多人就是不明白：野蠻網站。

以 Craigslist 為例。 Craigslist 必須被視為野獸派網站的“祖父”。 它在美學上並不令人愉悅，並且永遠不會出現在 www.awwwards.com 上。 黑色文本，藍色鏈接，白色背景。 這不漂亮。 不一定是因為它有效——而且效果非常好。 您可以毫不費力地找到您需要購買或出售的東西，也無需任何多餘的活動部件。

自 1996 年成立以來，Craigslist 一直保持其受歡迎程度，儘管——或者可能是因為——其極其實用的設計。 在過去的 20 多年中，該設計沒有發生任何重大變化。

也許是受到 Craigslist 的啟發，粗野主義風格正在捲土重來。 以下是使用野獸派風格的出色設計示例。

這些野蠻主義網站正在大肆流行。 為什麼這些網站突然變得如此受歡迎？ 是因為有些設計師只是厭倦了網絡的同質化嗎？

在用戶體驗設計至關重要、用戶行為和內容優先方法為王的時代，這些網站上的用戶體驗很糟糕（故意的）。 與極簡主義的原則相反，這些設計與文本和圖像的拼貼面對面，佈局無處不在（再次，故意）。

粗野主義簡史

野獸派的設計風格並不新鮮。 在維基百科上快速搜索會告訴你，這種風格實際上來自 1950 年代到 1970 年代中期的野獸派建築。 有趣的是，野蠻主義之後是現代主義建築運動，其中極簡主義是關鍵。

勒柯布西耶是這一運動的最大先驅之一。 他的職業生涯跨越了五個十年，在歐洲、日本、印度以及北美和南美設計了建築。

這個詞來源於法語單詞“ brut ”，意思是“raw”，因為 Le Corbusier 描述了他選擇的材料“ beton brut ”，即未加工的混凝土。 超功能主義的設計似乎只是為了提供實用性而不是為了取悅——就好像對現代主義有所幫助。

粗野主義試圖正視大規模生產的社會，從混亂而強大的力量中拖出一首粗獷的詩篇。 到目前為止，粗野主義一直在風格上進行討論，而其本質是道德的。 ——艾莉森和彼得史密森，新粗野主義，建築設計（1957 年 4 月）

粗野主義設計全面拒絕外觀，選擇功能而非形式。 野獸派設計師以用最少的努力和最便宜的材料來執行設計而自豪，以實現更誠實、反資產階級的結果。

數字時代的粗野主義

彭博以其自己的方式為其新聞網站採用了這種風格。 該設計幾乎是花哨的，並且明顯側重於原始功能。

粗野主義正在強勢捲土重來。 醜陋的，原始的，打破常規的設計，瘋狂的懸停效果和膚淺的裝飾無處不在。 許多純粹主義者認為這種趨勢苛刻、粗暴、粗獷、不舒服、對抗和憤世嫉俗。 它是。 故意。

粗野主義有一種更原始的設計方法，並將重點放回網頁設計的核心：它的代碼。 粗野主義經常被描述為一種“醜陋”的設計趨勢，但我們必須超越它。 野蠻運動背後的哲學不是讓事物變得“醜陋”，而是原始而樸素。

我們可以說，今天的野獸派網站基於 90 年代的 DIY 網絡，專注於由內而外的方法，而不是將功能隱藏在美麗的外觀後面。

流行的社交分享網站 Reddit 的 UI 設計毫無歉意地生硬和四四方方，充滿了 90 年代後期的網頁排版，粗獷的繁重控制，幾乎沒有垂直的呼吸空間。

設計師 Pierre Buttin 通過一系列重新設計的移動應用程序將野蠻主義推向了一個新的極端。 在他最新的名為 Brutalist redesigns 的項目中，Buttin 以粗獷風格呈現 Facebook、Instagram、Twitter 和其他流行的應用程序，具有大量文本的佈局和扁平化設計。

粗野主義與極簡主義

粗野主義和極簡主義不應該被比較看待，而是一種看待事物的新方式和另一種設計方法。 粗野主義是對當今網站和應用程序同質化的推動，但在設計師甚至可以開始使用粗野主義方法設計網站之前，他們首先必須知道他們將要打破哪些規則。

傳統的極簡主義設計不會被野蠻主義所取代。 我們必須將野蠻主義視為一種挑戰現狀的設計文化——一種厭倦了被告知什麼是“最好的”的文化。

在為您的下一個項目選擇這些樣式時，沒有對錯之分。 不過，在您用完並以粗野主義的設計風格設計下一個網站或應用程序之前，請確保您了解您的受眾。 如果您認為公司和您的觀眾會欣賞它，請承擔風險。

粗野主義的網頁設計吸引了人們的注意力，品牌知名度也在飛速增長。 規則是用來打破的。 敢於讓網絡成為網絡。 敢於脫穎而出，大膽一點，即使有點奇怪。

讓我們知道您的想法！ 請在下方留下您的想法、評論和反饋。

• • •

進一步閱讀 Toptal 設計博客：

• 設計原則及其重要性
• 最佳 UX 設計師作品集——鼓舞人心的案例研究和示例
• 探索完形設計原則
• Adobe XD 與 Sketch – 哪種 UX 工具適合您？
• 頂級設計師使用的 10 個 UX 可交付成果