Spline
  • 客戶
  • 企業
  • 價格
聯絡業務開始創作
  1. Academy
  2. 教學
  3. 在 Hana 中用液態玻璃與 3D 變形設計互動

在 Hana 中用液態玻璃與 3D 變形設計互動

Hana入門16 分鐘

哈囉!👋

在這個教學中,你將學到如何使用 Spline Hana 最新的液態玻璃效果,打造 UI 微互動。我們也會討論如何運用 3D 投影工具,打造善用 3D 透視的驚豔設計。

你將學到

  1. 0:00開場
  2. 0:34打造液態玻璃切換開關
  3. 2:28加上液態玻璃效果
  4. 5:00建立互動
  5. 6:33更多 Hana 更新
  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

為團隊及其 AI 代理打造的 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
  • 價格
  • 企業

Runtime

  • Web
  • iOS
  • Android

App

  • 下載
  • Spline Mirror
  • 下載 Spline Mirror

學習

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

社群

  • Spline 社群
  • Blog
  • 更新日誌
  • 教育
  • Contra
  • 聯盟行銷

公司

  • 客戶
  • 工作機會
  • 安全性

法律資訊

  • 條款與細則
  • 隱私權

聯絡我們

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