AI 美学:技术如何重塑界面设计语言

AI 美学:技术如何重塑界面设计语言 图片 1
AI 美学:技术如何重塑界面设计语言 图片 2
AI 美学:技术如何重塑界面设计语言 图片 3

每一种时代精神都伴随着其自身所面临的种种挑战而诞生的独特设计语汇。其中许多语汇会随着潮流的更迭而逐渐淡出,但也有部分语汇却深深扎根于现有软件交互范式之中,成为其更为深层的组成部分。

以汉堡菜单(≡)为例,它在移动设备兴起时期因屏幕尺寸的限制而迅速普及。此后,这一设计语汇又广泛应用于软件交互设计的诸多领域,并且很可能在未来很长一段时间内依然占据重要地位——作为一种简洁明了的方式,用来表示“此处还有更多菜单类内容”的含义。

再如,早在人工智能出现之前,“闪闪发光”的表情符号✨究竟意味着什么?就我个人而言,我并不清楚,但如今它却成了“人工智能”的代名词。

(AI = 闪闪发光、彩虹色——仔细想想还真有点好笑。其实当初干脆直接把独角兽也加进去,三重奏就完美了。AI = 闪闪发光、彩虹、独角兽 ✨🌈🦄。再合适不过了。)

有些设计模式与人工智能作为一项技术本身所固有的交互方式高度契合。例如:流式文本。这种模式原本就是为聊天界面量身打造并不断优化的,因此在其他软件交互范式中可能并没有太多实用价值可言。

此外,还有一些由人工智能界面精心打磨的设计模式,正逐渐向软件的其他领域扩散。比如“闪烁文字”——在人工智能的世界里,它往往暗示着某种“思考”过程,但如今却被重新赋予了新的用途,用来指代各类异步任务(如思考、获取数据、计算等)。

当然,我的潜意识还察觉到了一些其他影响因素。例如,许多人工智能应用都采用小巧的图标。对我而言,这些图标在桌面 Electron 应用中最为显眼——因为它们正是 与系统层级应用的粒度冲突。

看看这张截图吧:左侧是桌面版的人工智能应用(如 Claude、Codex、Cursor),而右侧则是来自苹果的 macOS 应用(如 Finder、Photos、Mail)。

你可以看到,这些人工智能应用的图标比它们的原生版本要小得多、也更薄。

小小的图标,真的会成为我们与计算机交互的未来吗?(就我个人而言,我倒希望不是。)

我的大脑还对人工智能联想到许多其他美学元素,比如 米色/奶油色、橙色点缀和衬线字体,以及那种“打地鼠”式的 UI 控制器——你知道的,那种你只需点击开关按钮,整个 UI 就会重新绘制一遍,然后你得把鼠标移到 UI 的其他位置,才能再次点击开关按钮的交互方式。

人工智能那独特的“颗粒感”所带来的非确定性,早已悄然渗透进了它的 UI 和 X 设计之中。

这一切不禁让我思索:在这一“人工智能时刻”中,又有哪些新的美学元素正在孕育诞生?又有多少美学元素会不断传播、生根发芽,最终成为未来数年甚至数十年间普遍存在的软件交互范式的一部分呢?

回复方式:电子邮件 · 乳齿象 · 蓝天

添加评论
点赞收藏
点踩分享查看原文
评论
?
参与讨论