用 Hana 打造互動式鍵盤

第 10 課,共 15 課Hana入門9 分鐘

嗨!👋

在這個教學中,你將學到如何打造一個 100% 用 Hana 製作的互動式鍵盤。我們會說明如何加入陰影為設計創造深度,以及如何套用按鍵事件,用真實的鍵盤與場景互動。這個設計非常靈活,可以用在許多不同的地方。我們開始吧!

在這裡重新混搭這個示範:https://app.spline.design/ui/56d99098-8346-4abe-9e0a-674fdd6dcb0c

你將學到

  1. 0:00開場
  2. 0:22加入基礎框架
  3. 0:34建立鍵盤底座
  4. 1:14為鍵盤底座加上陰影
  5. 1:37建立字母與數字鍵
  6. 3:31建立 Enter 鍵
  7. 3:45為數字和字母加上投影
  8. 4:07加入按鍵事件
  9. 6:57打造螢幕互動
  10. 8:50最終設計
  11. 9:04結尾

相關資源