Hana 正式推出

打开 Hana

Hana 为交互式设计带来了一种全新的方式。Hana 从零开始构建，以性能为核心，是一块用于设计和制作交互式 2D 体验动画的实时画布，从精致的界面到动态视觉效果，都能直接交付到生产环境。

Hana 让你能够在一块快速、无限的画布中，创建丰富的、基于状态的内容，让它们能够运作、响应并作出反应。

能力

为了 Hana，我们打造了一种新型渲染引擎，能够实时、极快地处理矢量数据。它为创作者带来现代化的矢量网络编辑、基于状态的过渡和 GPU 加速的特效，而这一切都在一个协作式的、浏览器原生的环境中完成。

你在 Hana 中设计的一切，默认都可以直接用于生产环境。无论是简单的形状，还是复杂的交互式体验，Hana 的引擎都能处理实时交互，并且可以轻松嵌入任何网站或应用。

从精确的矢量绘制到柔和的阴影与模糊，Hana 以一种轻盈却无限的方式，把强大与简洁结合在一起。

实时设计协作

Hana 中的画框可以是独立运行的可播放组件，一切都在编辑器中完成。这样就不再需要单独的“动画”模式，简化了创作过程。你只需在编辑器中的画框上直接播放，就能与你的体验进行交互。画框还可以单独导出为在线链接、图片，未来还会支持更多格式。

分享一个链接，协作者就能立即加入，体验并参与到你的画布中。每一次编辑都实时呈现，反馈即时可见。这是从设计之初就为多人协作打造，并且做对了。

Hana 利用了 Spline 3D 编辑器早已支持的实时协作系统，让你的团队行动更快、保持同步。

实时矢量网络

矢量网络（Figma 于 2016 年提出的概念）允许把两条以上的线连接到同一个点上，让各种形状的创建变得更容易。

Hana 将这一思路提升到新的高度，推出了首个可以在实时环境中创建矢量网络的系统。

此外，多级布尔运算让你可以创建高级形状和流体效果，轻松实现复杂且可动画的形状。

交互与动画

使用事件驱动的交互为你的设计添加行为，从悬停状态到键盘输入，应有尽有。直接在画布上为过渡制作动画、构建流程、尝试动效，无需切换工具。

有了 Hana，动效和交互成为设计过程的一部分，而不再是事后才考虑的事情。

导出与分享，直达生产环境

与 Spline 的 3D 编辑器类似，在 Hana 中，你可以从任何画框生成在线交互式链接。一切都针对嵌入生产环境进行了优化，让你的作品在部署后与在编辑器中看起来一样出色。

交互的新时代

这是一种用于交互式思考的新媒介。无论你是在设计产品、打磨界面交互，还是创造丰富的交互式体验，Hana 都能帮你把想法变为现实。

Hana 是未来更多可能的基础。

这是我们更宏大愿景的第一步，也就是如今的 Spline 生态：在这里，2D/3D 设计与交互无缝融合、无缝部署。

我们迫不及待想看到你用 Hana 创作的作品！

—— Spline 团队 🌸

了解更多