Skip to content

Dizajner bedževa

Dizajner bedževa je vizualni canvas uređivač s tri stupca ugrađen u badges.ninja koji vam omogućuje stvaranje profesionalnih slika bedževa bez ikakvih vanjskih dizajnerskih alata.

Uređivač bedževa s tri stupca — bočna traka, panel i canvas — s detaljima bedža ispod

Pregled

Dizajner se otvara izravno unutar prozora Stvori / Uredi bedž. Sastoji se od tri dijela:

  • Bočna traka — prebacuje srednji panel između načina Predlošci, Učitavanja, Elementi, Tekst, Atributi, QR kodovi i Slojevi.
  • Panel — alati za odabrani način bočne trake.
  • Canvas — živi, uredivi pretpregled bedža. Sve što dodate stvarni je, odabirivi objekt koji možete pomicati, restilizirati, presložiti ili obrisati.

Detalji bedža (Izdavatelj, Naziv, Opis, Kriteriji i Tekst za dijeljenje) nalaze se izravno ispod canvasa, pa dizajn i podaci o vjerodajnici žive zajedno u jednom prozoru — nema zasebnog koraka.

Početak od predloška

Kliknite Predlošci u bočnoj traci za pregledavanje ugrađenih dizajna. Obitelj Recognition daje vam potpuno složen, profesionalan bedž — oblikovan okvir plus uredivi tekst rezerviranog mjesta (organizacija, naslov, podnaslov i pečat provjere) — u osam paleta boja (Zlatna, Srebrna, Brončana, Plava, Zelena, Grimizna, Ljubičasta, Grafitna). Koristite filtar Kategorija za sužavanje popisa ili Prazan canvas za početak od nule.

Kliknite predložak da ga primijenite. Njegov tekst postaje običnim, uredivim slojevima koje možete mijenjati ili ukloniti — ništa nije nepromjenjivo ugrađeno.

Elementi — oblici, ikone, vrpce i pozadine

Panel Elementi — linije, oblici, ikone, vrpce, baze i pozadinski oblici

Panel Elementi slaže grafiku povrh vašeg bedža:

  • Linije — horizontalne / vertikalne crte.
  • Oblici — ispunjeni i obrubljeni pravokutnici, zaobljeni pravokutnici, krugovi i trokuti.
  • Ikone — 70 piktografskih ikona (nagrada, mozak, certifikat, kod, kruna, diploma, akademska kapa, medalja, raketa, štit s potvrdom, zvijezda, trofej i mnoge druge), pretražive.
  • Vrpce — 28 ukrasnih vrpci za prekrivanje, grupiranih u Ravne / Šiljaste / Repove / Ukrasne.
  • Baze — 80 preobojivih baznih oblika u više kategorija (krugovi, štitovi, heksagoni, zvijezde, medalje, pečati, vijenci, natpisne trake, geometrijski).

Svaka ikona, vrpca i baza umeće se u trenutnoj boji i može se preobojiti u bilo kojem trenutku.

Pozadinski oblici

Pozadinski oblici — unaprijed dizajniran okvir primijenjen kao pozadina bedža

Elementi → Pozadinski oblici sadrži 68 gotovih okvira (knjižnica oblik × paleta). Primjena jednog zamjenjuje pozadinski okvir bedža uz zadržavanje vašeg teksta i elemenata iznad — praktično kad želite određenu kombinaciju oblika/boje bez složenog predloška.

Učitavanje prilagođene slike

Koristite panel Učitavanja za dodavanje vlastitog logotipa, fotografije ili grafike. Prihvaćaju se PNG, JPEG i SVG, do 5 MB. Slika se umeće kao običan objekt u prednjem planu — slaže se povrh dizajna i nikad ne briše pozadinu. Za promjenu pozadine bedža umjesto toga odaberite predložak ili pozadinski oblik.

Dodavanje i stiliziranje teksta

Panel Tekst — naslovi, tekst tijela i gotove kombinacije

