当前位置: 首页 > 设计资讯 > 设计教程 > 正文

如何建立一个低碳网站?网页设计师Victor Hwang分享了他的方法

2022-11-08 2403 0
    “就像建筑师有责任考虑他们设计的东西的碳成本一样,每个数字设计师也应该有责任为他们制作的网站和应用程序考虑同样的事情。”这是总部位于伦敦的设计师维克多·黄(Victor Hwang)的沉思,他倡导进一步使用低碳网页设计。今年早些时候,维克多与艺术家兼策展人麦迪·罗斯·希尔斯在她的研究平台Mater上合作。该平台由艺术家、设计师和研究人员的贡献组成,他们与他们使用的材料有着深厚的交织关系。维克多补充道:“它们一起证明了我们大家对我们使用的材料要更加慎重,尤其是在气候紧急情况下。”
      正是这种精神——注意并考虑你在整个实践中使用的材料,麦迪热衷于将其融入网站设计。维克多说:“我们并不经常认为数字事物是由材料制成的,但它们绝对是。”弗兰克·奇梅罗的文章《网络的谷物维克多》引用了这一事实的精彩表现,是维克多实践的“形成性”文章。维克多和麦迪也受到了其他有气候意识的网站的启发:对于维克多来说,他受到了《低技术杂志》的太阳能网站的启发,而对于麦迪来说,这是研究性设计工作室Formantasma的作品集网站。
20221108_101135_116 
      当维克多正在为艺术委员会的资助撰写投标书时,麦迪联系了她,在最初的阶段,他们一起构建了一个致力于低碳最终结果的简报。简报的大纲之一是对所有投稿人的指导方针,维克多解释道,“通过禁止视频和鼓励使用文本和音频,引导他们朝着低碳的方向发展”。维克多并没有限制,相反,他认为这些指导方针增强了贡献。他强调了诺兰·奥斯瓦尔德·丹尼斯的这一页,这一页在他的文本中融入了诗意的ASCII艺术干预。 
      维克多第一次进入网络设计,与很多人都会有关联——比如,在盗版Photoshop上设计Neopets公会布局和论坛签名。但除此之外,他的母亲是一名出租车司机,维克多解释说,艺术和设计并不是他成长过程中直接关注的。正是几位优秀的美术老师——他们让他在美术课上小修电脑——增长了他的热情。尤其是一位曾在金斯顿任教的学生,促使他在该校攻读平面设计学位。毕业后,维克多一直担任英国广播公司和议会的设计师。然而,最近,维克多辞去了工作,专注于让项目网站更符合他的个人兴趣。
20221108_101135_117
      在实现Mater网站的过程中,维克多和麦迪最引以为傲的元素之一是每个网页的顶部。维克多解释道:“它提供了一个空间来玩弄图像,以某种方式将其转化为低碳的共同表达方式。”该实践的第一个交互可以在第一章页面上看到。在这里,每一个贡献都被列出,作者的名字都是可见的,然后当光标移动到它上面时,转化为一个由纹理点组成的图像。

      维克多解释道:“为了以如此引人注目的方式压缩这些图像,我写了一点代码,将艺术家的图像压缩成微小的文件,然后我们将每张图像分解回原来的大小,同时删除较暗或较亮的像素,以查看剩余的内容。”对于第二组贡献,维克多解释说,他们需要一些不需要太多处理的东西。因此,维克多缩小了图像,并将其放置在超大文本上。维克多详细介绍道:“这是许多网站处理这一部分的方式的颠倒——大图片和小文本。但同样,这也是一种寻求创造性解决方案的愿望,使我们对地球的影响尽可能小。”
20221108_101135_118
      展望未来,维克多希望这种低碳方法将被大公司采纳和整合。他说:“现实情况是,对一个访问量很大的网站进行调整,其中许多网站都充斥着不必要的代码,这将比只针对特定受众的网站产生更大的影响。”此外,维克多认为那里有一个巨大的尚未开发的表达领域,等待发掘。

    “低碳不一定意味着无聊!所以我希望网络底层材料和我们构建的网站之间的重新连接可以带来一个更具创意、更有趣的互联网。”利用直觉和创造性的问题解决,同时创造出一些引人注目的东西,Mater网站本身就是一个事实的证明,低碳网页设计不会以牺牲美丽、复杂的视觉效果为代价。如果你计划建立自己的低碳网站,请阅读下面的内容,获取一些有用的建议。
20221108_101135_119
维克多关于建立低碳网站的建议
      最重要的是确保网站的文件大小尽可能小:压缩你的图像!图像文件格式在过去几年里取得了长足的进步,因此您不需要在质量上妥协。对于Mater,我们使用了一种名为.webp的相当新的文件格式,它可以大幅缩减文件大小。
      尽可能使用默认值,这样下载的内容就更少了。例如,我们在整个网站中只使用Times New Roman,这是每个人的电脑上都有的字体。我们还尽可能使用了默认的HTML元素——使用默认的<audio>组件,并将<details>元素用于音频记录,而不是设计任何定制的内容。
20221108_101135_120
      考虑幕后的事情也很重要。我们确保我们的网站主机只使用100%的绿色能源,并将Mater构建为一个静态网站。这有点技术性,但大多数网站都是“动态”的,这意味着当用户浏览网站时,他们会向服务器发出许多请求,以获取更多数据。每个请求都使用电力,增加了碳足迹。相反,静态站点会提前将所有内容转换为平面HTML文件。
      想想你的网站会让用户的设备使用多少能量。由于现代屏幕的工作方式,深色使用更少的能量。此外,一个有大量动画的网站会让他们的电脑或手机工作得更辛苦,增加其耗电量或电池耗电速度。我们对Mater避免了这样的事情,这迫使我们更仔细地思考“品牌”如何表达自己。这是一个很好的挑战!

0
评论区(0)
正在加载评论...