斑马鱼互动科普

斑马鱼与上海光源

斑马鱼繁殖快、胚胎透明，是实验室常用的模式生物。上海光源是中国科学院的大科学装置，面向同步辐射研究，实验中常以斑马鱼为检测对象。视频中是斑马鱼成体；项目借鉴的实验现象来自斑马鱼幼体在毒理实验中的形态变化。

项目是“巡天，寻找世界模型”艺术与科技展中的科普展项，要把这类科学实验的内容讲给普通观众听。

从病理到概念

斑马鱼毒理实验里常见的形态变化是肿大与弯曲。项目把这两类变化概括成“充气”的造型语言，并转译为字形与模型的可变轴，充气越多，字形与鱼形模型的变化越明显。

一条链路

鱼形变化 → 充气语言 → 可变轴 → 网页与模型。Zebba 以 Roboto Mono 为原型，用 Glyphs 开发，设置字重与充气两个可变轴，字重从 light 到 bold，充气对应中毒状态。

字形与三维模型

鱼形充气模型用 Blender 建模，与可变字体共用同一套变化逻辑。网页完全自研实现，没有依赖前端框架；三维模型带物理模拟，字形的可变轴随交互实时变化。

数字检测剂

概念是“数字检测剂”，用户产生某类数字行为时，字形与模型出现对应的“中毒”反应，让数字空间的健康状态可见。覆盖桌面鼠标、打字、日历、音频与移动设备等场景。

移动、输入与动态书籍

相同的变化逻辑延伸到手机、打字与动态书籍等场景，行为发生时字形立即响应。

核心挑战

• 转译不装饰，形态变化要变成可感知的语言，不能只是好看的图形；
• 跨媒介一致，网页、字体、模型与展陈用同一套变化逻辑；
• 技术助叙事，原生开发保留对字形与性能的精细控制，避免技术堆砌。

产出与复盘

项目产出包括，可交互的科普网页、Zebba 可变字体文件（字重与充气两个轴）、一套基于形态变化的动态视觉系统，以及网页、移动设备、日历等多媒介应用方案。作品作为“巡天”展的互动展项落地，由我负责网页开发与动效、界面设计，并参与可变字体设计。

复盘上有两点。可变轴收敛在“充气”一个意象上，字体、模型、页面因此天然一致，这是项目最顺的部分；但互动形式以鼠标、打字等简单行为为主，观众需要讲解才能理解背后的科学含义。下一步可以把真实实验数据接入字体轴，让变化来自数据而不是手势。

展览现场

展项以屏幕与互动控制台的形式落地“巡天”展，观众可以通过控制面板与网页进行交互。