NEWS INFORMATION

“網頁設計博物(wù)館”中(zhōng)的像素藝術風格網頁版本

“網頁設計博物(wù)館”中(zhōng)的像素藝術風格網頁設計

“像素”一(yī)詞的由來最初是由噴氣推進實驗室 (Jet) 的工(gōng)程師 C. 于 1965 年創造的，用于描述空間探測器捕獲的視頻(pín)圖像的元素。

到 1982 年，施樂研究員(yuán)阿黛爾和施樂以不同的方式使用該技術将人物(wù)照片轉換爲可以在屏幕上顯示的版本。他們爲這種顆粒狀圖案賦予了一(yī)個新術語“像素藝術”，以更恰當地描述這種原始而獨特的美學。

阿黛爾和他在 1982 年的專欄中(zhōng)首次使用“像素藝術”一(yī)詞

多年來，像素已被成像和視頻(pín)領域所采用，并轉化爲數字屏幕或圖像上最小(xiǎo)的物(wù)理坐标點。這對設計師和程序員(yuán)施加了有趣的約束和限制，使得創建可識别的塊狀輪廓圖形變得具有挑戰性。例如，超級馬裏奧在原版中(zhōng)被賦予了小(xiǎo)胡子和帽子，因爲在小(xiǎo)屏幕上很難弄清楚他的嘴在哪裏。

超級馬裏奧的第一(yī)個版本

在計算機仍然處于二進制操作的時代，圖标設計必須符合這個特定的原始參數限制。在 80 年代初，設計師 Susan Kare 爲 Apple 的 Mac 操作系統創建了一(yī)組開(kāi)創性的圖标，并将該技術提升到了曆史上一(yī)個全新的水平。

基于她對數字屏幕分(fēn)辨率的了解，Kare 使用 Andy 設計的 32x32 網格紙(zhǐ)繪制單色圖标，将每個網格框視爲一(yī)個像素，然後使用特殊軟件将草圖移植到屏幕上。通過這種方式，她幾乎設計了 Mac 用戶界面上的每一(yī)個圖标，包括垃圾桶、畫筆和著名的微笑 Mac 圖标。

後來，互聯網誕生(shēng)了。網頁設計師開(kāi)始從富有想象力的新角度探索像素藝術。第一(yī)個像素藝術風格的網站就在這個時候誕生(shēng)了。藝術家或設計師熱情地分(fēn)享他們的實驗産品，各種在線社區也在這裏。在這個過程中(zhōng)，它逐漸形成并不斷成長，創作者們在上面互相鼓勵，反饋自己的作品和技術幹貨。

随着時間的推移，像素藝術已經成爲一(yī)種整體(tǐ)趨勢，越來越多的設計師正在以不同的方式将像素藝術融入他們的網站設計中(zhōng)。曆史上與像素藝術密切相關的 5 個标志(zhì)性網頁，由世界各地的設計師、程序員(yuán)甚至網絡用戶出于不同目的創建，展示了像素在構建和設計網頁中(zhōng)的永恒作用。

百萬美元主頁銷售像素

2005 年，英國學生(shēng) Alex Tew 推出了一(yī)個完全空白(bái)的主頁，他将一(yī)個包含 100 萬像素的網頁分(fēn)成 1000×1000 的網格，并提出以 1 美元的價格出售一(yī)個像素，其中(zhōng) 100 像素（10×10）作爲一(yī)個組，每個像素可以鏈接到另一(yī)個網頁。該網站承諾，隻要一(yī)美元，您就可以“在地圖上擁有一(yī)段曆史！”

主頁：

創建主頁兩周後，他遊說他的朋友和家人購買了 47,000 像素，并用這筆錢聘請了一(yī)家公關公司起草一(yī)份新聞稿，幸運的是被 BBC 和衛報選中(zhōng)。報道。随着消息的傳播，越來越多的用戶訪問了該頁面，引發了一(yī)系列兩極分(fēn)化的争議，也讓主頁在短時間内獲得了前所未有的人氣。

當時互聯網上有很多實驗和廣告，但沒有人想過設計一(yī)個全被廣告占據的網站，直到亞曆克斯推出這個主頁并在互聯網上引起了驚人的影響。他在采訪中(zhōng)說，他創建這個頁面隻是爲了以最明顯的方式獲利，而不是創造意義或提供價值。

