網頁設計做得很好:完全沒有意義

已發表: 2022-03-10
快速總結↬ Web Design Done Well的這一部分慶祝奇怪和古怪的網站。 具有甜蜜、天真、有時毫無意義的目的的網站。 他們是賺錢的人嗎? 遊戲規則改變者? 不一定,但它們確實很有趣,而且只有網絡才能真正做到。

在 KPI 和電子商務以及看似無窮無盡的分析中,仍然有很多網站擁抱輕浮。 只是享受一點樂趣不是很重要嗎?

如今,網絡感覺像是一個非常商業化的地方。 您去那裡的大多數地方似乎都有大量光鮮的產品和令人不安的個性化廣告在爭奪我們的注意力。 有很多錢可以賺,有時這一切都會讓人覺得有點不人道。

放鬆身心,盡情享受。 甚至可以考慮自己的一個毫無意義的項目。 以免我們忘記,萬維網上可能發生的唯一限制是我們的想像力。

部分:網頁設計做得很好

  • 第 1 部分:平凡變得非凡
  • 第 2 部分:利用音頻
  • 第 3 部分:出色的社論
  • 第 4 部分:完全沒有意義
  • 另外,訂閱我們的時事通訊不要錯過下一個。

黑客打字機

唉,現代開發者的生活並不像黑客帝國讓我們相信的那樣神秘或性感,但這並不意味著我們不能沉迷於一點點虛構。 Hacker Typer 是一個老歌,但也是一個好人,“源於一個簡單的願望,希望看起來像電影和流行文化中的刻板黑客”。

黑底黑字設計的 Hacker Typer 網站截圖。
(大預覽)
跳躍後更多! 繼續往下看↓

短途旅行

對於藝術家來說,沒有什麼比萬維網更大的毯子畫布了。 在銷售產品和建立品牌方面承擔著如此多的責任,人們可能會忽視為創造而創造的想法。

Alexander Perrin 的實驗性頁面“Short Trip”展示了在線的可能性。 “草圖”的想法仍然讓人感覺非常實際——你需要筆和紙。 不是這樣。 石墨插圖和電車在這個“交互式插圖”中處於前沿和中心位置。 為什麼? 為什麼不?

Short Trip 的截圖,Alexander Perrin 的實驗頁面,帶有石墨插圖。
(大預覽)

這是使用 Three.js 和 JavaScript WebGL 構建的,適用於桌面和移動設備。 已經習慣了現代網絡的參與式設計,看著數字世界飄過,會有一種令人難以置信的平靜。

繪圖.花園

“園藝,但有表情符號和更少的時間。” 這就是明尼阿波利斯藝術家 Ben Moren 描述這個非常可愛的繪畫花園的方式。 那大約涵蓋了它。 將光標拖過屏幕,看著一片空曠的田野變得金碧輝煌,草莓、向日葵和(象徵性地)神奇的蘑菇。 一定要打開聲音。

帶有 SM 字母的 drawing.garden 網站截圖。
(大預覽)

當人們談論照料自己的“數字花園”時,這並不是人們的意思,但這是一個非常令人愉快的選擇。 對於那些對根中發生的事情感興趣的人,該項目是使用 p5.js 製作的,並且可以在 GitHub 上查看完整的代碼。

觸發器

這一個的執行是完美的。 眾籌和支持者計劃已經改變了大部分網絡的遊戲規則(順便說一句,請考慮成為Smashing的成員),但他們在他們的時代也有一些失誤(不是我們,我們真的很好)。 Flopstarter 是一塊不那麼微妙的諷刺金幣,它匯集了各種荒謬的想法,需要你辛苦賺來的錢才能成為現實。

帶有 AnkleHub 項目的 Flopstarter 網站截圖
(大預覽)

扁平的碗、土豆皮夾克、紙巾枕套讓你哭個不停——這是一堆非常愚蠢的想法。 該網站做得如此專業,以至於您幾乎想要支持這些產品。 幾乎。

釋放你內心的波洛克

誰需要畫架才能成為藝術家? 這個傑克遜波洛克網站可讓您創建自己的狂躁傑作,為酷炫的計算網絡帶來可愛的有機感覺。 和你一起“畫畫”是一種樂趣,甚至可以讓你相信你有點藝術。 (如果波洛克不是你的風格,為什麼不試試蒙德里安和我呢?)

