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