這座網頁設計博物館,讓我回到撥號上網的年代

作者:佚名 來源:Design360 時間:2020-04-08 標簽:

你還記得二十年前的互聯網嗎?

在百度貼吧疊樓
為QQ空間裝飾非主流空間貼紙
無限沉浸在4399和7k7k等小遊戲網站
或是在163博客和BBS論壇之類的網站灌水
還要不斷關閉那些突然跳出令人討厭的垃圾廣告網頁...

比QQ還早的純文本聊天室ICQ

與網易BBS同時代的教育網上的水木清華BBS

這些便是早期互聯網給我們這一代人留下的印象。回看互聯網在中國的發展曆史,於1994年在中國開通的互聯網直到1997年開始旺盛發展。在那個網速慢,上網還需要付昂貴費用的年代,人們都在互聯網上做什麼呢?門戶網站、聊天室、論壇、博客等新形態不斷出現,滿足著新世紀的人們搜索、交流和傳播信息的欲望。

MSN網站,2000

早期使用微軟IE瀏覽器界麵打開的雅虎網站

在移動互聯網時代到來之前,智能手機還未大範圍普及,信息交流和傳播的速度和廣度也不像如今這般,人們曾經流連在各式各樣的花式網頁中,比如許多人最早登陸的國內網站——97年創辦的網易打造的“網易個人主頁”(nease.net),以及後來於99年出現的QQ前身——OPEN-ICQ聊天室。

最早的網易郵箱

1999年的網易主頁

對於年輕一代的互動體驗設計師、網頁設計師和互聯網用戶而言,這些在曆史中一步步發展進化的網頁是互聯網的活化石,它們為今天具備強大響應性、易讀性和互動性的網頁和軟件打下了紮實的基礎,是當今的程序員和設計師的靈感寶藏 。

2012年,來自捷克的曆史學家和網頁設計師Petr Kovar開啟了一個富有意義的項目,旨在打造世界上第一個以明確標簽分類,並按時間順序整理的線上網頁設計博物館(Web Design Museum),將那些由上世紀電腦程序員和設計師打造的網頁和視覺設計保存在這裏。

網頁設計博物館官網:www.webdesignmuseum.org

Kovar在大學時曾學習計算機和曆史,曾寫過一篇關於前捷克斯洛伐克計算機技術曆史的論文。他在畢業後才開始正式嚐試網頁設計,並最終轉行。2012年的時候,他突然想起自己在兒時留下的一個舊硬盤,裏麵儲存了許多他在90年代瀏覽互聯網時保存的大量截圖。

他曾記得自己無數次訪問電影《太空大冒險(Space Jam)》的官方網站,以及登陸流行品牌銳步、阿迪達斯和百事可樂的官方頁麵。著迷網上衝浪的他保存了許多設計獨特、運行有趣的網頁截圖,以便在離線時還能查看它們。作為一個曆史愛好者和網頁設計師,Kovar決定要為此做些什麼。

百事可樂官網,1996

《太空大冒險》官網,1996

銳步官網, 1996

他從自己的截圖曆史記錄中開始分類整理,並從自1996年以來存檔了2870多億條目的“互聯網檔案館(Internet Archive)”門戶網站中尋找了更多相關的頁麵截圖,最終精心挑選了900個在互聯網網頁設計曆程中具備獨特意義的網站,並在2017年5月推出了網站的第一個版本。

當人們瀏覽網頁設計博物館,會看到畫廊、時間線、知識測試、Flash動畫、網頁設計曆史、舊軟件等標題分類,讀者可以依據年份、行業(包括餐館、公司、雜誌、時尚和體育等)或者風格標簽(包括如未來感、極簡主義、裝飾性、複古、拚貼等)來瀏覽網站內容。

索尼官網,1996

《Men’s Health》雜誌官網,1998

《The Tube》雜誌官網,1998

《南方公園(South Park)》電影網站,1999

佳能官網,2000

尼康COOLPIX官網,2003

XBOX官網,2004

在18年更新的網頁設計展覽(Exhibition)欄目中,其中添加了一係列以不同主題分類展示的網頁設計,如像素藝術、瀏覽器、體育、音樂人、好萊塢電影、成人網站等。Kovar曾在采訪中表示自己希望建立一個混合的網絡展覽,通過分類更清晰地揭示網頁設計被遺忘的趨勢,以及它們是如何隨著時間的推移而出現的。

