Skip to content

Pereka Lencana ​

Pereka Lencana ialah editor kanvas visual tiga lajur yang terbina dalam badges.ninja, membolehkan anda mencipta imej lencana profesional tanpa alat reka bentuk luaran.

Editor lencana 3 lajur — rel kiri, panel, dan kanvas — dengan butiran lencana di bawahnya

Gambaran Keseluruhan ​

Pereka dibuka terus di dalam tetingkap Cipta / Edit Lencana. Ia mempunyai tiga bahagian:

  • Rel kiri — menukar panel tengah antara Templates, Uploads, Elements, Text, Attributes, QR Codes, dan Layers.
  • Panel — alatan untuk mod rel yang dipilih.
  • Kanvas — pratonton langsung yang boleh diedit bagi lencana. Segala yang anda tambah ialah objek sebenar yang boleh dipilih, dialihkan, digayakan semula, disusun semula, atau dipadam.

Butiran lencana (Issuer, Name, Description, Criteria, dan Share Text) terletak terus di bawah kanvas, jadi reka bentuk dan maklumat kredensial berada bersama dalam satu tetingkap — tiada langkah berasingan.

Bermula daripada Templat ​

Klik Templates pada rel untuk menyemak imbas reka bentuk terbina dalam. Keluarga Recognition memberi anda lencana profesional yang siap dikarang sepenuhnya — bingkai berbentuk serta teks ruang letak yang boleh diedit (organisasi, tajuk, subtajuk, dan meterai pengesahan) — dalam lapan palet warna (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Gunakan penapis Category untuk menyempitkan senarai, atau Blank canvas untuk bermula dari kosong.

Klik templat untuk menggunakannya. Teksnya menjadi lapisan biasa yang boleh diedit, ditukar, atau dibuang — tiada apa yang dikunci.

Elements — Bentuk, Ikon, Reben & Latar Belakang ​

Panel Elements — garisan, bentuk, ikon, reben, tapak dan bentuk latar belakang

Panel Elements melapiskan grafik di atas lencana anda:

  • Lines — garis mendatar / menegak.
  • Shapes — segi empat tepat berisi dan berbingkai, segi empat tepat bulat, bulatan, dan segi tiga.
  • Icons — 70 ikon bergambar (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy, dan banyak lagi), boleh dicari.
  • Ribbons — 28 tindihan reben hiasan, dikumpulkan kepada Straight / Pointed / Tails / Decorative.
  • Bases — 80 bentuk tapak yang boleh diwarnakan semula merentas kategori (bulatan, perisai, heksagon, bintang, pingat, meterai, kalungan, sepanduk, geometri).

Setiap ikon, reben, dan tapak dimasukkan dalam warna semasa dan boleh diwarnakan semula pada bila-bila masa.

Bentuk latar belakang ​

Bentuk latar belakang — bingkai yang telah direka bentuk digunakan sebagai latar belakang lencana

Elements → Background shapes mengandungi 68 bingkai siap guna (pustaka bentuk × palet). Menggunakan satu bingkai menukar bingkai latar belakang lencana sambil mengekalkan teks dan elemen anda di atasnya — berguna apabila anda mahukan gabungan bentuk/warna tertentu tanpa templat yang telah dikarang.

Memuat Naik Imej Tersuai ​

Gunakan panel Uploads untuk menambah logo, foto, atau grafik anda sendiri. PNG, JPEG, dan SVG diterima, sehingga 5 MB. Imej dimasukkan sebagai objek latar depan biasa — ia disusun di atas reka bentuk dan tidak pernah memadam latar belakang. Untuk menukar latar belakang lencana, pilih templat atau bentuk latar belakang sebaliknya.

Menambah & Menggayakan Teks ​

Panel Text — tajuk, teks badan, dan gabungan siap guna

Panel Text menawarkan:

  • Add heading / subheading / normal text — objek teks bersaiz awal.
  • Combinations — susunan siap guna seperti Certificate of Achievement, Awarded to , atau Verify at — setiap baris kekal boleh diedit secara bebas.

Pilih mana-mana objek teks dan bar alat kontekstual muncul di atas kanvas:

Bar alat kontekstual dengan pemilih fon, pelangkah saiz fon − / +, warna dan penjajaran

  • Font — pustaka 50 fon yang dikumpulkan kepada Sans, Serif, Handwriting, Mono, dan System. Pilih satu daripada menu juntai bawah; setiap pilihan dipratonton dalam jenis hurufnya sendiri.
  • + Font — muat naik jenis huruf jenama (TTF, WOFF, WOFF2, OTF) untuk sesi semasa.
  • Font size — pelangkah − / + (atau taip nombor) mengubah saiz teks yang dipilih dengan tepat, tanpa menyeret pemegangnya.
  • Colour — menetapkan isian teks yang dipilih (dan warna sisip lalai untuk bentuk/ikon baharu).
  • Alignment — enam butang menjajarkan pilihan ke kiri / tengah / kanan dan atas / tengah / bawah relatif kepada kanvas.

Atribut Dinamik ​

Panel Attributes — token dinamik diselesaikan bagi setiap penerima

Panel Attributes memasukkan token dinamik — , , , , , — sebagai objek teks. Setiap token diselesaikan bagi setiap penerima semasa pengeluaran, jadi satu reka bentuk memperibadikan dirinya untuk setiap orang yang anda keluarkan kepadanya. Beginilah cara anda meletakkan nama penerima atau tarikh pengeluaran pada lencana itu sendiri.

Kod QR ​

Panel QR Codes memasukkan kod boleh imbas yang dikaitkan dengan . Pada setiap kredensial yang dikeluarkan, ia menuju ke halaman pengesahan awam kredensial tersebut, jadi sesiapa boleh mengimbas lencana bercetak untuk mengesahkannya.

Layers ​

Panel Layers — susun semula, sembunyikan, atau padam setiap objek

Panel Layers menyenaraikan setiap objek pada kanvas. Dari sini anda boleh menyusun semula (bawa ke hadapan / hantar ke belakang), menyembunyi/menunjuk, memilih, dan memadam setiap lapisan. Bingkai latar belakang disematkan di bahagian bawah dan kekal tidak interaktif supaya elemen latar depan memiliki semua klik.

Undo / Redo (Ctrl+Z / Ctrl+Shift+Z) menjejaki 20 perubahan terakhir, dan panduan lekap berjalur muncul apabila anda menyeret objek berhampiran pusat kanvas.

Menyimpan Lencana ​

Lencana siap di sebelah butirannya yang lengkap — sedia untuk dicipta atau disimpan sebagai draf

Tiada langkah "eksport" yang berasingan. Apabila reka bentuk dan butiran anda sudah sedia:

  • Create Badge menangkap kanvas sebagai PNG, memuat naiknya ke CDN imej kami (Amazon S3, disalurkan di bawah URL tidak berubah yang beralamat kandungan), dan menyimpan lencana bersama reka bentuknya yang boleh diedit — jadi membuka semula lencana memulihkan lapisan individu anda untuk suntingan lanjut.
  • Save Draft menyimpan lencana yang sedang dibuat di pelayan (merentas peranti). Draf muncul dalam senarai Lencana anda dengan tanda Draft, dan anda boleh menyambung mana-mana daripadanya kemudian.

Petua untuk Reka Bentuk Lencana yang Baik ​

  • Ringkaskan — teks yang jelas, kekusutan minimum. Lencana sering dipaparkan dalam saiz kecil.
  • Gunakan kontras tinggi — pastikan teks mudah dibaca berbanding latar belakang.
  • Namakan kredensial — penonton harus memahaminya sekilas pandang.
  • Format segi empat sama — lencana dipaparkan paling baik dalam bentuk segi empat sama.
  • Konsistensi jenama — gunakan semula warna dan fon organisasi anda merentas lencana.
  • Simpan reka bentuk boleh guna semula — setiap lencana yang anda cipta juga disimpan sebagai templat akaun yang boleh anda gunakan lain kali (lihat My Templates).

badges.ninja Documentation