“網(wǎng)頁設計博物館”中的像素藝術風格網(wǎng)頁設計
“像素”這個術語的源頭，最早由噴氣推進實驗室（Jet ）的工程師 C. 在1965年提出，用來描述太空探測器所拍攝到的視頻圖像元素。
到了1982年，施樂公司的研究員Adele 和 以不同的方式使用這項技術，將人們的照片轉換成可以在屏幕呈現(xiàn)的版本。他們賦予了這種以顆粒狀呈現(xiàn)的圖案一個新的詞語“像素藝術”，以此更恰當?shù)孛枋鲞@種原始和獨特的美學。
1982年，Adele 和 首次在專欄中使用“像素藝術”詞語
多年來，像素被圖像和視頻領域采用，并被轉譯成數(shù)字屏幕或圖像上最小的物理坐標點。這對設計師和程序員施加了一種有趣的約束和限制，使創(chuàng)作一個可識別的塊狀輪廓圖形變得具有挑戰(zhàn)性。例如企業(yè)網(wǎng)站界面風格設計描述，超級馬力歐就在最初版本中被賦予了胡子和帽子，因為要在小畫面上弄清楚他的嘴巴在哪里并不容易。
超級馬力歐的第一個版本
在電腦還處于二進制運算的時代，圖標設計必須符合這個特定的原始參數(shù)限制。80年代初，設計師Susan Kare為蘋果公司的Mac操作系統(tǒng)設計了一組極具開創(chuàng)性的圖標，并把這項技術在歷史上提升到了一個全新的水平。
基于對數(shù)字屏幕分辨率的了解，Kare使用Andy 設計的32x32網(wǎng)格紙來繪制單色圖標，并把每個網(wǎng)格框當作一個單獨的像素，最后再使用特殊的軟件將草圖移植到屏幕上。就這樣，她設計了Mac用戶界面上幾乎所有的圖標，包括垃圾桶、畫筆，以及著名的面帶微笑Mac圖標。
后來，互聯(lián)網(wǎng)誕生了。網(wǎng)頁設計師們開始以富有想象力的新角度探索像素藝術，第一批像素藝術風格網(wǎng)站也在此時誕生，藝術家或設計師們熱烈地分享著自己的實驗成品，各式在線社區(qū)也在這個過程中逐漸形成并不斷壯大，創(chuàng)作者們在上面互相鼓勵，提供作品反饋和技術干貨。
隨著時間的推移，像素藝術成為了一種整體趨勢，越來越多的設計師將像素藝術以不同的手法融入到他們的網(wǎng)站設計中。歷史上有5個與像素藝術密切相關的標志性網(wǎng)頁，它們由設計師、程序員，甚至是全世界的網(wǎng)絡用戶基于不同的目的創(chuàng)造，展現(xiàn)了像素在構造和設計網(wǎng)頁中永不過時的作用。
出售像素的百萬美元主頁
2005年，英國學生Alex Tew推出了一個完全空白的主頁，他將包含100萬個像素的網(wǎng)頁劃分為1000×1000的網(wǎng)格，并提出以1美元的價格出售一個像素，以100個像素（10×10）為一組出售，每個像素都可以鏈接到另一個網(wǎng)頁。該網(wǎng)站承諾，只要一美元，你就可以“在版圖中擁有一段歷史！”
The 主頁：
在創(chuàng)造出這個主頁兩周后，他到處游說自己的朋友和家人購買了4.7萬個像素，并用這筆錢聘請了一家公關公司來起草一份新聞稿，并幸運地被BBC和《衛(wèi)報》報道了。隨著消息的傳播，越來越多的用戶訪問了這個頁面，它引發(fā)了一系列兩極化爭議，但也令這個主頁在很短的時間內獲得了空前的歡迎。
那時的互聯(lián)網(wǎng)上有大量的實驗和廣告， 但從未有人想過設計一個全部被廣告占據(jù)的網(wǎng)站，直到Alex推出了這個主頁，并在互聯(lián)網(wǎng)引發(fā)了現(xiàn)象級的影響。他曾在采訪中談到，創(chuàng)建這個網(wǎng)頁時只想以最引人注目的方式進行盈利，而不是為了創(chuàng)造意義或提供價值。
最后的1000個像素在廣告發(fā)布的138天后（2006年1月1日），于eBay拍賣會上以3.8萬美元售出。Alex在短短幾個月內便賺到了100多萬，幫助他支付了攻讀諾丁漢大學商學院的學費，因而這個網(wǎng)站也被人們稱呼為“百萬美元主頁”。很明顯，這種“近乎天真的資本主義”完全奏效了。
“百萬美元主頁”成為了互聯(lián)網(wǎng)歷史上最成功的病毒式營銷范例之一。隨著互聯(lián)網(wǎng)在過去十多年不斷變化，如今的百萬美元主頁仍然在運行，感興趣的觀眾依然可以去網(wǎng)站上仔細欣賞被廣告占據(jù)的頁面，雖然有一部分頁面已經(jīng)變成鏈接失效狀態(tài)（404頁面）和像素黑洞，但這個主頁確實做到了讓這些廣告客戶在歷史上永久地留有自己的位置。
觸發(fā)合作與分歧的像素大混戰(zhàn)
與“百萬美元”非常相似，但卻以完全不同的目的創(chuàng)建的另外一個現(xiàn)象級頁面，是2017年由社交網(wǎng)站在愚人節(jié)發(fā)起的一項協(xié)作項目和社交實驗。
的做法很簡單，它為所有用戶提供了一個包含100萬個像素的在線網(wǎng)格空白畫布，它位于的子頁面“/r/place”上。從4月1日到4月3日之間，的每個注冊用戶都能編輯該頁面，限制是每五分鐘內只允許編輯一個像素，并且要從提供的16色調色板中選取顏色。
用戶們很快意識到要在網(wǎng)格上繪制出單個點狀像素以外的東西，必須一起工作。無數(shù)個小團隊開始集體行動，嘗試使用網(wǎng)格地圖繪制粗略的草圖。場面一度混亂，變成越來越多派系之間的全面戰(zhàn)爭：畫布右上角，一群使用綠色像素覆蓋網(wǎng)格的團隊聚集在一起；在右下角，一群藍色像素支持者做出了強烈回應。
的字頁面：
人們聚集在一起，制作不同國家的國旗，或向著名的電影、卡通和游戲致敬，政治人物和表情包形象也陸續(xù)登場。梵高的名畫《星夜》和達芬奇的《蒙娜麗莎》被雄心勃勃的團隊重現(xiàn)，還有用戶還利用這個機會起草了一份求婚書。部分用戶曾試圖把所有內容全部毀掉，用黑色像素覆蓋已被占領的區(qū)域，但幸運的是新的事物一直不斷出現(xiàn)。
這個社會實驗吸引了100多萬用戶參與其中，共有1600多萬像素被添加或替換。它的初衷旨在挖掘社區(qū)合作牽動社會的力量， 鼓勵人們以完全不同的目的使用像素，而互聯(lián)網(wǎng)是現(xiàn)存唯一能夠支持這個實驗成立的媒介。人們見證了一片空白的世界如何在團隊共同的努力推動和牽引下才能保持平衡，還在某種程度上重演了人類在世界版圖的發(fā)展史。
將像素作為工具使用的像素藝術教父
像素藝術在平面設計中一直是一種不過時的概念藝術形式。90年代后期，有一個名為eBoy的網(wǎng)站出現(xiàn)了，它由三位來自德國的設計師Svend 、 和Kai 于1998年共同創(chuàng)建，上面分享了他們基于像素設計的一系列極具開創(chuàng)性的插畫、網(wǎng)頁、字體等數(shù)字藝術，并從全世界收獲了一批狂熱的追隨者。
eBoy 2001年網(wǎng)站
三位設計師分別在東柏林和危地馬拉長大，對政治斗爭和地下運動并不陌生，并在柏林墻倒塌后，在西柏林發(fā)現(xiàn)了美學新世界。由于對實驗性雜志排版和品牌設計的共同興趣，他們最終在柏林相識相知，變成了后來的eBoy組合。
過往的經(jīng)歷教會了他們在受限的環(huán)境中創(chuàng)造藝術，他們被十年前的像素創(chuàng)作技術所吸引，但eBoy更深入地研究了這一技術，并運用在新的領域。通過創(chuàng)建可反復使用的像素，他們開始構建一系列更為復雜且可擴展的像素藝術品。
雖然互聯(lián)網(wǎng)上有許多人著迷于這種懷舊的視覺美學，試圖通過創(chuàng)造一系列8bit動圖回到那個“簡單的時代”，但最初讓eBoy選擇像素創(chuàng)作的原因并不是它的美學。eBoy將像素藝術與等距透視相結合，輕松地創(chuàng)造出一個三維世界。
eBoy創(chuàng)始人之一曾在采訪中談到，像素對于他們就像照相機之于攝影師一般，這種源自游戲的視覺元素被他們視為創(chuàng)作的工具，在技術上也符合世界構造的邏輯。他們著迷于城市的概念，堅持使用模塊化的手段創(chuàng)建人物肖像和建筑場景，意圖通過像素更好地表現(xiàn)城市的巨大和復雜性。
eBoy 2020年網(wǎng)站：
這些作品吸引了許多頂級品牌與他們合作，耐克、可口可樂、優(yōu)衣庫、路易威登等企業(yè)品牌紛紛上門，邀請eBoy為品牌打造海報、宣傳圖、動畫、網(wǎng)頁等各類視覺作品。作為最早一代在互聯(lián)網(wǎng)上分享和發(fā)布作品的設計師群體，如今的eBoy被人們親切地冠以“像素藝術教父”的美稱，繼續(xù)活躍在創(chuàng)作者陣營的最前線。
為優(yōu)衣庫創(chuàng)建的像素主頁
為雅虎和網(wǎng)站創(chuàng)作的像素建筑
為可口可樂創(chuàng)作的海報
為Adobe創(chuàng)作的宣傳海報
為品牌路易威登打造的品牌片《東京游記》
沉浸式虛擬像素角色扮演聊天室
2000年，芬蘭開發(fā)商推出了一個名為Habbo Hotel的虛擬世界，它是一個集合了聊天室、游戲間和虛擬寵物養(yǎng)育的線上社交社區(qū)。獨特的網(wǎng)格布局、華麗的像素化背景和有趣好玩的角色，都與早期的低分辨率電腦屏幕緊密地融合在一起。
Haboo Hotel網(wǎng)站：
這個網(wǎng)站的規(guī)模雖小，但確是一個組織有序的角色扮演社區(qū)。用戶進入網(wǎng)站后，需要建立像素化的人物，設計自己的房間。然后將被安排入住到Haboo酒店中。人們在這里扮演間諜、明星、軍人、護士等角色企業(yè)網(wǎng)站界面風格設計描述，甚至需要進入機構接受職業(yè)培訓，通過角色扮演學到很多不同的東西。除此之外，用戶還可以去到酒店的不同空間進行探索，并在這些地方添加陌生網(wǎng)友在線聊天。
在聊天室處于起步階段的年代，、、QQ等其他社交平臺還未出現(xiàn)，這個混合了角色扮演又能帶來沉浸式社交體驗的網(wǎng)站 ，在互聯(lián)網(wǎng)上是首次出現(xiàn)。像素藝術的視覺效果、用戶自主定制的房間，這些今天在大熱游戲中出現(xiàn)的元素，在當年對那些從未在網(wǎng)上玩過視頻游戲，或從未在留言板上與陌生人交談過的人來說，更是極具吸引力。
這個網(wǎng)站吸引了許多類型的用戶群體，諸如街頭霸王（）這樣的知名樂隊也曾在這個虛擬網(wǎng)站上玩耍，耐克、諾基亞、可口可樂等企業(yè)也曾在這個網(wǎng)站植入品牌推廣。然而這個網(wǎng)站的設計機制也導致了一些隱患，如被陌生用戶發(fā)送性騷擾訊息。
盡管自那之后有更多的社交網(wǎng)站和游戲出現(xiàn)，但這個酒店網(wǎng)頁游戲依然經(jīng)營至今，人們依然可以在網(wǎng)頁瀏覽器中體驗這個像素風的社交空間。想要體驗像素風角色扮演和社交游戲的讀者可以去官網(wǎng)免費注冊，創(chuàng)建自己的像素世界。
千禧年代初的Haboo Hotel官方廣告系列