Resend 如何用 Spline 中的 3D 设计打造可感知的品牌

在 Resend，设计不只是表面功夫，而是他们与开发者建立信任的核心方式。作为一个为现代开发团队简化事务邮件和营销邮件的平台，Resend 知道他们的受众看重清晰、精准和细节。

对创始设计师 Zeh Fernandes 来说，要让这些价值变得可感知，尤其是对一款抽象的基础设施产品，就意味着要超越扁平设计。因此，当需要重新构想 Resend 在网页上的视觉识别时，3D 交互不只是点缀，而成为了一项策略。

我们想让受众看到我们在乎细节。设计是我们产品的一部分。借助 Spline，我们可以创建真实的交互式 3D 对象，让我们的基础设施变得可感知。

一切从这个魔方开始

如果你访问过 Resend 的首页，你一定见过它：一个在落地页上旋转、造型利落的交互式黑色魔方。它不只是吸睛，更已经成为标志性形象，以至于 Resend 还 3D 打印了实体版本，寄给他们的早期客户。那个魔方？正是用 Spline 构建的。

“我们从 Spline 社区里的一个版本起步，然后随着时间不断演进，”Zeh 说，“我们更新了它的材质、灯光和风格，以体现品牌的成长。最棒的是什么？一直都是同一个文件。”

借助 Spline 与 React 的无缝集成，Resend 团队无需编写底层 3D 代码，就能把魔方直接嵌入网站。

在用 Spline 之前，我们得专门找一位开发者来处理 3D 集成。现在我们可以并行工作：设计师专注于打磨素材，工程师也不必从零重建它们。

用于营销的 3D 设计系统

魔方只是开始。Spline 很快成为 Resend 制作营销素材的首选工具，从动画图标到会响应按键的首屏构图都用它来做。

在他们的“Launch Week”活动期间，团队用 Spline 为每天的发布量身打造 3D 视觉。例如，在推出全新的浅色模式时，他们构建了一个沐浴在光芒中的璀璨水晶造型，完全在 Spline 中设计和渲染。

Resend 还利用 Spline 的事件系统，在嵌入的素材中加入有趣的交互细节，比如由鼠标和键盘触发的动画，为眼尖的用户带来惊喜。

3D 帮助我们传达抽象的想法。它为我们的数字基础设施带来物质感，让我们的产品显得真实。开发者会注意到这些东西，它会成为体验的一部分。

鲜活的视觉识别

Resend 的 3D 设计系统仍在不断演进，而 Spline 始终处于它的中心。

“我们正在加倍投入物质感，”Zeh 说，“它帮助我们把基础设施这样无形的东西可视化。如果 Spline 继续提升质量，尤其是材质，我们会不断扩展对它的使用。”

无论是造型利落的首页视觉、Launch Week 动画，还是一套 3D 图标，Resend 的视觉识别都在 Spline 中找到了创意伙伴。

它不只是装饰，而是我们表明自己在乎细节的方式。而这正是用户能感受到的。

开始使用 Spline

自从采用 Spline 以来，Resend 彻底改变了建立和传达视觉品牌识别的方式，提升了品牌知名度。

这个平台简化了他们的 3D 设计流程，消除了技术障碍，让团队能够快速制作原型、迭代并发布交互式视觉，为其面向开发者的产品体验带来清晰与深度。

联系销售