# Mendesain Ikon Interaktif yang Mulus di Hana - 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. [Tutorial](https://spline.design/id/academy/tutorials)
3. Mendesain Ikon Interaktif yang Mulus di Hana

# Mendesain Ikon Interaktif yang Mulus di Hana

HanaPemula7 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

## Bagian dari

- [Hana | Semua yang Perlu Anda Ketahui](https://spline.design/id/academy/collections/hana-everything-you-need-to-know/design-smooth-interactive-icons-in-hana)

## Tutorial terkait

[Semua tutorial](https://spline.design/id/academy/tutorials)

[Tambahkan Dimensi ke Desain Hana dengan Efek 3D ShapeHanaPemula3 mnt](https://spline.design/id/academy/tutorials/add-dimension-to-hana-designs-with-the-3d-shape-effect)[Cara Belajar Desain 3D dengan Spline: Peta Jalan Praktis dari Pemula hingga MahirSpline 3DPemula8 mnt](https://spline.design/id/academy/tutorials/how-to-learn-3d-design-with-spline-a-practical-roadmap-for-beginners-to-pros)[Membuat Animasi Interaktif: UI Morphing & Glow Reaktif di Hana (Langkah demi Langkah)HanaPemula13 mnt](https://spline.design/id/academy/tutorials/build-interactive-animations-morphing-ui-reactive-glow-in-hana-step-by-step)

[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.