网页设计做得很好:完全没有意义

已发表: 2022-03-10
快速总结↬ Web Design Done Well的这一部分庆祝奇怪和古怪的网站。 具有甜蜜、天真、有时毫无意义的目的的网站。 他们是赚钱的人吗? 游戏规则改变者? 不一定,但它们确实很有趣,而且只有网络才能真正做到。

在 KPI 和电子商务以及看似无穷无尽的分析中,仍然有很多网站拥抱轻浮。 只是享受一点乐趣不是很重要吗?

如今,网络感觉像是一个非常商业化的地方。 您去那里的大多数地方似乎都有大量光鲜的产品和令人不安的个性化广告在争夺我们的注意力。 有很多钱可以赚,有时这一切都会让人觉得有点不人道。

放松身心,尽情享受。 甚至可以考虑自己的一个毫无意义的项目。 以免我们忘记,万维网上可能发生的唯一限制是我们的想象力。

部分:网页设计做得很好

  • 第 1 部分:平凡变得非凡
  • 第 2 部分:利用音频
  • 第 3 部分:出色的社论
  • 第 4 部分:完全没有意义
  • 另外,订阅我们的时事通讯不要错过下一个。

黑客打字机

唉,现代开发者的生活并不像黑客帝国让我们相信的那样神秘或性感,但这并不意味着我们不能沉迷于一点点虚构。 Hacker Typer 是一个老歌,但也是一个好人,“源于一个简单的愿望,希望看起来像电影和流行文化中的刻板黑客”。

黑底黑字设计的 Hacker Typer 网站截图。
(大预览)
跳跃后更多! 继续往下看↓

短途旅行

对于艺术家来说,没有什么比万维网更大的毯子画布了。 在销售产品和建立品牌方面承担着如此多的责任,人们可能会忽视为创造而创造的想法。

Alexander Perrin 的实验性页面“Short Trip”展示了在线的可能性。 “草图”的想法仍然让人感觉非常实际——你需要笔和纸。 不是这样。 石墨插图和电车在这个“交互式插图”中处于前沿和中心位置。 为什么? 为什么不?

Short Trip 的截图,Alexander Perrin 的实验页面,带有石墨插图。
(大预览)

这是使用 Three.js 和 JavaScript WebGL 构建的,适用于桌面和移动设备。 已经习惯了现代网络的参与式设计,看着数字世界飘过,会有一种令人难以置信的平静。

绘图.花园

“园艺,但有表情符号和更少的时间。” 这就是明尼阿波利斯艺术家 Ben Moren 描述这个非常可爱的绘画花园的方式。 那大约涵盖了它。 将光标拖过屏幕,看着一片空旷的田野变得金碧辉煌,草莓、向日葵和(象征性地)神奇的蘑菇。 一定要打开声音。

带有 SM 字母的 drawing.garden 网站截图。
(大预览)

当人们谈论照料自己的“数字花园”时,这并不是人们的意思,但这是一个非常令人愉快的选择。 对于那些对根中发生的事情感兴趣的人,该项目是使用 p5.js 制作的,并且可以在 GitHub 上查看完整的代码。

触发器

这一个的执行是完美的。 众筹和支持者计划已经改变了大部分网络的游戏规则(顺便说一句,请考虑成为Smashing的成员),但他们在他们的时代也有一些失误(不是我们,我们真的很好)。 Flopstarter 是一块不那么微妙的讽刺金币,它汇集了各种荒谬的想法,需要你辛苦赚来的钱才能成为现实。

带有 AnkleHub 项目的 Flopstarter 网站截图
(大预览)

扁平的碗、土豆皮夹克、纸巾枕套让你哭个不停——这是一堆非常愚蠢的想法。 该网站做得如此专业,以至于您几乎想要支持这些产品。 几乎。

释放你内心的波洛克

谁需要画架才能成为艺术家? 这个杰克逊波洛克网站可让您创建自己的狂躁杰作,为酷炫的计算网络带来可爱的有机感​​觉。 和你一起“画画”是一种乐趣,甚至可以让你相信你有点艺术。 (如果波洛克不是你的风格,为什么不试试蒙德里安和我呢?)

