Návrhář odznaků

Návrhář odznaků je vizuální třísloupcový editor plátna zabudovaný v badges.ninja, který vám umožňuje vytvářet profesionální obrázky odznaků bez jakýchkoli externích grafických nástrojů.

Přehled

Návrhář se otevírá přímo v okně Create / Edit Badge. Skládá se ze tří částí:

• Levý panel — přepíná prostřední panel mezi režimy Templates, Uploads, Elements, Text, Attributes, QR Codes a Layers.
• Panel nástrojů — nástroje pro vybraný režim levého panelu.
• Plátno — živý, upravitelný náhled odznaku. Vše, co přidáte, je skutečný, vybratelný objekt, který můžete přesouvat, měnit mu styl, měnit pořadí nebo ho smazat.

Údaje o odznaku (Issuer, Name, Description, Criteria a Share Text) se nacházejí přímo pod plátnem, takže návrh a informace o pověření jsou pohromadě v jednom okně — žádný samostatný krok není potřeba.

Začínáme ze šablony

Kliknutím na Templates v levém panelu si můžete prohlédnout vestavěné návrhy. Řada Recognition nabízí plně zkomponovaný, profesionální odznak — tvarovaný rámeček plus upravitelné zástupné texty (organizace, název, podtitul a ověřovací pečeť) — v osmi barevných paletách (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Seznam můžete zúžit filtrem Category, nebo začít od nuly volbou Blank canvas.

Kliknutím na šablonu ji použijete. Její texty se stanou běžnými, upravitelnými vrstvami, které můžete změnit nebo odstranit — nic není pevně zapečeno.

Elements — tvary, ikony, stuhy a pozadí

Panel Elements přidává grafiku nad váš odznak:

• Lines — vodorovné / svislé linky.
• Shapes — vyplněné i obrysové obdélníky, zaoblené obdélníky, kruhy a trojúhelníky.
• Icons — 70 piktogramových ikon (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy a mnoho dalších) s vyhledáváním.
• Ribbons — 28 dekorativních stuh, rozdělených do skupin Straight / Pointed / Tails / Decorative.
• Bases — 80 přebarvitelných základních tvarů v několika kategoriích (kruhy, štíty, šestiúhelníky, hvězdy, medaile, pečeti, věnce, bannery, geometrické).

Každá ikona, stuha a základ se vkládá v aktuální barvě a lze ji kdykoli přebarvit.

Tvary pozadí

Elements → Background shapes obsahuje 68 hotových rámečků (knihovna kombinací tvar × paleta). Jejich použitím se vymění rámeček pozadí odznaku, přičemž vaše texty a prvky zůstanou nahoře — hodí se, když chcete konkrétní kombinaci tvaru a barvy bez zkomponované šablony.

Nahrání vlastního obrázku

V panelu Uploads můžete přidat vlastní logo, fotografii nebo grafiku. Podporovány jsou formáty PNG, JPEG a SVG do velikosti 5 MB. Obrázek se vloží jako běžný objekt v popředí — položí se na návrh a nikdy nesmaže pozadí. Chcete-li změnit pozadí odznaku, vyberte místo toho šablonu nebo tvar pozadí.

Přidávání textu a jeho stylování

Panel Text nabízí:

• Add heading / subheading / normal text — textové objekty s přednastavenou velikostí.
• Combinations — hotové sestavy jako Certificate of Achievement, Awarded to nebo Verify at — každý řádek zůstává samostatně upravitelný.

Vyberte libovolný textový objekt a nad plátnem se objeví kontextový panel nástrojů:

• Font — knihovna 50 písem rozdělených do skupin Sans, Serif, Handwriting, Mono a System. Vyberte písmo z rozbalovací nabídky; každá položka se zobrazuje ve vlastním typu písma.
• + Font — nahrajte firemní písmo (TTF, WOFF, WOFF2, OTF) pro aktuální relaci.
• Font size — krokování − / + (nebo zadání čísla) přesně změní velikost vybraného textu, aniž byste museli tahat za jeho úchyty.
• Colour — nastaví výplň vybraného textu (a výchozí barvu pro vkládání nových tvarů a ikon).
• Alignment — šest tlačítek zarovná výběr vlevo / na střed / vpravo a nahoru / doprostřed / dolů vzhledem k plátnu.

Dynamické atributy

Panel Attributes vkládá jako textové objekty dynamické tokeny — , , , , , . Každý token se vyhodnocuje pro každého příjemce při vydání, takže se jediný návrh sám přizpůsobí každému, komu ho vydáte. Takto umístíte jméno příjemce nebo datum vydání přímo na odznak.

QR kódy

Panel QR Codes vkládá naskenovatelný kód svázaný s . U každého vydaného pověření odkazuje na jeho veřejnou ověřovací stránku, takže kdokoli může vytištěný odznak naskenovat a ověřit.

Vrstvy

Panel Layers vypisuje všechny objekty na plátně. Zde můžete každou vrstvu přeřadit (přenést dopředu / dozadu), skrýt/zobrazit, vybrat a smazat. Rámeček pozadí je připnut dole a zůstává neinteraktivní, takže všechna kliknutí připadnou prvkům v popředí.

Zpět / Znovu (Ctrl+Z / Ctrl+Shift+Z) projde posledních 20 změn a při přetahování objektu poblíž středu plátna se zobrazí čárkované vodicí linky.

Uložení odznaku

Žádný samostatný krok „export" neexistuje. Až budou návrh i údaje hotové:

• Create Badge zachytí plátno jako PNG, nahraje ho na naši obrazovou CDN (Amazon S3, doručováno pod neměnnou URL adresovanou obsahem) a uloží odznak spolu s jeho upravitelným návrhem — po opětovném otevření odznaku se tedy obnoví jednotlivé vrstvy pro další úpravy.
• Save Draft uloží rozpracovaný odznak na serveru (napříč zařízeními). Koncepty se zobrazují v seznamu Badges se značkou Draft a kdykoli na nich můžete pokračovat.

Tipy pro dobrý návrh odznaku

• Držte se jednoduchosti — jasný text, minimum zbytečností. Odznaky se často zobrazují v malé velikosti.
• Používejte vysoký kontrast — text musí být na pozadí dobře čitelný.
• Pojmenujte pověření — divák by mu měl porozumět na první pohled.
• Čtvercový formát — odznaky vypadají nejlépe čtvercové.
• Jednotná značka — používejte napříč odznaky barvy a písma své organizace.
• Ukládejte opakovaně použitelné návrhy — každý odznak, který vytvoříte, se uloží také jako šablona účtu, od které můžete příště začít (viz My Templates).