Skip to content

Perancang Lencana

Perancang Lencana adalah editor kanvas visual tiga kolom yang dibangun ke dalam badges.ninja yang memungkinkan Anda membuat gambar lencana profesional tanpa peralatan desain eksternal apa pun.

Editor lencana 3 kolom — bilah kiri, panel, dan kanvas — dengan detail lencana di bawahnya

Ikhtisar

Perancang terbuka langsung di dalam jendela Buat / Edit Lencana. Ia terdiri dari tiga bagian:

  • Bilah kiri — mengalihkan panel tengah antara Templat, Unggahan, Elemen, Teks, Atribut, Kode QR, dan Lapisan.
  • Panel — peralatan untuk mode bilah yang dipilih.
  • Kanvas — pratinjau lencana yang langsung dan dapat diedit. Segala sesuatu yang Anda tambahkan adalah objek nyata yang dapat dipilih yang bisa Anda pindahkan, ubah gaya, susun ulang, atau hapus.

Detail lencana (Penerbit, Nama, Deskripsi, Kriteria, dan Teks Berbagi) terletak tepat di bawah kanvas, sehingga desain dan informasi kredensial berada bersama dalam satu jendela — tidak ada langkah terpisah.

Memulai dari Templat

Klik Templat di bilah untuk menjelajahi desain bawaan. Keluarga Recognition memberi Anda lencana profesional yang tersusun lengkap — bingkai berbentuk plus teks placeholder yang dapat diedit (organisasi, judul, subjudul, dan segel verifikasi) — dalam delapan palet warna (Emas, Perak, Perunggu, Biru, Hijau, Merah tua, Ungu, Grafit). Gunakan filter Kategori untuk mempersempit daftar, atau Kanvas kosong untuk memulai dari awal.

Klik templat untuk menerapkannya. Teksnya menjadi lapisan normal yang dapat diedit yang bisa Anda ubah atau hapus — tidak ada yang tertanam permanen.

Elemen — Bentuk, Ikon, Pita & Latar Belakang

Panel Elemen — garis, bentuk, ikon, pita, dasar, dan bentuk latar belakang

Panel Elemen melapisi grafis di atas lencana Anda:

  • Garis — aturan horizontal / vertikal.
  • Bentuk — persegi panjang terisi dan berkerangka, persegi panjang membulat, lingkaran, dan segitiga.
  • Ikon — 70 ikon piktografis (penghargaan, otak, sertifikat, kode, mahkota, ijazah, topi wisuda, medali, roket, perisai-centang, bintang, piala, dan banyak lagi), dapat dicari.
  • Pita — 28 hamparan pita dekoratif, dikelompokkan ke dalam Lurus / Runcing / Ekor / Dekoratif.
  • Dasar — 80 bentuk dasar yang dapat diwarnai ulang di berbagai kategori (lingkaran, perisai, segi enam, bintang, medali, segel, karangan bunga, spanduk, geometris).

Setiap ikon, pita, dan dasar disisipkan dalam warna saat ini dan dapat diwarnai ulang kapan saja.

Bentuk latar belakang

Bentuk latar belakang — bingkai yang telah dirancang diterapkan sebagai latar belakang lencana

Elemen → Bentuk latar belakang memuat 68 bingkai siap pakai (pustaka bentuk × palet). Menerapkan salah satunya menukar bingkai latar belakang lencana sambil mempertahankan teks dan elemen Anda di atasnya — praktis saat Anda menginginkan kombinasi bentuk/warna tertentu tanpa templat yang tersusun.

Mengunggah Gambar Kustom

Gunakan panel Unggahan untuk menambahkan logo, foto, atau grafik Anda sendiri. PNG, JPEG, dan SVG diterima, hingga 5 MB. Gambar disisipkan sebagai objek latar depan normal — ia menumpuk di atas desain dan tidak pernah menghapus latar belakang. Untuk mengubah latar belakang lencana, pilih templat atau bentuk latar belakang.

Menambahkan & Menata Gaya Teks

Panel Teks — judul, teks isi, dan kombinasi siap pakai