杰克逊波洛克网站的截图,上面有一些作者的艺术作品。
请继续关注 NFT。 (大预览)

该网站由希腊艺术家 Miltos Manetas 于十多年前建造,至今仍是一个精彩的展示,展示了借助网络的交互性可以做什么。 只要我们把它当作一幅画布,它就可以成为一幅画布。

琶音

这个 Chrome 实验可以根据用户的心血来潮循环播放音阶,给人一种俏皮、纯粹的感觉。 能够在不同的键和乐器之间切换并不是严格意义上的任何事情,但它确实是令人愉快的。

琶音网站截图
(大预览)

简洁的演示和界面在这里对页面有利。 它是围绕它的核心元素——音符而构建的。 声音很容易(而且经常)笨拙地应用在网络上,但是像这样的页面提醒人们它可以是多么丰富的体验。

推箱子

推箱子由 Hiroyuki Imbayashi 在 1980 年代首次编写,是一种益智游戏类型,玩家在其中推箱子在仓库周围,直到每个箱子都放在指定的存储位置。 认为这是一个干燥的前提? 再想一想。 这是一个冰冷的经典,不仅仅是有点上瘾,而且可以在 sokoban.info 上免费玩。

推箱子网站截图
(大预览)

有超过 7,500 个关卡需要完成,这是所有连环拖延者的必备书签。 在尽可能少的动作中完成每一个动作的额外挑战实际上使它成为终身游戏。

让一切正常

我们都希望拥有的按钮。 Make Everything OK 让事情变得简单。 我不会假装知道它提供产品的幕后情况,但这对我来说听起来很划算。

Make Everything OK 网站截图
现在任何一分钟......(大预览)

一个想法很美——无论多么愚蠢——被如此简单地执行。 这也是拟物网页设计的一个很好的小例子。 一个按钮,一个结果。 不要假装你不会尝试。 我们都知道你会的。 来吧,让一切正常。

免责声明:这可能不会让一切正常。

地理城市

这是 OG 毫无意义的网站——或者更确切地说,这些是 OG。 GeoCities 成立于 1994 年,是一项服务,允许用户免费为网站编码,并将它们分组到具有相似页面的“城市”中。 到 2009 年结束时,已经创建了大约 3800 万个用户编写的页面。 值得庆幸的是,其中许多页面都存在于restorativland 的Geocities Gallery 档案项目中。

OG 截图,带有来自多米尼加共和国的图片
一周中的每一天都通过 Facebook 个人资料给我这个。 (大预览)

浏览档案可以让您一窥互联网曾经和现在可能成为的样子。 想到的最接近的当代社区是 IndieWeb。 当然,还有 GeoCities 的精神继承者 Neocities。 网站另类和混乱,但富有表现力和美丽。 正如爱德华·斯诺登(Edward Snowden)在他的回忆录《永久记录》( Permanent Record )中所说,“业余制作的所有这些怪癖和抽搐只是表明,该网站背后的指导智慧是人性化的和独特的。”

Ain't No Project Bizarre 不够奇怪

上面共享的网站只是网络上艺术作品、实验页面和彻头彻尾的荒谬项目的一小部分。 只要您寻找它们,它们就在那里 - 或者甚至自己制作一些。

如果您想了解更多这些内容的来源,Pointless Sites 和 The Useless Web 是不错的选择。 像 CodePen 这样的其他网站充斥着了不起的修补匠。 对于数字历史爱好者,我再次轻轻地将您推向 GeoCities 档案馆及其精神继承者 Neocities。 谢天谢地,毫无意义的激情项目仍然存在并且很好。

  • Jhey Tompkins 的“代码中的趣味性:通过玩乐来增强你的学习能力”
  • Saskia Freeke 的“五年来每天从编码艺术品中学到的意外收获”

如果你觉得很大胆,为什么不把你之前写下的想法拼凑起来呢? 试试那个框架,那个库,或者那个应用程序。 没有太愚蠢或缺乏价值的事情。 如果你喜欢制作它,那就足够了。

继续前进,毫无意义。 在您的在线生活中保持一些上帝诚实的纯真。