Kit UI Game, Paket HUD, dan Font Gratis Terbaik untuk Game (2026)
Terakhir diperbarui: September 2026.
Kit UI game gratis terbaik masih Kenney's UI Pack: 430 tombol, panel, slider, dan ikon CC0 dalam gaya datar yang bersih, dilengkapi versi bertema fiksi ilmiah dan petualangan piksel, serta paket Input Prompts yang serasi untuk setiap tombol kontroler yang mungkin perlu Anda tampilkan. Untuk font, monogram dan m5x7 adalah dua font piksel CC0 yang paling sering disertakan dalam game indie, sementara Google Fonts menyediakan belasan jenis huruf display dan piksel di bawah Open Font License yang dapat Anda sematkan ke game browser tanpa perlu meminta izin siapa pun. Semua yang tercantum dalam panduan ini gratis untuk penggunaan komersial. Jika suatu lisensi mewajibkan atribusi, saya telah menyebutkannya.
UI adalah kategori aset yang biasanya ditunda hingga terakhir, lalu orang baru menyadari bahwa ada empat puluh komponen yang dibutuhkan (panel nine-slice, status hover, status nonaktif, bingkai slot, bar, kursor, dan font yang terbaca pada ukuran 12 piksel). Kit yang menyediakan semuanya dalam satu gaya dapat menghemat waktu seminggu. Berikut semua sumber yang layak ditandai, dengan ketentuan lisensi yang telah diverifikasi pada September 2026.
Pilihan cepat
- Satu kit, genre apa pun, tanpa risiko lisensi: Kenney UI Pack (CC0). Tambahkan UI Pack Sci-Fi atau UI Pack Pixel Adventure untuk varian bertema.
- Glif kontroler, papan ketik, dan tetikus: Kenney Input Prompts (CC0). Xbox, PlayStation, Switch, Steam Deck, papan ketik, dan tetikus, dalam gaya datar dan garis luar.
- Bingkai, slot, dan banner RPG dalam tiga belas tema: Complete UI Essential Pack dari Crusenho (CC BY 4.0). Tema Flat gratis, semua tema lainnya mulai dari $3.50.
- Kit bertema berkualitas tinggi tanpa atribusi: bagian gratis Craftpix (lisensi khusus, boleh digunakan secara komersial).
- Empat ribu ikon inventaris dan kemampuan: Game-icons.net (CC BY 3.0, cantumkan kredit untuk senimannya).
- Font piksel yang terbaca pada ukuran 12 piksel: monogram dan m5x7 (keduanya CC0).
- Font display dan judul yang dapat disematkan di web: Press Start 2P, VT323, Silkscreen, Pixelify Sans, Orbitron, dan Bangers di Google Fonts (OFL).
- Ikon dengan gaya Anda sendiri: Generator Gambar Cinevva melalui akun gratis, lalu potong sesuai ukuran.
- Tidak ingin membuat HUD sama sekali: jelaskan gamenya di pembuat game, lalu alat tersebut akan membuat antarmuka beserta gamenya.
Referensi cepat
| Kebutuhan | Sumber terbaik | Lisensi | Atribusi |
|---|---|---|---|
| Tombol, panel, slider | Kenney UI Pack | CC0 | Tidak ada |
| HUD fiksi ilmiah | Kenney UI Pack Sci-Fi | CC0 | Tidak ada |
| HUD seni piksel | Kenney UI Pack Pixel Adventure | CC0 | Tidak ada |
| Glif kontroler dan tombol | Kenney Input Prompts | CC0 | Tidak ada |
| Kontrol sentuh | Kenney Mobile Controls | CC0 | Tidak ada |
| Bingkai, slot, dan banner RPG | Complete UI Essential Pack | CC BY 4.0 | Wajib mencantumkan kredit |
| Kit bertema (fantasi, kasual) | Craftpix gratis | Lisensi Craftpix | Tidak ada, dilarang dijual kembali |
| Ikon inventaris dan kemampuan | Game-icons.net | CC BY 3.0 | Cantumkan kredit untuk senimannya |
| Font teks utama piksel | monogram, m5x7 | CC0 | Tidak ada |
| Font display retro | Press Start 2P, VT323, Silkscreen | OFL | Tidak ada |
| Font display modern | Orbitron, Bangers, Russo One | OFL | Tidak ada |
| Font buatan Kenney | Kenney Fonts | CC0 | Tidak ada |
Paket UI Kenney
Kenney telah merilis setiap asetnya di bawah CC0 selama lebih dari satu dekade, sehingga paket-paket tersebut muncul dalam begitu banyak game yang telah dirilis. Paket UI-nya adalah pilihan terbaik untuk memulai.
UI Pack adalah paket dasarnya: 430 elemen yang mencakup tombol dalam beberapa warna dan status, panel, slider, kotak centang, tombol radio, panah, ikon, serta bingkai nine-slice yang diperlukan untuk merentangkan panel ke ukuran apa pun. Gayanya bersih dan datar, sehingga cocok untuk sebagian besar game tanpa mendominasi tampilannya.
UI Pack Sci-Fi dan UI Pack Pixel Adventure menawarkan konsep yang sama dalam dua gaya: bingkai HUD bersudut untuk game luar angkasa atau cyberpunk, serta bingkai piksel tebal untuk game retro. Mobile Controls adalah kumpulan tombol sentuh dan komponen joystick virtual untuk game browser yang berjalan di ponsel, yang mencakup sebagian besar game browser.
Input Prompts layak dibahas tersendiri. Ini adalah kumpulan lengkap glif tombol kontroler untuk Xbox, PlayStation, Nintendo Switch, Steam Deck, gamepad generik, tombol papan ketik, dan tombol tetikus, dalam gaya datar, garis luar, dan piksel. Setiap game yang menampilkan "Tekan A untuk melompat" memerlukan paket ini, dan game yang menampilkannya dengan glif yang salah untuk kontroler yang terhubung bahkan lebih membutuhkannya. Padukan dengan tutorial Gamepad API kami untuk mendeteksi kontroler yang benar-benar terhubung.
Semuanya berlisensi CC0: tanpa atribusi, tanpa pembatasan, dan boleh digunakan untuk apa saja. Kenney menerima donasi, tetapi tidak mewajibkannya.
Complete UI Essential Pack
Complete UI Essential Pack dari Crusenho di itch.io adalah jawabannya untuk RPG. Paket ini berisi lebih dari 800 komponen dalam tiga belas tema (Flat, Paper, Wood, Stone, Metal, Hologram, Glass, Pumpkin, Mystic Wood, Papernote, Metalworks, Runewood, dan lainnya), masing-masing dilengkapi bingkai, slot, banner, bar, isian, menu dropdown, scrollbar, kenop, slider, bidang teks, dan tombol. Setiap komponen dibuat untuk teknik nine-slice pada ukuran 32 kali 32, sehingga panel dapat direntangkan dengan rapi. Paket ini juga menyertakan font Toriko.
Unduhan gratisnya berisi tema Flat. Paket lengkap tersedia dengan harga sesuai keinginan mulai dari $3.50, menjadikannya penawaran dengan nilai terbaik di halaman ini. Lisensinya adalah CC BY 4.0, jadi Anda dapat menggunakannya secara komersial selama mencantumkan kredit untuk pembuatnya, menautkan lisensi, dan menyebutkan perubahan yang dibuat. Satu baris pada layar kredit sudah cukup.
Bagian gratis Craftpix
Craftpix menjual paket aset game dan memberikan pilihan bergilir berupa kit UI lengkap secara gratis: antarmuka RPG fantasi, UI game match-3 kasual, HUD fiksi ilmiah, dan set menu perangkat seluler. Kualitasnya satu tingkat di atas kebanyakan sumber gratis karena kit tersebut merupakan versi ringkas dari produk berbayar.
Lisensinya menggunakan lisensi Craftpix sendiri, bukan lisensi Creative Commons, dan ketentuannya cukup ramah: proyek pribadi dan komersial tanpa batas, tanpa kewajiban atribusi. Anda tidak boleh menjual kembali berkas sumber atau versi yang hanya sedikit dimodifikasi, membagikannya dengan cara yang memungkinkan orang lain menggunakan kembali aset tersebut secara terpisah, atau menggunakannya untuk melatih model AI. Bacalah halaman lisensinya sekali sebelum mengandalkannya karena terdapat beberapa perbedaan antara tingkat gratis dan berbayar yang umumnya hanya relevan bagi studio.
Game-icons.net
Game-icons.net menyediakan sekitar 4.100 ikon vektor hitam-putih untuk berbagai hal yang benar-benar dibutuhkan game: pedang, ramuan, efek mantra, kondisi status, sumber daya, bahan kerajinan, dan kemampuan. Setiap ikon tersedia dalam format SVG, sehingga dapat diskalakan ke ukuran apa pun dan diwarnai ulang hanya dengan mengubah satu nilai fill.
Lisensinya adalah CC BY 3.0. Anda harus mencantumkan kredit untuk seniman yang menggambar setiap ikon, dan format yang disarankan situs tersebut ("Icons made by {author}. Available on https://game-icons.net") sudah memadai. Nama pembuat setiap ikon tercantum di halaman unduhannya, jadi simpan catatan dalam berkas teks sembari bekerja daripada mencoba menyusunnya kembali nanti.
Font piksel: monogram dan m5x7
Dua font lebih sering muncul dalam game indie berseni piksel dibandingkan font lainnya, dan keduanya berlisensi CC0.
monogram karya datagoblin adalah font bitmap monospace yang dirancang agar tetap mudah dibaca pada ukuran kecil maupun besar. Font ini tersedia sebagai TrueType (versi minimal dan versi lengkap dengan huruf miring), sebagai PNG bitmap dengan metrik JSON, serta sebagai font khusus PICO-8. Cakupan karakternya meliputi bahasa Inggris, Spanyol, Portugis, Rusia, dan Yunani. Ini adalah pilihan standar yang aman untuk dialog dan menu.
m5x7 karya Daniel Linssen adalah font piksel yang lebih sempit, dengan lebar lima piksel dan tinggi tujuh piksel, serta menyediakan huruf kecil, karakter beraksen, angka, dan simbol. Font ini dapat memuat lebih banyak teks dalam HUD kecil dibandingkan monogram. m3x6 karya Linssen adalah versi pasangannya yang lebih kecil lagi. Keduanya tersedia dengan harga sesuai keinginan dan lisensi CC0; atribusi dihargai, tetapi tidak diwajibkan.
Aturan untuk font piksel: render pada kelipatan bilangan bulat yang tepat dari ukuran aslinya (7, 14, atau 21 piksel untuk m5x7) dan nonaktifkan anti-aliasing. Jika tidak, tampilannya akan menjadi kabur.
Google Fonts untuk game
Google Fonts menyediakan semua jenis huruf di bawah SIL Open Font License, yang mengizinkan penyematan dalam game komersial, termasuk game browser, tanpa atribusi selain menyertakan berkas lisensi bersama font. Untuk game web, Anda cukup menggunakan satu @font-face atau sebuah <link>.
Berikut font-font yang sering digunakan dalam game:
- Press Start 2P: font bitmap arkade. Cocok untuk judul, skor, dan "GAME OVER."
- VT323: teks terminal, adegan peretasan, dan teks utama UI retro.
- Silkscreen: font piksel kecil dan rapi yang mudah dibaca pada ukuran teks utama.
- Pixelify Sans: font piksel variabel dengan beberapa ketebalan, sesuatu yang jarang ditemukan.
- Orbitron: jenis huruf display fiksi ilmiah geometris untuk HUD dan menu.
- Bangers: tampilan mencolok ala buku komik untuk game kasual dan kartun.
- Russo One dan Audiowide: jenis huruf display tebal untuk UI game balap dan olahraga.
Kenney juga menyediakan Kenney Fonts, sebelas berkas font display berbentuk balok dan membulat di bawah CC0. Font-font ini serasi dengan paket UI di atas jika Anda ingin semuanya dibuat dengan satu gaya visual.
Peran Cinevva
Untuk ikon dan karya seni kecil dengan gaya yang tidak dapat Anda temukan, Generator Gambar melalui akun gratis dapat menjadi sumber cepat: gunakan prompt "ikon game datar, satu objek, latar belakang polos", lalu potong hasilnya sesuai ukuran. Alat ini tidak akan menghasilkan ikon 32 piksel yang sempurna dengan sendirinya; perkecil ukurannya menggunakan Aseprite atau Piskel.
Jika Anda tidak ingin menyusun HUD sama sekali, pembuat game dapat membuat antarmuka beserta gamenya. Jelaskan apa yang perlu dilihat pemain ("bar kesehatan, penghitung amunisi, dan minimap di sudut"), lalu alat tersebut akan membuat dan menghubungkan semuanya. Ini adalah jalur yang lebih singkat bagi siapa pun yang menemukan halaman ini karena ingin menyelesaikan game, bukan mendesain UI.
Lima aturan agar UI game siap dirilis
- Gunakan nine-slice untuk semuanya. Panel yang digambar sebagai satu gambar akan terlihat buruk saat direntangkan. Panel yang dibagi menjadi sembilan bagian (empat sudut, empat sisi, dan satu bagian tengah) dapat direntangkan ke ukuran apa pun. Kenney dan Crusenho menyediakan bingkai yang mendukung teknik ini; periksa kit lain sebelum Anda berkomitmen menggunakannya.
- Desain untuk layar terkecil. Game browser akan dimainkan di ponsel. Jika HUD berfungsi pada lebar 375 piksel, HUD tersebut akan berfungsi di mana saja.
- Gunakan teks utama berukuran 14 piksel atau lebih besar di web, serta skala bilangan bulat untuk font piksel. Ukuran yang lebih kecil akan sulit dibaca di ponsel, sedangkan penskalaan font piksel dengan bilangan nonbulat akan terlihat rusak di setiap layar.
- Tampilkan glif yang tepat untuk kontroler yang terhubung. Input Prompts menyediakan semuanya. Mendeteksi gamepad hanya memerlukan beberapa baris kode dengan Gamepad API.
- Pilih satu kit. Mencampurkan dua gaya UI adalah cara tercepat untuk membuat game terlihat belum selesai. Inti dari sebuah kit adalah bahwa semua komponennya digambar dengan satu gaya yang konsisten.
Lisensi dalam 30 detik
- CC0 (Kenney, monogram, m5x7): boleh digunakan untuk apa saja, tanpa kredit.
- CC BY (Complete UI Essential Pack, Game-icons.net): boleh digunakan untuk apa saja, tetapi wajib mencantumkan kredit. Satu baris pada layar kredit sudah memenuhi syarat.
- OFL (Google Fonts): bebas disematkan dalam game komersial, sertakan berkas lisensi bersama font, dan jangan menjual font itu sendiri.
- Lisensi gratis Craftpix: boleh digunakan secara komersial, tanpa kredit, dilarang menjual kembali berkasnya, dan dilarang menggunakannya untuk pelatihan AI.
Panduan Penjelasan Lisensi Aset Game kami membahas keempatnya secara lebih mendalam.
Pertanyaan Umum
Apa kit UI game gratis terbaik?
Kenney's UI Pack, karena berlisensi CC0, lengkap (430 elemen termasuk bingkai nine-slice), dan cukup netral untuk digunakan dalam sebagian besar game. Untuk gaya RPG, gunakan Complete UI Essential Pack di bawah CC BY 4.0. Untuk kit bertema berkualitas tinggi tanpa atribusi, gunakan bagian gratis Craftpix.
Apakah Google Fonts gratis untuk game komersial?
Ya. Setiap font di Google Fonts menggunakan SIL Open Font License, yang mengizinkan penyematan dalam produk komersial, termasuk game dan situs web. Simpan berkas lisensi bersama font dan jangan menjual font tersebut secara terpisah.
Font piksel mana yang terbaik untuk game?
monogram untuk keterbacaan pada berbagai ukuran dan dukungan bahasa yang luas, sedangkan m5x7 cocok ketika Anda perlu memuat lebih banyak teks dalam HUD kecil. Keduanya berlisensi CC0. Press Start 2P di Google Fonts adalah font judul arkade klasik.
Apakah saya harus mencantumkan kredit untuk Kenney?
Tidak. Aset Kenney berlisensi CC0, yang berarti atribusi tidak diwajibkan untuk penggunaan apa pun. Mencantumkan kredit adalah bentuk penghargaan yang baik dan Kenney menerima donasi, tetapi keduanya bukan persyaratan.
Di mana saya bisa mendapatkan ikon tombol kontroler secara gratis?
Paket Input Prompts dari Kenney berlisensi CC0 dan mencakup Xbox, PlayStation, Nintendo Switch, Steam Deck, gamepad generik, papan ketik, serta tetikus dalam beberapa gaya. Ini adalah pilihan standar.
Terkait
- Sprite 2D, Seni Piksel, dan Tileset Gratis Terbaik - karya seni yang berada di belakang UI
- Tempat Menemukan Aset Game Gratis - panduan lengkap berisi lebih dari 20 sumber
- Penjelasan Lisensi Aset Game - CC0, CC BY, OFL, dan lisensi lainnya
- Tutorial Gamepad API - deteksi kontroler agar Anda menampilkan glif yang tepat
- Generator Gambar Cinevva - buat ikon dengan gaya Anda sendiri melalui akun gratis
- Sprite UI gratis dan ikon game gratis - jelajahi pustaka gratis