交互的语法

从动词出发,
探索交互。

菜单

一个动词,如何变成一种交互?

我从词源、联想和身体感受入手,也关注动词承载的价值观与观念,再把这些含义转化为可操作、可感知、可回应的交互与反馈。

围绕 Sync、Tune、Drift、Inquire 和 Reveal,我完成了二十项实验,将动词转化为字体、动态和交互行为。通过一个想法如何呈现、运动与回应,探索视觉传达、交互设计和快速原型。

持续探索中,还会加入更多动词。

角色
交互设计
能力
字体设计 · 动态设计 · 快速原型
时间
2026
工具
Figma · Figma Make · Codex

交互实验

20 项实验

设计研究

每个动词都从具象、抽象、情感和反义四个角度展开,追溯词源与联想,再通过字体和视觉参考,转化为可能的交互行为。

Reveal — 揭开、发现规律、期待,以及选择性可读。在 Figma 中查看 ↗

Reveal:设计期待感

「揭开」的词源让我关注事物变得清晰之前的瞬间。在 Blur Reveal 中,我用局部可见暗示有内容等待发现,让揭示的过渡本身成为体验。

若隐若现的词

清晰与模糊的条带交错,让词语仍可辨认,却不能一眼读清。字体既是信息,也是被揭开的材料。

用材质邀请探索

条纹玻璃与半透明界面启发了变化的折射效果。我希望模糊的表面先引发好奇,再通过点击揭开词语。

以上为研究展板中的参考图,非本项目产出。

交互
开发

Reveal / 模糊揭示

我将玻璃研究转化为一组交互状态:悬停时折射跟随指针,点击后条带横向展开,直到词语清晰显现。

窄条带
变化的边缘
开口扩大
折射减弱

静止时

局部可见,暗示隐藏的内容。

悬停时

折射回应指针,邀请进一步点击。

点击时

条带展开、模糊消退,完成揭示。

Blur Reveal — 悬停与点击演示。
亲自试试