Návrhár odznakov

Návrhár odznakov je vizuálny trojstĺpcový editor na plátne zabudovaný do badges.ninja, ktorý vám umožňuje vytvárať profesionálne obrázky odznakov bez externých dizajnérskych nástrojov.

Prehľad

Návrhár sa otvára priamo v okne Create / Edit Badge. Má tri časti:

• Ľavý panel — prepína stredný panel medzi režimami Templates, Uploads, Elements, Text, Attributes, QR Codes a Layers.
• Pracovný panel — nástroje pre vybraný režim.
• Plátno — živý, upraviteľný náhľad odznaku. Všetko, čo pridáte, je skutočný, vybrateľný objekt, ktorý môžete presúvať, štylizovať, meniť jeho poradie alebo ho odstrániť.

Údaje o odznaku (Issuer, Name, Description, Criteria a Share Text) sú priamo pod plátnom, takže dizajn a informácie o credentiale sú v jednom okne — nie je potrebný samostatný krok.

Začiatok zo šablóny

Kliknutím na Templates na ľavom paneli prehliadnite zabudované dizajny. Rodina Recognition ponúka plne zostavený profesionálny odznak — tvarovaný rám a upraviteľný zástupný text (organizácia, názov, podnázov a overovacia pečať) — v ôsmich farebných paletách (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Pomocou filtra Category zúžite zoznam alebo cez Blank canvas začnete od nuly.

Kliknutím na šablónu ju použijete. Jej text sa stane bežnými upraviteľnými vrstvami, ktoré môžete zmeniť alebo odstrániť — nič nie je pevne zabudované.

Elements — tvary, ikony, stuhy a pozadia

Panel Elements vkladá grafiku na odznak:

• Lines — vodorovné / zvislé čiary.
• Shapes — vyplnené a obrysové obdĺžniky, obdĺžniky so zaoblenými rohmi, kruhy a trojuholníky.
• Icons — 70 piktogramových ikon (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy a mnohé ďalšie) s vyhľadávaním.
• Ribbons — 28 dekoratívnych prekrytí v podobe stúh, zoskupených do Straight / Pointed / Tails / Decorative.
• Bases — 80 prefarbiteľných základných tvarov v kategóriách (kruhy, štíty, šesťuholníky, hviezdy, medaily, pečate, vence, bannery, geometrické).

Každá ikona, stuha a základ sa vloží aktuálnou farbou a kedykoľvek ho možno prefarbiť.

Tvary pozadia

Sekcia Elements → Background shapes obsahuje 68 hotových rámov (knižnica tvar × paleta). Po použití rám pozadia odznaku nahradí a váš text a prvky zostanú navrchu — praktické, keď chcete konkrétnu kombináciu tvaru a farby bez hotovej šablóny.

Nahratie vlastného obrázka

Na pridanie vlastného loga, fotografie alebo grafiky použite panel Uploads. Prijímajú sa formáty PNG, JPEG a SVG do veľkosti 5 MB. Obrázok sa vloží ako bežný objekt popredia — leží nad dizajnom a nikdy nevymaže pozadie. Ak chcete zmeniť pozadie odznaku, vyberte namiesto toho šablónu alebo tvar pozadia.

Pridávanie a štylizovanie textu

Panel Text ponúka:

• Add heading / subheading / normal text — textové objekty s predvolenou veľkosťou.
• Combinations — hotové bloky ako Certificate of Achievement, Awarded to alebo Verify at — každý riadok zostáva samostatne upraviteľný.

Vyberte ľubovoľný textový objekt a nad plátnom sa zobrazí kontextový panel nástrojov:

• Font — knižnica 50 písiem zoskupených do Sans, Serif, Handwriting, Mono a System. Vyberte jedno z rozbaľovacej ponuky; každá možnosť sa zobrazuje vlastným písmom.
• + Font — nahrajte firemné písmo (TTF, WOFF, WOFF2, OTF) pre aktuálnu reláciu.
• Font size — tlačidlá − / + (alebo zadanie čísla) presne zmenia veľkosť vybraného textu bez ťahania úchytov.
• Colour — nastaví farbu výplne vybraného textu (a predvolenú farbu vkladania nových tvarov/ikon).
• Alignment — šesť tlačidiel zarovná výber vľavo / na stred / vpravo a nahor / na stred / nadol vzhľadom na plátno.

Dynamické atribúty

Panel Attributes vkladá dynamické tokeny — , , , , , — ako textové objekty. Každý token sa doplní pre každého príjemcu v čase vydania, takže jeden dizajn sa sám personalizuje pre každého, komu ho vydáte. Takto umiestnite meno príjemcu alebo dátum vydania priamo na odznak.

QR kódy

Panel QR Codes vkladá naskenovateľný kód viazaný na . Na každom vydanom credentiale smeruje na verejnú stránku overenia daného credentialu, takže ktokoľvek môže vytlačený odznak naskenovať a overiť.

Vrstvy

Panel Layers vypisuje každý objekt na plátne. Odtiaľto môžete každú vrstvu preusporiadať (presunúť dopredu / dozadu), skryť/zobraziť, vybrať a odstrániť. Rám pozadia je pripnutý na spodku a zostáva neinteraktívny, takže všetky kliknutia patria prvkom v popredí.

Späť / Znova (Ctrl+Z / Ctrl+Shift+Z) prechádzajú posledných 20 zmien a prerušované vodiace čiary sa zobrazia, keď presúvate objekt blízko stredu plátna.

Uloženie odznaku

Samostatný krok „exportu" neexistuje. Keď sú dizajn a údaje hotové:

• Create Badge zachytí plátno ako PNG, nahrá ho do nášho obrazového CDN (Amazon S3, poskytovaného pod nemennou URL odvodenou od obsahu) a uloží odznak spolu s jeho upraviteľným dizajnom — po opätovnom otvorení odznaku sa obnovia jednotlivé vrstvy na ďalšie úpravy.
• Save Draft uloží rozpracovaný odznak na serveri (naprieč zariadeniami). Koncepty sa v zozname Badges zobrazujú so značkou Draft a ktorýkoľvek z nich môžete neskôr znova otvoriť.

Tipy na dobrý dizajn odznakov

• Nech je jednoduchý — jasný text, minimum rušivých prvkov. Odznaky sa často zobrazujú v malej veľkosti.
• Používajte vysoký kontrast — text musí byť na pozadí čitateľný.
• Pomenujte credential — divák by mal pochopiť na prvý pohľad.
• Štvorcový formát — odznaky vyzerajú najlepšie ako štvorec.
• Konzistentná značka — používajte farby a písma vašej organizácie vo všetkých odznakoch.
• Ukladajte opakovane použiteľné dizajny — každý vytvorený odznak sa uloží aj ako šablóna účtu, z ktorej môžete nabudúce začať (pozrite si My Templates).