廣告發布 138 天後（2006 年 1 月 1 日），最後 1,000 個像素在 eBay 拍賣中(zhōng)以 38,000 美元的價格售出。短短幾個月，亞曆克斯賺了超過一(yī)百萬美元，幫助他支付了諾丁漢大(dà)學商(shāng)學院的學費(fèi)，該網站也被稱爲“百萬美元主頁”。顯然，這種“近乎幼稚的資(zī)本主義”運作良好。

“百萬美元主頁”成爲互聯網曆史上最成功的病毒式營銷範式之一(yī)。随着互聯網在過去(qù)十年左右的不斷變化，今天的百萬美元主頁仍在運行，感興趣的觀衆仍然可以前往網站仔細欣賞廣告占據的頁面，盡管有些頁面已經成爲鏈接失敗（404 page）和像素黑洞，但這個主頁确實爲這些廣告商(shāng)在曆史上留下(xià)了永久的位置。

引發合作和分(fēn)歧的像素混戰

另一(yī)個驚人的頁面，與百萬美元非常相似，但出于完全不同的目的而創建，是社交網站在 2017 年愚人節推出的合作項目和社會實驗。

該方法很簡單，它爲所有用戶提供了一(yī)個 100 萬像素的在線網格的空白(bái)畫布，該畫布位于子頁面“/r/place”上。從 4 月 1 日到 4 月 3 日，該網站的每個注冊用戶都可以編輯頁面，每五分(fēn)鍾隻能編輯一(yī)個像素，并可以從提供的 16 色調色闆中(zhōng)進行選擇。

用戶很快意識到，要在網格上繪制除單個點狀像素以外(wài)的東西，它必須協同工(gōng)作。無數小(xiǎo)團隊開(kāi)始集體(tǐ)行動網絡聊天室模塊設計，用網格圖來試驗粗略的草圖。一(yī)度混亂的場面，變成了越來越多派系之間的全面戰争：畫布右上角，一(yī)群用綠色像素覆蓋網格的隊伍聚集在一(yī)起；右下(xià)角，一(yī)群藍(lán)色像素的支持者反應強烈。

詞頁：

人們聚集在一(yī)起制作國旗或向著名電(diàn)影、卡通和遊戲緻敬，政治家和模因也是如此。梵高的名畫《星夜》和達芬奇的《蒙娜麗莎》都是由一(yī)個雄心勃勃的團隊重新創作的，網友們也​​借此機會起草了一(yī)份求婚。一(yī)些用戶試圖破壞一(yī)切并用黑色像素覆蓋被占用的區域，但幸運的是新事物(wù)不斷出現。

本次社交實驗吸引了超過 100 萬用戶參與，總共添加或替換了超過 1600 萬像素。其初衷是利用社區合作的力量影響社會，鼓勵人們将像素用于完全不同的目的，而互聯網是唯一(yī)可以支持這一(yī)實驗的媒介。人們見證了一(yī)個空白(bái)的世界如何在團隊的共同努力和牽引下(xià)保持平衡，并在一(yī)定程度上在世界地圖上回放(fàng)了人類發展的曆史。

使用像素作爲工(gōng)具的像素藝術教父

像素藝術一(yī)直是平面設計中(zhōng)永恒的概念藝術形式。90 年代後期，有一(yī)個網站叫 eBoy，由三位德國設計師 Svend、Kai 和 Kai 于 1998 年共同創立，分(fēn)享了一(yī)系列基于像素設計的開(kāi)創性插圖、網頁、字體(tǐ)、等，并獲得了來自世界各地的狂熱追随者。

eBoy 2001 網站

三位設計師分(fēn)别在東柏林和危地馬拉長大(dà)，對政治鬥争和地下(xià)運動并不陌生(shēng)，并在柏林牆倒塌後在西柏林發現了一(yī)個新的美學世界。由于對實驗雜(zá)志(zhì)排版和品牌的共同興趣，他們最終在柏林相遇并成爲了 eBoy 二人組。

他們過去(qù)的經驗教會他們在受限的環境中(zhōng)創作藝術，他們被十年前的像素創作技術所吸引，但 eBoy 更深入并将其應用到了新的領域。通過創建可重複使用的像素，他們開(kāi)始構建一(yī)系列更複雜(zá)和可擴展的像素藝術作品。

