← 返回 NotesISSUE 003 / AI / 视觉设计
精读笔记AI / 视觉设计NO. 003

Config 2026 视觉识别系统

从字形、纹理到空间与互动:数字工具如何保留人的表达。

来源:Digital Tools, Human Expression: The Visual Identity Behind Config 2026 — Figma Blog 主创团队:Figma Brand Studio(创意负责人:Chelsea White) 活动时间:2026 年 6 月 23–25 日,旧金山 Moscone Center

一、出发点:这是一个关于"人机协作"的命题

Config 2026 的视觉设计不是从"风格"开始的,而是从一个时代问题开始的——当 AI 工具越来越强大,设计师的位置在哪里?

Brand Studio 将答案锚定在三个关键词上:

关键词含义
Evolution(演化)我们通过混合、重解释、重发明来抵达新的东西
Fluidity(流动)在设计与代码之间自由切换,没有固定起点
Harmony(共鸣)与生成式工具共同迭代,同时保留人类的视角

这三个维度共同构成了整个视觉系统的哲学底座:展示 AI 的能力,同时强调手工感,保持人的主体性。

用创意负责人 Chelsea White 的话说:「我们想呈现这种既复杂又强大的 AI 能力,同时强调工艺本身,保持非常人性化的视角。」

二、核心视觉语言:字形(Glyphs)系统

整套视觉识别的核心载体是一套字形(Glyphs)——一系列富有表现力的形状,覆盖从潦草手绘到生成式算法,再到精确几何的完整谱系。

这套字形系统不是装饰,而是一种语义载体:

  • 草图感、不规则的形状 → 象征想法的初始状态、探索阶段的混沌
  • 粒子聚合形(Particle Glyph) → 象征想法的衍生与生成,体现在 Moscone 外墙的玻璃幕上
  • 干净的矩形 → 象征更成熟、已落定的想法

字形的张力就在于:「结果感觉是奇怪的、特异的,但同时又是程序性的、明显数字化的。」——这种矛盾感本身就是当下设计状态的隐喻。

三、纹理开发:用 AI 工具做出"人的感觉"

为了制造出"与 AI 协作时那种意外感",团队反过来用 AI 来生成纹理——这本身就是一个递归式的设计方法。

他们在 Figma Make 中构建了自定义工具,将想要的低保真效果系统化,最终提炼出三种核心纹理:

  1. Scribbly Linework(涂鸦线条)
  2. Blurred Gradients(模糊渐变)
  3. Oval-shaped Particles(椭圆粒子)

将图片输入这些工具,可以输出带有意外感、手绘质感的构图。核心理念来自 Brand Designer Maria Chimishkyan:

「在一个工具可以让我们自动化一切、产出完美视觉的时代,我们想要珍视那些不完美的触感。」

一个典型的工具案例:Dithering 工具

为数百位演讲者的头像做统一视觉处理——传统方式需要大量重复劳动。团队构建了一个抖动(Dithering)效果工具,一次性完成批量处理。效果本身带有精细的点描派(Pointillism)质感,「既有人的触感,又像数字编码」。——Brand Designer Deanna Sperrazza

关键设计洞察:用数字工具处理,反而做出了更有温度的手工感。工具不是目的,质感才是。

四、动态设计:静态与动效的同步开发

Config 2026 的动效不是事后附加的,而是与静态设计并行开发。

Brand Motion Designer Ben Hill 描述了这种工作方式:「这是一种很好的来回——动效影响设计,设计也影响动效。」

早期有一个关键的"顿悟时刻":当团队看到一个简单的 Glyph 动起来,它的粗糙感和意外感,反而给了整个方向强烈的信心。

这让团队做出了一个反直觉的选择:

「我们本可以做出干净利落的字形动画,但我们允许一切变得更松散、更拼贴、更具表现力。它是有观点的,那种感觉是 Figma 独有的。」

Opening Keynote 视频(与动效工作室 Relay 合作)正是这一理念的集中体现:字形和纹理穿插、堆叠、循环,甚至突破容器边界。

五、三维转译:物理空间中的视觉语言

