# Mendesain Ikon Interaktif yang Mulus di Hana - Hana | Semua yang Perlu Anda Ketahui - Spline Academy (https://spline.design/id/academy/tutorials/design-smooth-interactive-icons-in-hana)

> Pelajari cara membuat ikon interaktif yang rapi dengan Hana!

1. [Academy](https://spline.design/id/academy)
2. [Kursus](https://spline.design/id/academy/collections)
3. [Hana | Semua yang Perlu Anda Ketahui](https://spline.design/id/academy/collections/hana-everything-you-need-to-know)
4. Mendesain Ikon Interaktif yang Mulus di Hana

# Mendesain Ikon Interaktif yang Mulus di Hana

Pelajaran 9 dari 15HanaPemula7 mnt

Pelajari cara membuat ikon interaktif yang rapi dengan Hana!

Dalam tutorial ini, kita akan menelusuri seluruh proses desain, mulai dari membangun bentuk hingga menambahkan material dan interaksi hover yang mulus.

Cocok untuk pemula dan desainer yang ingin meningkatkan keterampilan UI motion mereka.

Ayo mulai! 🚀

## Sumber terkait

- [Frosted Glass IconsTemplate](https://app.spline.design/academy/tutorials/design-smooth-interactive-icons-in-hana?redirect-duplicate-template-uuid=1eb3b7da-7eb4-44a9-ab46-b060a5ad66cd&is-2d-file=true)
- [Designing in HanaDokumen](https://docs.spline.design/hana-a-canvas-for-interactivity/designing-in-hana)
- [Effects in HanaDokumen](https://docs.spline.design/hana-a-canvas-for-interactivity/effects-in-hana)
- [Interactivity in HanaDokumen](https://docs.spline.design/hana-a-canvas-for-interactivity/interactivity-in-hana)

## Ikhtisar

- Hana
- 7 mnt
- Pemula

## Berikutnya

[Membuat Keyboard Interaktif dengan Hana9 mntPemula](https://spline.design/id/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana)[Lanjutkan](https://spline.design/id/academy/collections/hana-everything-you-need-to-know/build-an-interactive-keyboard-with-hana)

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

Editor 3D dan 2D untuk tim dan agen mereka. Rilis ke web, iOS, dan Android.

#### Tanya AI tentang Spline

#### Produk

- [Desain 3D](https://spline.design/id/3d-design)
- [Hana](https://spline.design/id/hana)
- [Omma](https://omma.build)
- [Pembuatan 3D dengan AI](https://spline.design/id/ai-generate)
- [Spline MCP](https://spline.design/id/mcp)
- [Spline Arena](https://spline.design/id/arena)
- [Harga](https://spline.design/id/pricing)
- [Enterprise](https://spline.design/id/enterprise)

#### Runtime

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

#### Aplikasi

- [Unduh](https://spline.design/id/download)
- [Spline Mirror](https://spline.design/spline-mirror)
- [Unduh Spline Mirror](https://spline.design/download-mirror)

#### Belajar

- [Docs](https://docs.spline.design/)
- [Academy](https://spline.design/id/academy)
- [Spline API](https://www.npmjs.com/package/@splinetool/runtime)
- [Solusi](https://spline.design/solutions)

#### Komunitas

- [Komunitas Spline](https://community.spline.design)
- [Blog](https://spline.design/id/blog)
- [Changelog](https://spline.design/id/changelog)
- [Pendidikan](https://spline.design/id/education)
- [Contra](https://spline.design/contra)
- [Afiliasi](https://spline.design/id/affiliate)

#### Perusahaan

- [Pelanggan](https://spline.design/id/customers)
- [Karier](https://www.ycombinator.com/companies/spline/jobs)
- [Keamanan](https://spline.design/id/security)

#### Legal

- [Syarat & Ketentuan](https://spline.design/terms)
- [Privasi](https://spline.design/privacy)

#### Kontak

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

© 2026 - Spline, Inc.