一位Web程序員用純CSS技術畫出30個瀕危動物圖片

jopen 9年前發布 | 18K 次閱讀 CSS
 

HTML5和CSS3的出現給了Web程序員無比廣闊的創作空間,他們可以利用這些技術在瀏覽器中創作出他們腦海里任意想表達的主題。28 歲的阿姆斯特丹設計師 Bryan James 在就是用HTML5和CSS3技術在互聯網上啟動了一場名為 “Species in Pieces”的互動式瀕危動物展覽

“30個物種,30中碎片拼圖。”點開這場展覽的 網站主頁 ,空靈的背景音樂引入了顏色飽滿的多邊形圖案,配合著30種瀕危動物的文字介紹。而之所以叫“30片三角”,是因為James起初在擺弄編程的時候,第一幅成型的作品“夏威夷烏鴉”,剛剛好是30片三角形拼接而成。

一位Web程序員用純CSS技術畫出30個瀕危動物圖片

CSS能設計出表現力優秀的網頁,是網頁開發人員最愛用的計算機語言之一。而像James這樣將藝術設計結合編程語言的方式也非常常見,從切水果 的Fruit Ninja網頁,到時尚攝影師蕾娜·賽斯的主頁Lena Sanz Photography,諸多養眼的網頁設計都是來自CSS語言。

但這次展覽拼的不是技術或著藝術。伴隨30只生命樣貌的切換,一幅幅幾何狀組合的破碎,設計師試圖展現過去10年來棲息地遭受破壞是如何把動物推 向滅絕的邊緣——曾是 2014 年巴西世界杯吉祥物的三帶犰狳( Three-Banded Armadillo of Brazil)數量減少了 30%,新幾內亞島上的原針鼴鼠( Long-Beaked Echidna )因人類的狩獵而在過去 35-40 年間減少近 80%。

一位Web程序員用純CSS技術畫出30個瀕危動物圖片

一位Web程序員用純CSS技術畫出30個瀕危動物圖片

從擇選物種、設計圖形到搜集生存處境等數據,James 歷時半年,終于完成了這場展覽。在接受《赫芬頓郵報》(The Huffington Post)的采訪時,他表示自己深信唯有看見,才有機會理解。他希望借用看似干癟的的數位科技棱角,營造出特殊的美感,來表達在地球上生存著的美好生命隨 時有可能消失剝離的意象。

一位Web程序員用純CSS技術畫出30個瀕危動物圖片
Bryan James

“如果人們對一種生物連基本的知識背景都沒有,情感連結沒有建立,又怎能期待人們在聽到這個物種瀕危的消息時有一絲心痛呢?”James說道, “或許只有將那些不為人知的生物直觀地呈現在人們面前,我們才能建立兩者的關系,并期許當中的一些人可以因此而開始關注其他受到威脅的生物,甚至將這種關 注化為真實的支援與力量。”

James表示,這場展覽不會與任何慈善機構掛鉤,而圖像的版權費用將直接捐贈給倫敦動物學學會下屬的環保組織Evolutionarily Distinct and Globally Endangered。或許,這位年輕設計師用科技語言召喚著網絡世界的善意,希望能夠為瀕危動物們提供一個虛擬空間的避難所,才是這場“不炫技”互動式 展覽的本意吧。

 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!