# Resend 如何用 Spline 中的 3D 设计打造可感知的品牌 - Spline customers (https://spline.design/zh/customers/resend)

> Resend 借助 Spline 把抽象的基础设施变成交互式 3D 体验，为其面向开发者的品牌带来清晰与匠心。

[客户](https://spline.design/zh/customers)

2025年7月25日 · 客户故事 · Resend

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

Resend 借助 Spline 把抽象的基础设施变成交互式 3D 体验，为其面向开发者的品牌带来清晰与匠心。

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

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

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

**Zeh Fernandes**, Resend 创始设计师

## 一切从这个魔方开始

如果你访问过 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 帮助我们传达抽象的想法。它为我们的数字基础设施带来物质感，让我们的产品显得真实。开发者会注意到这些东西，它会成为体验的一部分。

## 鲜活的视觉识别

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

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

Resend 视觉系统中的 3D 图标

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

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

## 开始使用 Spline

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

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

[联系销售](https://spline.design/zh/enterprise)

## 更多客户故事

[2026年4月13日 · 客户故事Lynksen 如何用 Spline 让一个复杂的 B2B 平台网站生动起来](https://spline.design/zh/customers/lynksen)[2026年3月2日 · 客户故事Onyx Coffee Lab 如何为电商打造交互式 3D](https://spline.design/zh/customers/onyx-coffee-lab)[2026年2月24日 · 客户故事Hermetica 如何用 3D 设计提升其金融科技品牌](https://spline.design/zh/customers/hermetica)

[Spline](https://spline.design/zh)

面向团队及其智能体的 3D 和 2D 编辑器。一键发布到网页、iOS 和 Android。

#### 向 AI 询问 Spline

#### 产品

- [3D 设计](https://spline.design/zh/3d-design)
- [Hana](https://spline.design/zh/hana)
- [Omma](https://omma.build)
- [AI 3D 生成](https://spline.design/zh/ai-generate)
- [Spline MCP](https://spline.design/zh/mcp)
- [Spline Arena](https://spline.design/zh/arena)
- [定价](https://spline.design/zh/pricing)
- [企业版](https://spline.design/zh/enterprise)

#### 运行时

- [Web](https://spline.design/zh/web)
- [iOS](https://spline.design/zh/ios)
- [Android](https://spline.design/zh/android)

#### 应用

- [下载](https://spline.design/zh/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [下载 Spline Mirror](https://spline.design/download-mirror)

#### 学习

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/zh/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [解决方案](https://spline.design/solutions)

#### 社区

- [Spline 社区](https://community.spline.design)
- [Blog](https://spline.design/zh/blog)
- [更新日志](https://spline.design/zh/changelog)
- [教育](https://spline.design/zh/education)
- [Contra](https://spline.design/contra)
- [联盟计划](https://spline.design/zh/affiliate)

#### 公司

- [客户](https://spline.design/zh/customers)
- [招贤纳士](https://www.ycombinator.com/companies/spline/jobs)
- [安全](https://spline.design/zh/security)

#### 法律

- [条款与条件](https://spline.design/terms)
- [隐私](https://spline.design/privacy)

#### 联系我们

- [help@spline.design](mailto:help@spline.design)
- [jobs@spline.design](mailto:jobs@spline.design)

© 2026 - Spline, Inc.