網頁設計展覽區

「90年代的網頁頭條」微軟、鬆下、雅虎

「早期設計軟件」Photoshop

「90年代的網站」NASA、麥當勞、世嘉遊戲公司、阿迪達斯、後街男孩

在網頁博物館中,網站的時間線(Timeline)欄目專門用於記錄過去20年來主要網站的發展和變化情況,這個欄目在訪問者中很受歡迎。有些網頁自創建以來已經發生了巨大的變化,現在的外觀已經完全不能反映最初的設計,人們總是對自己最喜歡的網站在過去20年中發生的變化感到驚訝。

像是亞馬遜、樂高和任天堂等大公司在每一次的網站更新中,都給網站視覺和頁麵控製帶來徹底的改變和更大的發展。Kovar認為,網頁設計的發展史有兩個主要趨勢,第一個趨勢便在於像Netflix、可口可樂、微軟、Skype及以上公司那樣, 在每次升級中,帶來革命性的設計趨勢。

樂高官網部分更新(1997-2020)

可口可樂官網部分更新(1996-2020)

任天堂官網部分更新(1996-2018)

第二個是逐步進化的趨勢,這部分網站的設計與以前的版本基本保持一致,雖然在逐漸發展,但主要控件的分布幾乎保持不變,比如大眾熟悉的穀歌(Google)、維基百科(Wikipedia)或蘋果(Apple)、雅虎(Yahoo)、臉書(Facebook)等。

這些網站的設計變化是循序漸進的,與技術的發展互相輝映,人們在10年甚至20年前看到的特性至今仍然存在。令人好奇的是,許多公司對自家官網設計的改進,在多大程度上是因為那些大型的主流公司從一開始就有明確而紮實的戰略,又或者是影響力過於巨大,以至其他公司不得不參照它們的網頁設計戰略。

蘋果官網部分更新(1998-2018)

Facebook官網,2004

穀歌首頁,1998

雅虎官網,2004

在Kovar看來,SpaceX公司的網站設計發展曆程也很有趣,這個意圖打造地球到火星客運係統的公司,在2002年的網站設計比現在的網站設計要獨特得多。“SpaceX現在的網站更像是一個通用模板的例子。”Kovar忍不住說道。這和獨立設計師Yehwan Song所支持的觀點一樣——網頁模板正在殺死想象力。

Space X官網發展曆程(2002-2017)

還有一些網站也走在了時代的前沿,比如2002年出現的Hasselblad(哈蘇相機)和2000年的Gap網站,它們的設計仍然可以被認為是非常現代的,甚至在今天的移動設備上依然可以良好運作。

Hasselblad官網,2002

GAP官網,2000年

然而,網頁藏品並不是越多越好,隻有具備獨創性的視覺風格、一定的影響力,以及有自身專注內容領域的網站才會被收藏在博物館內。所有博物館內的展品有兩個主要的選擇標準,一方麵需要有獨創的內容和深厚的設計功力,另一方麵則需在互聯網曆史上具有重要意義。

除了上述大公司的官方網站,曆史上還有一些由創意機構和設計工作室打造的網站擔當著獨特的角色。比如90年代最重要的數字創意公司之一2Advanced公司創建的網站,便被Kovar定義為曆史上最富有曆史性意義的網站之一,也是他最喜歡的網頁博物館藏品。

2Advanced 2000、2002、2003年的Flash網站

作為一所傳奇的網站設計公司,2Advanced使用Flash技術創建和設計了一係列高端的創新網站,這令他們在業界聞名,並且使Flash網頁在千禧年之初被視為一種新世紀的啟示。

還有許多設計雜誌的網站也定義了它們所處時代的設計趨勢,比如早期設計社區網站之一Design is Kinky就發揮著這樣的作用,該網站定期展示各類藝術家的平麵作品、照片、專欄文章或是個人資料。另外,定期提供新聞、采訪以及設計圈有趣消息的網絡雜誌《PixelSurgeon》的網站也同樣收獲了大批的粉絲,它最早由攝影師Jason Aber和插畫家Richard May創建。

Design is Kinky官網,2002

網絡雜誌《PixelSurgeon》官網,2001