Panel Tekst nudi:

  • Dodaj naslov / podnaslov / običan tekst — unaprijed dimenzionirani tekstualni objekti.
  • Kombinacije — gotovi slogovi poput Certificate of Achievement, Awarded to ili Verify at — svaki redak ostaje neovisno urediv.

Odaberite bilo koji tekstualni objekt i iznad canvasa pojavljuje se kontekstualna alatna traka:

Kontekstualna alatna traka s odabirom fonta, − / + stepperom veličine fonta, bojom i poravnavanjem

  • Font — knjižnica od 50 fontova grupiranih u Sans, Serif, Rukopisne, Mono i Sistemske. Odaberite jedan iz padajućeg izbornika; svaka se opcija pretpregledava u vlastitom pismu.
  • + Font — učitajte tipografiju marke (TTF, WOFF, WOFF2, OTF) za trenutnu sesiju.
  • Veličina fonta− / + stepper (ili upišite broj) precizno mijenja veličinu odabranog teksta, bez povlačenja njegovih ručki.
  • Boja — postavlja ispunu odabranog teksta (i zadanu boju umetanja za nove oblike/ikone).
  • Poravnavanje — šest gumba poravnava odabir lijevo / centrirano / desno te gore / sredina / dolje u odnosu na canvas.

Dinamički atributi

Panel Atributi — dinamički tokeni razriješeni po primatelju

Panel Atributi umeće dinamičke tokene, , , , , — kao tekstualne objekte. Svaki se token razrješava po primatelju u trenutku dodjele, tako da se jedan dizajn personalizira za svakoga kome ga izdate. Ovako stavljate ime primatelja ili datum izdavanja na sam bedž.

QR kodovi

Panel QR kodovi umeće skenirajući kod vezan uz . Na svakoj izdanoj dodjeli razrješava se na javnu stranicu provjere te dodjele, tako da svatko može skenirati otisnuti bedž kako bi ga potvrdio.

Slojevi

Panel Slojevi — presložite, sakrijte ili obrišite svaki objekt

Panel Slojevi popisuje svaki objekt na canvasu. Odavde možete presložiti (postavi naprijed / pošalji natrag), sakriti/prikazati, odabrati i obrisati svaki sloj. Pozadinski okvir prikvačen je na dno i ostaje neinteraktivan, pa elementi u prednjem planu preuzimaju sve klikove.

Poništi / Ponovi (Ctrl+Z / Ctrl+Shift+Z) prolaze kroz zadnjih 20 promjena, a isprekidane vodilice za pričvršćivanje pojavljuju se kad povlačite objekt blizu središta canvasa.

Spremanje bedža

Gotovi bedž uz svoje dovršene detalje — spreman za stvaranje ili spremanje kao skica

Nema zasebnog koraka „izvoza”. Kad su vaš dizajn i detalji spremni:

  • Stvori bedž hvata canvas kao PNG, učitava ga u IPFS i sprema bedž zajedno s njegovim uredivim dizajnom — tako da ponovno otvaranje bedža vraća vaše pojedinačne slojeve za daljnje uređivanje.
  • Spremi skicu pohranjuje bedž u tijeku na poslužitelju (na svim uređajima). Skice se pojavljuju na vašem popisu bedževa s oznakom Skica, i bilo koju od njih možete kasnije nastaviti.

Savjeti za dobar dizajn bedža

  • Držite jednostavno — jasan tekst, minimalna zatrpanost. Bedževi se često prikazuju maleni.
  • Koristite visoki kontrast — učinite tekst čitljivim u odnosu na pozadinu.
  • Imenujte vjerodajnicu — gledatelji je trebaju razumjeti na prvi pogled.
  • Kvadratni format — bedževi se najbolje prikazuju kao kvadratni.
  • Dosljednost marke — ponovno koristite boje i fontove svoje organizacije na svim bedževima.
  • Spremite dizajne za ponovnu upotrebu — svaki bedž koji stvorite ujedno se sprema kao predložak računa od kojeg možete započeti sljedeći put (pogledajte Moji predlošci).

badges.ninja Documentation