Spline
  • 客户
  • 企业版
  • 定价
联系销售开始创作
  1. Academy
  2. 教程
  3. 在 Hana 中用液态玻璃和 3D 变换设计交互

在 Hana 中用液态玻璃和 3D 变换设计交互

Hana入门16 分钟

你好!👋

在本教程中,你将学习如何使用 Spline Hana 最新的液态玻璃效果制作界面微交互。我们还会讨论如何利用 3D 投影工具,打造运用 3D 透视的惊艳设计。

你将学到

  1. 0:00简介
  2. 0:34构建液态玻璃开关
  3. 2:28添加液态玻璃效果
  4. 5:00创建交互
  5. 6:33Hana 更新的更多内容
  6. 7:10构建可堆叠的玻璃
  7. 10:00如何导出你的 Hana 设计
  8. 10:12尝试自定义形状
  9. 10:32用液态玻璃制作放大镜效果
  10. 10:51探索 3D 投影
  11. 11:13构建 3D 传送门
  12. 12:16如何制作 3D 轮播
  13. 13:33额外技巧
  14. 13:38自动布局
  15. 15:15结束语

相关资源

  • Vertical Glass Stack模板
  • 3D Transform文档
  • Effects in Hana文档

概览

  • Hana
  • 16 分钟
  • 入门

所属课程

  • Hana | 你需要了解的一切

相关教程

全部教程
在 3D 中制作液态玻璃材质

Spline 3D入门12 分钟

用矢量构建 3D 图标

Spline 3D入门10 分钟

在 Hana 中制作折射 3D 文字

Hana入门7 分钟

Spline

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

向 AI 询问 Spline

  • English
  • Čeština
  • Deutsch
  • Español
  • Français
  • हिन्दी
  • Bahasa Indonesia
  • Italiano
  • 日本語
  • 한국어
  • Bahasa Melayu
  • Nederlands
  • Filipino
  • Polski
  • Português (Brasil)
  • Português (Portugal)
  • Русский
  • Svenska
  • ไทย
  • Türkçe
  • Українська
  • Tiếng Việt
  • 简体中文
  • 繁體中文

产品

  • 3D 设计
  • Hana
  • Omma
  • AI 3D 生成
  • Spline MCP
  • Spline Arena
  • 定价
  • 企业版

运行时

  • Web
  • iOS
  • Android

应用

  • 下载
  • Spline Mirror
  • 下载 Spline Mirror

学习

  • Docs
  • Academy
  • Spline API
  • 解决方案

社区

  • Spline 社区
  • Blog
  • 更新日志
  • 教育
  • Contra
  • 联盟计划

公司

  • 客户
  • 招贤纳士
  • 安全

法律

  • 条款与条件
  • 隐私

联系我们

  • help@spline.design
  • jobs@spline.design
© 2026 - Spline, Inc.