在自然界中,没有两件事是完全相同的。生命是不完美的、不可预测的,也是美丽的。我们可以每天穿过同一片森林,看到不同颜色的树叶。我们可以每分钟抬头看云,观察全新的云彩形态。物质世界是瞬息万变的。如果我们的设计更像这样呢?
通常,我们会花费数小时、数周甚至数月精心制作我们的网站/应用程序,雕琢每一个像素,直到它们“恰到好处”。然后,我们将它们发布到世界上——一个完美形成但静态的快照,代表着曾经充满活力、不断发展的事物。
这种工作方式(当然!)没有错。但是,如果我们放弃设计只能有一个最终版本的想法呢?如果我们的界面可以采用多种形式呢?
我可以永远写这些东西,但我认为最好向你展示我的意思。当然,这里有一个 Pen
尝试点击上面的“重新生成”按钮。注意到每次界面略微变化了吗?通过对设计的各个方面进行参数化,然后随机化这些参数,我们可以创建单个想法的无限变化。对于熟悉生成艺术(使用包含自主元素的系统制作的艺术)的人来说,这可能是一个熟悉的概念。
对于创作者(尤其是像我这样的完美主义者!),这种设计方法可以令人难以置信地解放。
对于使用我们制作的东西的人来说,它创造了一种真正个人的体验。通过随机化我们界面中精心挑选的方面,它们变得短暂,对我来说,这有点神奇。没有两个人会看到我们作品的相同版本。
网络可能是一个冰冷、无菌的地方。通过拥抱不可预测性,我们可以为我们的创作增添快乐、有机的触感——对我来说,这就是生成式 UI 设计的本质,我希望你能尝试一下!SVG、Canvas 和 CSS/Paint API 都是生成式工作的优秀媒介,所以选择最熟悉的一个并进行实验。
请记住:谨慎应用,并始终注意可访问性和用户体验。神奇演变的设计很棒,但只有对每个人都棒的时候才是很棒的。
你们可能会在这篇文章中以及今年系列中的一般设计中发现一些生成式设计。
我以为我可能发现了一些!
我最初的想法是“哇,不错的 SVG 背景”,然后我检查了一下,我的大脑爆炸了。太美了。
前段时间我尝试过在悬停/聚焦时使用随机动画剪辑路径偏移,最终得到了这个时髦的按钮:https://jsfiddle.net/hLwxratf/
它在带有以这种方式样式化的多个书签链接的仪表板上看起来很棒。