傑克遜波洛克網站的截圖,上面有一些作者的藝術作品。
請繼續關注 NFT。 (大預覽)

該網站由希臘藝術家 Miltos Manetas 於十多年前建造,至今仍是一個精彩的展示,展示了借助網絡的交互性可以做什麼。 只要我們把它當作一幅畫布,它就可以成為一幅畫布。

琶音

這個 Chrome 實驗可以根據用戶的心血來潮循環播放音階,給人一種俏皮、純粹的感覺。 能夠在不同的鍵和樂器之間切換並不是嚴格意義上的任何事情,但它確實是令人愉快的。

琶音網站截圖
(大預覽)

簡潔的演示和界面在這裡對頁面有利。 它是圍繞它的核心元素——音符而構建的。 聲音很容易(而且經常)笨拙地應用在網絡上,但是像這樣的頁面提醒人們它可以是多麼豐富的體驗。

推箱子

推箱子由 Hiroyuki Imbayashi 在 1980 年代首次編寫,是一種益智遊戲類型,玩家在其中推箱子在倉庫周圍,直到每個箱子都放在指定的存儲位置。 認為這是一個乾燥的前提? 再想一想。 這是一個冰冷的經典,不僅僅是有點上癮,而且可以在 sokoban.info 上免費玩。

推箱子網站截圖
(大預覽)

有超過 7,500 個關卡需要完成,這是所有連環拖延者的必備書籤。 在盡可能少的動作中完成每一個動作的額外挑戰實際上使它成為終身遊戲。

讓一切正常

我們都希望擁有的按鈕。 Make Everything OK 讓事情變得簡單。 我不會假裝知道它提供產品的幕後情況,但這對我來說聽起來很划算。

Make Everything OK 網站截圖
現在任何一分鐘......(大預覽)

一個想法很美——無論多麼愚蠢——被如此簡單地執行。 這也是擬物網頁設計的一個很好的小例子。 一個按鈕,一個結果。 不要假裝你不會嘗試。 我們都知道你會的。 來吧,讓一切正常。

免責聲明:這可能不會讓一切正常。

地理城市

這是 OG 毫無意義的網站——或者更確切地說,這些是 OG。 GeoCities 成立於 1994 年,是一項服務,允許用戶免費為網站編碼,並將它們分組到具有相似頁面的“城市”中。 到 2009 年結束時,已經創建了大約 3800 萬個用戶編寫的頁面。 值得慶幸的是,其中許多頁面都存在於restorativland 的Geocities Gallery 檔案項目中。

OG 截圖,帶有來自多米尼加共和國的圖片
一周中的每一天都通過 Facebook 個人資料給我這個。 (大預覽)

瀏覽檔案可以讓您一窺互聯網曾經和現在可能成為的樣子。 想到的最接近的當代社區是 IndieWeb。 當然,還有 GeoCities 的精神繼承者 Neocities。 網站另類和混亂,但富有表現力和美麗。 正如愛德華·斯諾登(Edward Snowden)在他的回憶錄《永久記錄》( Permanent Record )中所說,“業餘製作的所有這些怪癖和抽搐只是表明,該網站背後的指導智慧是人性化的和獨特的。”

Ain't No Project Bizarre 不夠奇怪

上面共享的網站只是網絡上藝術作品、實驗頁面和徹頭徹尾的荒謬項目的一小部分。 只要您尋找它們,它們就在那裡 - 或者甚至自己製作一些。

如果您想了解更多這些內容的來源,Pointless Sites 和 The Useless Web 是不錯的選擇。 像 CodePen 這樣的其他網站充斥著了不起的修補匠。 對於數字歷史愛好者,我再次輕輕地將您推向 GeoCities 檔案館及其精神繼承者 Neocities。 謝天謝地,毫無意義的激情項目仍然存在並且很好。

  • Jhey Tompkins 的“代碼中的趣味性:通過玩樂來增強你的學習能力”
  • Saskia Freeke 的“五年來每天從編碼藝術品中學到的意外收穫”

如果你覺得很大膽,為什麼不把你之前寫下的想法拼湊起來呢? 試試那個框架,那個庫,或者那個應用程序。 沒有太愚蠢或缺乏價值的事情。 如果你喜歡製作它,那就足夠了。

繼續前進,毫無意義。 在您的在線生活中保持一些上帝誠實的純真。