“就像建筑師有責任考慮他們設(shè)計的東西的碳成本一樣,每個數(shù)字設(shè)計師也應(yīng)該有責任為他們制作的網(wǎng)站和應(yīng)用程序考慮同樣的事情。”這是總部位于倫敦的設(shè)計師維克多·黃(Victor Hwang)的沉思,他倡導進一步使用低碳網(wǎng)頁設(shè)計。今年早些時候,維克多與藝術(shù)家兼策展人麥迪·羅斯·希爾斯在她的研究平臺Mater上合作。該平臺由藝術(shù)家、設(shè)計師和研究人員的貢獻組成,他們與他們使用的材料有著深厚的交織關(guān)系。維克多補充道:“它們一起證明了我們大家對我們使用的材料要更加慎重,尤其是在氣候緊急情況下。”
正是這種精神——注意并考慮你在整個實踐中使用的材料,麥迪熱衷于將其融入網(wǎng)站設(shè)計。維克多說:“我們并不經(jīng)常認為數(shù)字事物是由材料制成的,但它們絕對是。”弗蘭克·奇梅羅的文章《網(wǎng)絡(luò)的谷物維克多》引用了這一事實的精彩表現(xiàn),是維克多實踐的“形成性”文章。維克多和麥迪也受到了其他有氣候意識的網(wǎng)站的啟發(fā):對于維克多來說,他受到了《低技術(shù)雜志》的太陽能網(wǎng)站的啟發(fā),而對于麥迪來說,這是研究性設(shè)計工作室Formantasma的作品集網(wǎng)站。
當維克多正在為藝術(shù)委員會的資助撰寫投標書時,麥迪聯(lián)系了她,在最初的階段,他們一起構(gòu)建了一個致力于低碳最終結(jié)果的簡報。簡報的大綱之一是對所有投稿人的指導方針,維克多解釋道,“通過禁止視頻和鼓勵使用文本和音頻,引導他們朝著低碳的方向發(fā)展”。維克多并沒有限制,相反,他認為這些指導方針增強了貢獻。他強調(diào)了諾蘭·奧斯瓦爾德·丹尼斯的這一頁,這一頁在他的文本中融入了詩意的ASCII藝術(shù)干預。
維克多第一次進入網(wǎng)絡(luò)設(shè)計,與很多人都會有關(guān)聯(lián)——比如,在盜版Photoshop上設(shè)計Neopets公會布局和論壇簽名。但除此之外,他的母親是一名出租車司機,維克多解釋說,藝術(shù)和設(shè)計并不是他成長過程中直接關(guān)注的。正是幾位優(yōu)秀的美術(shù)老師——他們讓他在美術(shù)課上小修電腦——增長了他的熱情。尤其是一位曾在金斯頓任教的學生,促使他在該校攻讀平面設(shè)計學位。畢業(yè)后,維克多一直擔任英國廣播公司和議會的設(shè)計師。然而,最近,維克多辭去了工作,專注于讓項目網(wǎng)站更符合他的個人興趣。
在實現(xiàn)Mater網(wǎng)站的過程中,維克多和麥迪最引以為傲的元素之一是每個網(wǎng)頁的頂部。維克多解釋道:“它提供了一個空間來玩弄圖像,以某種方式將其轉(zhuǎn)化為低碳的共同表達方式。”該實踐的第一個交互可以在第一章頁面上看到。在這里,每一個貢獻都被列出,作者的名字都是可見的,然后當光標移動到它上面時,轉(zhuǎn)化為一個由紋理點組成的圖像。
維克多解釋道:“為了以如此引人注目的方式壓縮這些圖像,我寫了一點代碼,將藝術(shù)家的圖像壓縮成微小的文件,然后我們將每張圖像分解回原來的大小,同時刪除較暗或較亮的像素,以查看剩余的內(nèi)容。”對于第二組貢獻,維克多解釋說,他們需要一些不需要太多處理的東西。因此,維克多縮小了圖像,并將其放置在超大文本上。維克多詳細介紹道:“這是許多網(wǎng)站處理這一部分的方式的顛倒——大圖片和小文本。但同樣,這也是一種尋求創(chuàng)造性解決方案的愿望,使我們對地球的影響盡可能小。”
維克多解釋道:“為了以如此引人注目的方式壓縮這些圖像,我寫了一點代碼,將藝術(shù)家的圖像壓縮成微小的文件,然后我們將每張圖像分解回原來的大小,同時刪除較暗或較亮的像素,以查看剩余的內(nèi)容。”對于第二組貢獻,維克多解釋說,他們需要一些不需要太多處理的東西。因此,維克多縮小了圖像,并將其放置在超大文本上。維克多詳細介紹道:“這是許多網(wǎng)站處理這一部分的方式的顛倒——大圖片和小文本。但同樣,這也是一種尋求創(chuàng)造性解決方案的愿望,使我們對地球的影響盡可能小。”
展望未來,維克多希望這種低碳方法將被大公司采納和整合。他說:“現(xiàn)實情況是,對一個訪問量很大的網(wǎng)站進行調(diào)整,其中許多網(wǎng)站都充斥著不必要的代碼,這將比只針對特定受眾的網(wǎng)站產(chǎn)生更大的影響。”此外,維克多認為那里有一個巨大的尚未開發(fā)的表達領(lǐng)域,等待發(fā)掘。
“低碳不一定意味著無聊!所以我希望網(wǎng)絡(luò)底層材料和我們構(gòu)建的網(wǎng)站之間的重新連接可以帶來一個更具創(chuàng)意、更有趣的互聯(lián)網(wǎng)。”利用直覺和創(chuàng)造性的問題解決,同時創(chuàng)造出一些引人注目的東西,Mater網(wǎng)站本身就是一個事實的證明,低碳網(wǎng)頁設(shè)計不會以犧牲美麗、復雜的視覺效果為代價。如果你計劃建立自己的低碳網(wǎng)站,請閱讀下面的內(nèi)容,獲取一些有用的建議。
“低碳不一定意味著無聊!所以我希望網(wǎng)絡(luò)底層材料和我們構(gòu)建的網(wǎng)站之間的重新連接可以帶來一個更具創(chuàng)意、更有趣的互聯(lián)網(wǎng)。”利用直覺和創(chuàng)造性的問題解決,同時創(chuàng)造出一些引人注目的東西,Mater網(wǎng)站本身就是一個事實的證明,低碳網(wǎng)頁設(shè)計不會以犧牲美麗、復雜的視覺效果為代價。如果你計劃建立自己的低碳網(wǎng)站,請閱讀下面的內(nèi)容,獲取一些有用的建議。
維克多關(guān)于建立低碳網(wǎng)站的建議
最重要的是確保網(wǎng)站的文件大小盡可能?。簤嚎s你的圖像!圖像文件格式在過去幾年里取得了長足的進步,因此您不需要在質(zhì)量上妥協(xié)。對于Mater,我們使用了一種名為.webp的相當新的文件格式,它可以大幅縮減文件大小。
盡可能使用默認值,這樣下載的內(nèi)容就更少了。例如,我們在整個網(wǎng)站中只使用Times New Roman,這是每個人的電腦上都有的字體。我們還盡可能使用了默認的HTML元素——使用默認的<audio>組件,并將<details>元素用于音頻記錄,而不是設(shè)計任何定制的內(nèi)容。
考慮幕后的事情也很重要。我們確保我們的網(wǎng)站主機只使用100%的綠色能源,并將Mater構(gòu)建為一個靜態(tài)網(wǎng)站。這有點技術(shù)性,但大多數(shù)網(wǎng)站都是“動態(tài)”的,這意味著當用戶瀏覽網(wǎng)站時,他們會向服務(wù)器發(fā)出許多請求,以獲取更多數(shù)據(jù)。每個請求都使用電力,增加了碳足跡。相反,靜態(tài)站點會提前將所有內(nèi)容轉(zhuǎn)換為平面HTML文件。
想想你的網(wǎng)站會讓用戶的設(shè)備使用多少能量。由于現(xiàn)代屏幕的工作方式,深色使用更少的能量。此外,一個有大量動畫的網(wǎng)站會讓他們的電腦或手機工作得更辛苦,增加其耗電量或電池耗電速度。我們對Mater避免了這樣的事情,這迫使我們更仔細地思考“品牌”如何表達自己。這是一個很好的挑戰(zhàn)!