網站設計博物館如今已經過多年的更新和運行,項目發起者Kovar認為,網站設計的趨勢一直遵循著一個“螺旋模型”,美學總會定期回歸返潮,而新的技術會不斷加入改進。例如,在2000年左右,Flash動畫網站就曾一度非常流行。在web 1.0時代,Flash作為一款功能領先於其時代的程序,提供了表現驚人的跨瀏覽器功能、動畫、圖形和聲音。

Shape Squad Flash網站, 1999

Digit Digit Flash網站, 2002

不過,這些包含Flash的網站數據容量非常大,需要很長時間才能加載成功,因此人們清楚地記得在漫長的等待中一圈一圈旋轉的沙灘球圖標。

然而,新技術的出現雖然能帶來創新,但也會讓習慣舊事物的創作者感到憂慮。當第一個百分百使用HTML5技術創造的網站The Wilderness Downtown在2010年誕生時,它撼動了Flash的地位,並令許多Flash鐵杆設計師和開發人員對這種新技術的能力感到不安又好奇。

The Wilderness Downtown網站:www.thewildernessdowntown.com

作為樂隊Arcade Fire的單曲《We Used to Wait》所衍生的互動短片,The Wilderness Downtown基於穀歌的Chrome瀏覽器、穀歌地圖和HTML5進行創建。用戶隻要輸入他們的郵政編碼和地址,就可以觀看一段充滿個性的音樂視頻。這個創新的網站贏得了The Favourite Website Awards的年度網站,以及世界範圍內的讚譽。 

在這之後,HTML5、WebGL和JavaScrpit等新技術更加廣為傳播,人們不再局限於矢量圖形,也不需要通過互聯網插件才能開發網站,新技術帶來的體驗超出了人們的想象,運用它們製作的網站如雨後春筍一般頻繁出現在大眾視野中。可以看出,網頁設計的趨勢會因為新技術的出現而受到強烈影響。終於,Adobe在2017年,正式宣布終結對Flash軟件進行更新,Flash時代真正結束了。

如今,數字和互動並不隻意味著一個“在線”世界,也不再像過去那樣局限於網頁瀏覽器。諸如VR、AR和機器學習等網絡新技術的出現,讓人們可以體驗到更多感官層麵上的互動,但Kovar認為這並不代表網頁就會消失。

我們看到像穀歌這樣的大公司就在近年打造了有趣的“Quick, Draw!”遊戲網站,通過使用機器學習模型來讓係統猜測用戶的圖畫內容。類似這樣的遊戲化網站在過去20年中並不少見,或許它們將重新以新的麵貌回歸,交互式教育網站正在成為未來的趨勢。

穀歌的算法繪畫網站:https://quickdraw.withgoogle.com/

可以說,比起過去,如今的網頁本身更多的變成了一個線上互聯工具,甚至是開源的設計生成器。它可以帶給用戶極具互動性的體驗,創造更多的合作機會,而不隻是單方麵展現信息,這意味著技術和網頁設計都一直在進化。尤其在2020年這個特殊的時期,現實生活中的社交距離更加考驗人類的合作能力,而互聯網依然承載著巨大的潛能。 

Wetransfer和設計師藝術家Zach Lieberman用算法編程設計而成的繪畫藝術生成網站:
www.colorpush.wetransfer.com

任何人都可以分享隔離期建議並被別人看到的網站:
www.excellent-quarantine-ideas.com/

在Kovar看來,來自過去的網頁設計風格和趨勢也許會被重新挖掘,未來的創造者們將好奇三十年前的網站設計是怎樣的,並從曆史中獲取靈感。到那時,人們將感謝這個項目所留下的寶貴遺產。這也是Kovar堅持進行網頁設計博物館項目的核心動力:為未來的幾代人保留世紀之交出現的網頁設計創意遺產,並為繁榮發展的互聯網書寫另一種故事。

我們或許會見證90年代和00年代複古網頁設計風格的回歸,以及更多與當下新技術結合的交互網頁不斷出現。無論它們存在於小程序中、在朋友圈中,還是在軟件界麵或瀏覽器裏,在互聯網發展得越發旺盛、一切逐漸遊戲化的今天,設計師和程序員將為互聯網的下一個20年帶來怎樣的變化,令人期待。

 

資料來源:
www.webdesignmuseum.org
www.itsnicethat.com
www.eyeondesign.aiga.org
www.0511ia.com
www.speckyboy.com
www.lusongsong.com
www.info.williamlong.info
來源:Design360

相關文章:

推薦設計

最新文章