雖然網上有很多人着迷于這種懷舊(jiù)的視覺美學，​​試圖通過創作一(yī)系列 8bit GIF 來回到那個“簡單的時代”，但讓 eBoy 選擇像素藝術的并不是它的美學。eBoy 将像素藝術與等距透視相結合，輕松打造立體(tǐ)世界。

eBoy 的一(yī)位創始人曾在接受采訪時表示，像素對于攝影師來說就像相機一(yī)樣。這種源自遊戲的視覺元素被視爲創造的工(gōng)具，在技術上符合世界構建的邏輯。他們對城市的概念着迷，堅持使用模塊化的方式來創作肖像和建築場景，意在通過像素更好地表現城市的廣闊和複雜(zá)。

eBoy 2020 網站：

這些作品吸引了衆多頂級品牌與其合作，耐克、可口可樂、優衣庫、路易威登等企業品牌紛紛上門，邀請eBoy創作海報、宣傳圖、動畫、網頁等視覺爲品牌工(gōng)作。作爲最早在互聯網上分(fēn)享和發布作品的一(yī)代設計師，如今的 eBoy 被人們親切地稱爲“像素藝術教父”，并繼續活躍在創作者陣營的最前沿。

爲優衣庫創建的 Pixel 主頁

雅虎和網站的像素架構

可口可樂海報

爲 Adob​​e 創建的宣傳海報

爲路易威登品牌打造的品牌影片《東京旅行》

沉浸式虛拟像素角色扮演聊天室

2000 年，芬蘭開(kāi)發商(shāng)推出了一(yī)個名爲 Habbo Hotel 的虛拟世界，這是一(yī)個集聊天室、遊戲室和虛拟寵物(wù)飼養于一(yī)體(tǐ)的在線社交社區。獨特的網格布局、華麗的像素化背景以及有趣好玩的角色都與早期的低分(fēn)辨率電(diàn)腦屏幕緊密融合。

哈布酒店(diàn)網站：

該站點很小(xiǎo)，但它是一(yī)個組織良好的角色扮演社區。用戶進入網站後，需要構建像素化角色并設計自己的房間。然後他們将被安排入住 Haboo 酒店(diàn)。這裏的人們扮演着間諜、明星、士兵、護士等角色，甚至需要進入職業培訓機構，通過角色扮演學習很多不同的東西。此外(wài)，用戶還可以到酒店(diàn)的不同空間去(qù)探索，在這些地方添加陌生(shēng)人在線聊天。

在聊天室剛剛起步的時代，QQ、QQ等社交平台還沒有出現。這個結合角色扮演，帶來身臨其境的社交體(tǐ)驗的網站，首次出現在互聯網上。像素藝術視覺效果、用戶可定制的房間，以及當今熱門遊戲中(zhōng)出現的元素，對于那些從未玩過在線視頻(pín)遊戲或在留言闆上與陌生(shēng)人交談的人來說非常有用。更具吸引力。

該網站吸引了多種類型的用戶群體(tǐ)，街頭霸王( )等知(zhī)名樂隊也曾在該虛拟網站上演出，耐克、諾基亞、可口可樂等公司也紛紛在該網站投放(fàng)品牌。但是網絡聊天室模塊設計，本網站的設計機制也導緻了一(yī)些隐患，比如被不熟悉的用戶發送性騷擾信息。

盡管此後出現了更多的社交網站和遊戲，但這款酒店(diàn)網頁遊戲至今仍在運行，人們仍然可以在網頁浏覽器中(zhōng)體(tǐ)驗這種像素風格的社交空間。想要體(tǐ)驗像素風角色扮演和社交遊戲的讀者可以到官網免費(fèi)注冊，打造屬于自己的像素世界。

千禧年初的官方 Haboo 酒店(diàn)宣傳活動

了解更多學習網絡推廣知(zhī)識，就來廣西網絡推廣。

上一(yī)篇：景觀、建築IPAD手繪，讓設計師随時随地出方案(組圖)
下(xià)一(yī)篇：代爾夫特集成産品設計duct學員(yuán)分(fēn)享來自歐洲的學習經驗。