Hana 中的渐进模糊与渐变

打开 Hana

几年前，渐进模糊随着 iOS 的玻璃质感界面风格流行起来，最近也在 UI 设计工具中越来越受欢迎。然而，它一直是一种相当复杂的技术，很难用在动效设计或实时交互环境中。

今天，我们在 Hana 中推出实时渐进模糊。这类模糊首次可以实时使用：控制直观，无需任何技术知识，一切都在 Hana 的无限设计画布中完成。

你可以试玩下面的场景，看看它的效果。

如何在 Hana 中添加渐进模糊

你可以选中任意图层，添加 Layer Blur（图层模糊）或 Background Blur（背景模糊）。两种情况下，都可以选择模糊是 Uniform（均匀）还是 Progressive（渐进）。

渐进模糊的原理和渐变非常相似，只不过过渡的不是颜色，而是两个模糊半径值。

Hana 中的平滑渐变

现在你可以在 Hana 中创建渐变了。你可以在线性、径向和极坐标渐变之间选择，并直接在画布上调整位置。

我们还推出了平滑渐变（Smooth Gradients）：这种渐变使用 Smooth Step 插值，让颜色之间的融合更加自然。大多数设计工具的渐变依赖线性插值，在每个渐变色标之间常常会出现明显的断层。

几年前，我们首先在 Spline 的 3D 编辑器中实现了平滑渐变，现在我们把它带到了 Hana。

SVG 导入及更多

过去几周，我们还为 Hana 带来了多项改进，包括支持 SVG 文件（现在直接拖放即可）、性能提升，以及更小的运行时体积。

我们还加入了多项提升使用体验的改进，包括更好用的取色器、改进的选择工具，以及大量小修复，让整体体验更加一致。

立即试用！

这里有一个 Spline Hana 文件，供你探索渐进模糊和渐变的各种能力。

设计工作流正在进化

这些新功能核心虽然简单，却带来了前所未有的创作控制力和创作可能。

过去，要做出这样的动画或实时交互从来都不容易；现在，用 Hana 几秒钟就能完成。

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

—

Spline 团队

了解更多