Panel Teks menawarkan:

  • Tambah judul / subjudul / teks normal — objek teks berukuran siap pakai.
  • Kombinasi — susunan siap pakai seperti Sertifikat Pencapaian, Dianugerahkan kepada , atau Verifikasi di — setiap baris tetap dapat diedit secara independen.

Pilih objek teks mana pun dan bilah alat kontekstual muncul di atas kanvas:

Bilah alat kontekstual dengan pemilih font, stepper ukuran font − / +, warna, dan penyelarasan

  • Font — pustaka 50 font yang dikelompokkan ke dalam Sans, Serif, Tulisan Tangan, Mono, dan Sistem. Pilih satu dari dropdown; setiap opsi ditampilkan dalam tipografinya sendiri.
  • + Font — unggah tipografi merek (TTF, WOFF, WOFF2, OTF) untuk sesi saat ini.
  • Ukuran fontstepper − / + (atau ketik angka) mengubah ukuran teks terpilih secara presisi, tanpa menyeret pegangannya.
  • Warna — mengatur isi teks terpilih (dan warna sisip default untuk bentuk/ikon baru).
  • Penyelarasan — enam tombol menyelaraskan pilihan kiri / tengah / kanan dan atas / tengah / bawah relatif terhadap kanvas.

Atribut Dinamis

Panel Atribut — token dinamis yang diselesaikan per penerima

Panel Atribut menyisipkan token dinamis, , , , , — sebagai objek teks. Setiap token diselesaikan per penerima saat penganugerahan, sehingga satu desain mempersonalisasi dirinya untuk setiap orang yang Anda terbitkan. Beginilah cara Anda menempatkan nama penerima atau tanggal penerbitan pada lencana itu sendiri.

Kode QR

Panel Kode QR menyisipkan kode yang dapat dipindai yang terikat ke . Pada setiap penghargaan yang diterbitkan, kode ini diselesaikan ke halaman verifikasi publik penghargaan tersebut, sehingga siapa pun dapat memindai lencana tercetak untuk mengonfirmasinya.

Lapisan

Panel Lapisan — susun ulang, sembunyikan, atau hapus setiap objek

Panel Lapisan mencantumkan setiap objek pada kanvas. Dari sini Anda dapat menyusun ulang (bawa ke depan / kirim ke belakang), menyembunyikan/menampilkan, memilih, dan menghapus setiap lapisan. Bingkai latar belakang disematkan di bagian bawah dan tetap non-interaktif sehingga elemen latar depan memiliki semua klik.

Urungkan / Ulangi (Ctrl+Z / Ctrl+Shift+Z) menelusuri 20 perubahan terakhir, dan panduan snap putus-putus muncul saat Anda menyeret objek dekat pusat kanvas.

Menyimpan Lencana

Lencana selesai di samping detailnya yang lengkap — siap dibuat atau disimpan sebagai draf

Tidak ada langkah "ekspor" terpisah. Saat desain dan detail Anda siap:

  • Buat Lencana menangkap kanvas sebagai PNG, mengunggahnya ke IPFS, dan menyimpan lencana beserta desainnya yang dapat diedit — sehingga membuka kembali lencana memulihkan lapisan individual Anda untuk pengeditan lebih lanjut.
  • Simpan Draf menyimpan lencana yang sedang dikerjakan di sisi server (di seluruh perangkat). Draf muncul dalam daftar Lencana Anda dengan tanda Draf, dan Anda dapat mengambil kembali salah satunya nanti.

Tips untuk Desain Lencana yang Baik

  • Buat sederhana — teks yang jelas, minim kekacauan. Lencana sering ditampilkan dalam ukuran kecil.
  • Gunakan kontras tinggi — buat teks dapat dibaca terhadap latar belakang.
  • Sertakan nama kredensial — pemirsa harus memahaminya sekilas.
  • Format persegi — lencana ditampilkan paling baik dalam bentuk persegi.
  • Konsistensi merek — gunakan kembali warna dan font organisasi Anda di semua lencana.
  • Simpan desain yang dapat digunakan ulang — setiap lencana yang Anda buat juga disimpan sebagai templat akun yang dapat Anda mulai lain kali (lihat Templat Saya).

badges.ninja Documentation