野獸派設計

粗野主義是 1920 年代中期出現的一種建築風格，儘管它的興起稍晚一些，即 1950 年代和 1960 年代。 它的特點是簡單而真誠的風格。 在野蠻主義中，形式追隨功能。

粗野主義建築通常由重複的模塊化元素構成，這些元素形成代表特定功能區的體量，清晰地表達並組合成一個統一的整體。 混凝土因其原始而樸實的誠實而被使用，因此與以精英美術風格建造的高度精緻和裝飾的建築形成鮮明對比。

很酷，對吧？ 但是您可能想知道，如果這個博客是關於技術和 WordPress 的，我們為什麼要談論架構。 好吧，原因很簡單：野蠻主義是一種設計趨勢，我們也可以將其應用於網絡世界……

網絡的起源及其圖形演變

對於我們的年輕讀者來說，網絡似乎一直存在，但與現實相去甚遠。 歷史上的第一個網頁是“最近”發布的，是在 1991 年？ 而且，如您所見，它非常簡單：

第一個網頁只是帶有超鏈接的文本。 但隨著技術的進步，可以添加的資源數量增加，創新的可能性迅速擴大。

在互聯網的早期，沒有人確切知道什麼是“好設計”（儘管我們有來自印刷世界的所有包袱），第一批網站管理員“盡其所能”創建有效的頁面佈局來展示內容。 還記得 90 年代初的設計，都是基於表格的嗎？

當然，這些設計或多或少在視覺層面“有效”，但在內部卻是絕對的災難。 HTML 結構只關注頁面的最終外觀，完全忽略了內容本身，因此根本無法訪問結果。 但我們都在學習如何“構建網絡……”

調色板、平面或逼真的圖標、動畫……所有更精細的細節，當它們組合在一起時，就會成為一種“設計趨勢”來來去去。 但是今天似乎有一個趨勢：簡單，幾天前露絲在查看蘋果及其設計原則時討論了這一點。

但現實比這一切都複雜。 並非所有網站都遵循相同的趨勢。 有些人遠離全球趨勢並探索其他道路。 他們打破了模式。 也許他們甚至創造了下一個趨勢……

網絡上的野蠻主義

粗野主義一詞來自法語“Beton brut”或“原始混凝土”。 因此，如果我們談論網絡上的野蠻主義，很明顯我們不是在談論“具體”，而是在談論“原始”。 野獸派建築希望忠實於它用作構建塊的材料，這也是我們作為 Web 開發人員也應該努力的目標。 至少，如果我們想創建野獸派網站。

這就引出了一個問題：我們用來構建網絡的“材料”是什麼？ 您可能會認為這些是 HTML 和 CSS，但請注意 HTML 和 CSS 對於網絡而言就像混凝土攪拌機或起重機對於建築而言：它們是我們用來“構建”我們的項目的工具。 因此，我們在網絡上使用的“原材料”就是內容。 這不應該讓你感到驚訝，因為每次我們提到內容為王時，我們都會在這個網站上詳細討論它。

粗野主義對其材料是真實的，因此作為 Web 開發人員和設計師，我們也必須誠實地對待我們的工作，並知道什麼是網站，什麼不是。 網絡不是雜誌。 它們不是應用程序。 它們不是廣告牌。 那麼為什麼它們應該與這些相似呢？

網絡上的野獸派設計原則

在設計野獸派網站時，您應該牢記一些基本原則：

1 – 內容應該無處不在

如果您創建一個沒有任何 CSS 樣式的網頁，並努力僅使用 HTML 標籤正確構建它，您就會知道該網站將在世界上所有瀏覽器中完美運行。 它不會是最漂亮的網站，但它會起作用。 它甚至可以在無屏幕瀏覽器中工作（是的，我說的是可訪問性）。 而且，如果內容為王，那就太棒了！

內容必須在沒有 CSS 的世界中工作並有意義。 設計網頁樣式絕對可以幫助您擁有自己的品牌，但它也可以打破它並使您遠離野蠻主義原則。

2 – 用戶與 Web 的交互受到 HTML 的限制和明確定義

使用 CSS 和 JavaScript，我們可以創建看起來像原生應用程序的網站，具有以前似乎不可能的交互、出色的動畫和令人驚嘆的過渡。 但這一切與內容完全無關……那麼我們如何在一個野獸派網站上設計有用的界面呢？

默認情況下，用戶只能通過按鈕、鏈接和表單與您的網站進行交互。 並且只有鏈接和按鈕可以被“點擊”。 這就是為什麼向他們展示原始內容很重要的原因：

自網絡誕生以來，超鏈接就遵循了一種清晰的模式。 它們就像普通文本，但它們的顏色是藍色的，並且它們的樣式帶有下劃線。 當超鏈接被訪問時，它的顏色變為紫色，這樣訪問者就知道他們已經訪問過它。 我們真的應該遠離這種純粹嗎？

另一方面， Buttons描繪了現實生活中存在的一個元素：一個按鈕。 按鈕是我們在現實生活和網絡中都可以按下的東西，因此我們希望它們的行為相似。 確保您的按鈕看起來像按鈕，並且在我們與它們交互時它們的外觀會發生變化。 此外，在您需要使用它們時使用它們：例如，在表單旁邊，它們向用戶承諾他們輸入的信息將被發送到服務器，然後他們將被帶到另一個頁面並做出響應。

3 – 網站存在於 Web 瀏覽器中，因此讓您的用戶“瀏覽”您的網站

你知道瀏覽器有返回和前進的按鈕嗎？ 我知道你這樣做，因為我們都習慣了這種模式…… 然而，今天有些網站正在打破這種模式！ 單頁應用程序 (SPA) 使用 JS 動態加載內容，其中一些這樣做會忽略瀏覽器中有返回上一階段的選項。 野蠻的設計仍然忠實於網絡，並且永遠不會破壞用戶習慣的模式和規則。

4 – 用戶可以垂直滾動內容

網站不是雜誌或書籍，因此（原則上）不需要對內容進行分頁。 許多網站這樣做的唯一原因是人為地增加訪問量，因為閱讀一篇文章，讀者被迫訪問多個頁面。 不要這樣做！

在一個野獸派網站中，內容會立即呈現，並且允許讀者按照自己的節奏使用它，並根據自己的需要滾動。 無需通過不必要的交互來干擾用戶，即可查看和使用真正重要的內容：內容。

你怎麼看？

我喜歡野獸派的原則。 如果您不是設計師，那麼應用這些原則非常容易：只需將事物保持默認外觀（或稍微調整它們）即可。 但是你怎麼看？ 你喜歡它？ 你覺得它醜陋和過時嗎？ 在下面的評論部分讓我們知道！

由 berenice melis 在 Unsplash 上拍攝的精選圖片。