将平面视觉语言落地到物理空间,是此次设计的重要命题。这里有一个核心问题:如何把"不完美的线条"变成真实的立体物体?

团队给出了一个反预期的答案:

「你可能以为把一条不完美的线变成三维,结果是一根细铁丝。但如果它是挤压出来的、厚实的、令人满足的形态呢?」

**挤压泡沫(Extruded Foam)**成为核心实体材料——轻盈、易塑形、能呈现正确的质地。

主要实体作品:

  • Lobby 装置:超大尺寸的挤压泡沫字形悬挂在 Moscone 大厅,「形式上的狂欢与喜悦的时刻,浓缩了整个视觉识别的核心理念」
  • 14 英尺高的泡沫雕塑:立于场馆外部,成为地标性视觉
  • 导视箭头:导视系统中的箭头也采用彩色立体雕塑形态,延续视觉语言

"人机对话"在三维中的延伸:团队还刻意对经典挤压形态做了扭曲处理——「以一种奇特的方式被切割」,以此隐喻人与机器协作中的偏差与独特性。

六、互动装置:把视觉语言变成可参与的体验

Config 2026 最有趣的部分,是将视觉系统转化为可被参与者直接操作的互动装置,让每个人都成为视觉的共同创作者。

Particle Pins

将粒子字形做成真实的插针艺术装置,供观众动手拨弄。「这是一个完全模拟的、感官性的时刻。」——Deanna Sperrazza

Play Canvas

用超大号的 Figma Draw 工具在巨型数字画布上涂鸦。笔触的行为方式——聚集、盖印——与整个 Config 的字形和纹理语言一脉相承。

Shared Frequency

基于 Figma Make 构建的体验:两人将手放在 Kiosk 上,系统根据手的触感与压力,生成一张独一无二的打印图案。每张都是不可复制的变体,「完全属于你们两个人」。——Maria Chimishkyan

Collage Remixer

观众通过实体旋钮和滑块,操控屏幕上的字形和纹理,就像在 Figma 里调整组件和动态描边一样。体验本身就是对设计工具的隐喻。

设计洞察:这些装置不只是「好看的展位」,它们把 Config 的视觉语言——粒子、拼贴、变化——变成了可被身体感知的行为。数字与物理的边界在此消失。

七、衍生物料:让视觉识别在会后继续生长

品牌的生命力在于它能否超出活动本身存在。Config 2026 的周边设计着力于触感与主题的一致性。

  • Flexi Disc(软胶唱片):收录伦敦工作室 Sounds Like These 创作的三首"给创作者的音乐",有机、自然、略带怪异。设计意图:「你能感受到这是一个人做出来的。」
  • 发条音乐盒钥匙扣:播放 Config 核心旋律,模拟数字音频的机械感
  • Config 徽章、手提袋、卫衣:将字形系统前置为主视觉

音乐的逻辑也与整体视觉保持呼应:演讲者出场音乐更精炼、更有能量;Flexi Disc 上的音乐则更环境化、更怪诞——这与「成熟的输出」vs「粗糙的探索」这组对比完全一致。

八、一个完整的逻辑闭环

回望整个系统,Config 2026 的视觉识别形成了一个严密的叙事逻辑:

核心命题(人机共创)
    ↓
概念提炼(Evolution / Fluidity / Harmony)
    ↓
视觉语言(Glyphs + 三种纹理)
    ↓
工具构建(Figma Make 自定义工具生成纹理 / Dithering 工具)
    ↓
动效同步(静态与动效并行开发)
    ↓
三维落地(挤压泡沫 + 反预期的材料解读)
    ↓
互动激活(Particle Pins / Play Canvas / Shared Frequency / Collage Remixer)
    ↓
衍生延续(Flexi Disc + 周边 + 数字海报工具包)

每一层都没有脱离核心命题。最终,用 Chelsea White 的话总结:

「这是一个令人兴奋的时代,不同的想法、媒介、学科和人可以在非线性的过程中汇聚在一起。这套视觉识别自信地庆祝了使之成为可能的数字工具,但通过那些不完美的、令人耳目一新的人类感的动作来呈现。」

备注