10 個 Brutalist 網站來激發你的下一個網頁設計項目

已發表: 2017-10-11

網頁設計趨勢一直在變化。 當你找到一個可以合作的設計師,決定一個每個人都同意的外觀,完成工作,最後上線時,酷、新鮮和時尚的東西已經改變了。 進入野蠻網站。

你問那是什麼? 這是當您逆勢而上並有目的地將您的網站設計得醜陋的時候。 如果它不是直截了當的醜陋,它至少沒有輕浮/多餘的設計元素。

Brutalist 網站在有目的的設計中是一個相對較新的東西,但其中很多都從互聯網的早期汲取靈感。 Angelfire 和 Geocities 是令人敬畏頂峰的日子。 那個時代,你唯一需要知道的 HTML 是href和img src

從那時起,網絡一直在發展,但好的(或者可能是好壞?)設計沒有。 一方面,野蠻主義是關於功能而不是形式。 如果有效,就讓它發揮作用。 另一方面,它是關於成為朋克愛好者並讓用戶為他們從您的網站獲得的任何東西工作。

無論您想採用哪種方式,我相信在您檢查了這些光榮的怪物之後,您可以找到一種方法來殘酷地破壞您的下一個設計項目。

1. craigslist.org

野蠻網站

你們都,Craigslist 是醜陋的。 不,不要為它辯護。 這是一個怪物。 黑色文本,藍色鏈接,白色背景。 它不漂亮。 但也不必如此。

因為它有效。 這才是重要的。 野蠻主義的一部分是用戶體驗,而 CL 則將其放下。 您可以找到您需要購買或出售的東西,而無需大驚小怪或雜亂無章或無關的移動部件。

2. Konsept83.com

野蠻網站

與 Craigslist 一樣,Konsept83 從互聯網的早期尋找靈感。 灰色背景、打字機字體(野獸派網站的主要內容)以及所有準確說明您點擊內容的鏈接。

內頁同樣是備用的——它們只是嵌入了圖像。

3.pictureshow.tv

野蠻網站

Pictureshow.tv 僅適用於移動設備(或台式機)的橫向模式。 這是一個視頻系列,其外觀和感覺就像舊的 VHS 磁帶。 您甚至可以點擊進入其他頁面,它們就像 VCR 設置菜單一樣。

但是你知道嗎? 該網站有效,您知道該做什麼,而且您一刻也不會迷失。

但是男人。 它很醜。 和當時的美麗。 最好的部分是您對如何使用它毫無疑問。

4. chris.bolin.co

野蠻網站

你見過離線網站嗎? 不? 我也是。 然後我發現了這種美。

克里斯·博林 (Chris Bolin) 將這個站點設計為對網絡用戶盡可能殘酷:您必須斷開連接才能連接。 內容會自動出現,您會看到一條關於簡單性的簡單消息。

野蠻,伙計。

野蠻網站

野蠻網站

4. stephaniemarx.com/talks

野蠻網站

她的一次演講(以及我熟悉她工作的方式)名為“我從 Geocities 中學到的關於網頁設計的一切” 。

我想我不需要再說什麼了。

5. wolftonechambers.com

野蠻網站

談野蠻。 這裡有內容。 很多。 好資料,寫得好。 但這一切都被 ASCII 海洋所掩蓋。

你不能說這在視覺上很吸引人,也不能說它非常實用。 但它令人難忘。 儘管雜亂無章,但它非常乾淨,最奇怪的是,在您滾動一點後,您確實會看到它的工作原理以及如何在沒有方向的情況下查找信息。 這意味著,同樣奇怪的是,這就是 UX 應該如何工作。

#聳肩表情

野蠻網站

6.allanyu.nyc

野蠻網站

在網絡上寫作和發布的部分美妙之處在於您的用戶看不到您對內容所做的修訂和更改。 您可以將新內容放在那里或調整舊內容,沒有人會更聰明(除非他們檢查 Wayback Machine 檔案)。

不過,Allan Yu 使用粗野主義來展示他對網站所做的修改,就好像它們是筆記本中的物理修改。 它使整體體驗整體上不那麼乾淨,但混亂增加了用戶體驗,因此每個人都意識到他不僅在風格上成長,而且在能力和創造力上都有所增長。

不是您會在主要新聞媒體上找到的設計(在 CNN 上看到編輯標記是不是很有趣?),但對於更新速度相對較慢的設計師或代理商來說,這種風格可能會很好用。

7. 野獸派重新設計

野蠻網站

製作野蠻網站遠比你想像的要困難得多。 因為很容易讓網站變得醜陋。 使網站變得簡單也很容易。 而且很容易讓網站看起來過時。

但是很難同時完成所有這些。 因此,皮埃爾·巴丁 (Pierre Buttin) 選取了一些最乾淨、最受歡迎的應用程序(如 Facebook、Instagram 和 Snapchat),並將它們重新設計為示例,說明如何在保持形式和功能的同時去除對體驗毫無影響的多餘閃存。

8. morgane.com/pixel-lab

野蠻網站

http://morgane.com/pixel-lab
(也許是整頁筆記本電腦上的新照片。)

獨立視頻遊戲開發商是一群古怪的人。 Pixel Labs 的人不會偏離這種描述。 他們的網站是一個看起來像是在 90 年代初期編寫的頁面,調色板可能.

也就是說,他們知道自己在做什麼。 他們展示了他們的工作,邀請到他們的 Slack 服務器,並希望幫助其他人。

他們對網頁設計的使用消除了他們與受眾之間的任何障礙。

9. wekflatm.kr

野蠻網站

我認為這可能是一個完美的網站。 嚴重地。 我正在認真考慮讓展示我的小說的頁面像這樣工作。

這是最基本和最完美的電子商務:這是一把椅子。 買吧。 想要沙發? 好的。 你可以在那裡買。

沒有願望清單,沒有搜索,沒有變化或用戶評論。 只是項目,價格,購買。

它不漂亮,但也不醜陋。 這很簡單。 而且很有個性。 這是您在網站中需要的一切,沒有您不需要的。

10.keyaar.in

野獸派網站

我敢打賭你在這個網站上做的第一件事就是點擊一個形狀。 因為形狀。 然後你會閱讀標籤——它們並沒有真正告訴你太多。

但是,當您單擊它時,您幾乎知道每個是什麼。 工作是一個畫廊,你猜對了,工作。 NSFW是一個博客,但即使在此之前,你也知道你正在進入一些私人的事情,如果不是親密的。 還有KL11 ? 設計機構自己。 您需要的所有信息都在那裡。

人們還希望從網站中獲得什麼?

野蠻的, shmutal

您可能不希望在您的投資組合中包含一套野獸派網站。 沒關係。 這種設計方案絕對不適合所有人,當你推銷一個醜陋的網站時,一些客戶肯定會猶豫不決。

但是您可以從這些網站中學到很多設計課程。

不過,我確實挑戰你,嘗試製作一個野獸派網站。 將整個事情一直歸結為要點將使您面對自己的先入之見,以及自己的優勢和劣勢。 當然,這會很殘酷,但你會成為一個更強大的設計師。

也許也是一個更強大的人。

您如何看待野蠻網站? 在評論中告訴我們您對這一趨勢的看法

Kaleo/shutterstock.com 的文章縮略圖