Návrhář odznaků

Návrhář odznaků je vizuální třísloupcový canvas editor zabudovaný do 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ře přímo v okně Vytvořit / Upravit odznak. Skládá se ze tří částí:

• Levá lišta — přepíná prostřední panel mezi režimy Šablony, Nahrání, Prvky, Text, Atributy, QR kódy a Vrstvy.
• Panel — nástroje pro zvolený režim lišty.
• Canvas — živý, editovatelný náhled odznaku. Vše, co přidáte, je skutečný, vybratelný objekt, který můžete přesouvat, přebarvovat, měnit jeho pořadí nebo mazat.

Detaily odznaku (Vydavatel, Název, Popis, Kritéria a Text ke sdílení) se nacházejí přímo pod canvasem, takže návrh a informace o osvědčení žijí společně v jednom okně — neexistuje žádný samostatný krok.

Začínáme ze šablony

Kliknutím na Šablony v liště procházíte vestavěné návrhy. Rodina Recognition vám dává plně zkomponovaný, profesionální odznak — tvarovaný rám plus editovatelný zástupný text (organizace, titul, podtitul a ověřovací pečeť) — v osmi barevných paletách (Zlatá, Stříbrná, Bronzová, Modrá, Zelená, Karmínová, Fialová, Grafitová). Pomocí filtru Kategorie zúžte seznam nebo použijte Prázdný canvas a začněte od nuly.

Kliknutím na šablonu ji aplikujete. Její text se stane běžnými, editovatelnými vrstvami, které můžete změnit nebo odstranit — nic není napevno zapečené.

Prvky — tvary, ikony, stuhy a pozadí

Panel Prvky naskládá grafiku navrch vašeho odznaku:

• Čáry — horizontální / vertikální linky.
• Tvary — vyplněné a obrysové obdélníky, zaoblené obdélníky, kruhy a trojúhelníky.
• Ikony — 70 piktografických ikon (cena, mozek, certifikát, kód, koruna, diplom, akademická čepice, medaile, raketa, štít-check, hvězda, pohár a mnoho dalších), s vyhledáváním.
• Stuhy — 28 dekorativních překryvů stuh seskupených do kategorií Rovné / Špičaté / Ocasy / Dekorativní.
• Podklady — 80 přebarvitelných podkladových tvarů napříč kategoriemi (kruhy, štíty, hexagony, hvězdy, medaile, pečeti, věnce, bannery, geometrické).

Každá ikona, stuha a podklad se vloží v aktuální barvě a lze je kdykoli přebarvit.

Tvary pozadí

Prvky → Tvary pozadí obsahuje 68 hotových rámů (knihovna tvar × paleta). Aplikováním jednoho z nich vyměníte rám pozadí odznaku a přitom ponecháte svůj text a prvky navrchu — praktické, když chcete konkrétní kombinaci tvaru a barvy bez zkomponované šablony.

Nahrání vlastního obrázku

Panel Nahrání použijte k přidání vlastního loga, fotografie nebo grafiky. Přijímány jsou formáty PNG, JPEG a SVG, až do velikosti 5 MB. Obrázek se vloží jako běžný objekt v popředí — naskládá se navrch návrhu a nikdy nesmaže pozadí. Chcete-li změnit pozadí odznaku, zvolte místo toho šablonu nebo tvar pozadí.

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

Panel Text nabízí:

• Přidat nadpis / podnadpis / běžný text — předdimenzované textové objekty.
• Kombinace — hotové sestavy jako Certifikát o úspěchu, Uděleno nebo Ověřte na — každý řádek zůstává nezávisle editovatelný.

Vyberte jakýkoli textový objekt a nad canvasem se objeví kontextová lišta nástrojů:

• Font — knihovna 50 fontů seskupených do kategorií Sans, Serif, Handwriting, Mono a System. Vyberte jeden z rozbalovacího menu; každá možnost se zobrazí náhledem ve vlastním písmu.
• + Font — nahrajte firemní písmo (TTF, WOFF, WOFF2, OTF) pro aktuální relaci.
• Velikost písma — krokovač − / + (nebo zadejte číslo) přesně změní velikost vybraného textu, aniž byste museli tahat za jeho úchyty.
• Barva — nastavuje výplň vybraného textu (a výchozí barvu vložení pro nové tvary/ikony).
• Zarovnání — šest tlačítek zarovná výběr vlevo / na střed / vpravo a nahoru / doprostřed / dolů relativně k canvasu.

Dynamické atributy

Panel Atributy vkládá dynamické tokeny — , , , , , — jako textové objekty. Každý token se vyřeší pro každého příjemce v okamžiku udělení, takže jediný návrh se personalizuje pro každého, komu jej vydáte. Takto na samotný odznak umístíte jméno příjemce nebo datum vydání.

QR kódy

Panel QR kódy vkládá naskenovatelný kód napojený na . Na každém vydaném udělení se vyřeší na veřejnou ověřovací stránku daného udělení, takže kdokoli může naskenovat vytištěný odznak a potvrdit jej.

Vrstvy

Panel Vrstvy vypisuje každý objekt na canvasu. Odtud můžete každou vrstvu měnit pořadí (přenést dopředu / poslat dozadu), skrýt/zobrazit, vybrat a smazat. Rám pozadí je připnutý dole a zůstává neinteraktivní, takže veškeré kliky patří prvkům v popředí.

Zpět / Znovu (Ctrl+Z / Ctrl+Shift+Z) procházejí posledních 20 změn a přerušovaná přichytávací vodítka se objeví, když táhnete objekt blízko středu canvasu.

Uložení odznaku

Neexistuje žádný samostatný krok „exportu“. Když jsou váš návrh a detaily hotové:

• Vytvořit odznak zachytí canvas jako PNG, nahraje jej do IPFS a uloží odznak spolu s jeho editovatelným návrhem — takže opětovné otevření odznaku obnoví vaše jednotlivé vrstvy pro další úpravy.
• Uložit koncept uloží rozpracovaný odznak na serveru (napříč zařízeními). Koncepty se objeví ve vašem seznamu odznaků s označením Koncept a kterýkoli z nich můžete později znovu otevřít.

Tipy pro dobrý návrh odznaku

• Udržte to jednoduché — jasný text, minimum nepořádku. Odznaky se často zobrazují v malých velikostech.
• Používejte vysoký kontrast — text musí být čitelný na pozadí.
• Pojmenujte osvědčení — diváci by mu měli porozumět na první pohled.
• Čtvercový formát — odznaky vypadají nejlépe čtvercové.
• Soudržnost značky — používejte barvy a fonty vaší organizace napříč všemi odznaky.
• Ukládejte znovupoužitelné návrhy — každý odznak, který vytvoříte, se také uloží jako šablona účtu, ze které můžete příště začít (viz Moje šablony).