Skip to content

Návrhár odznakov

Návrhár odznakov je vizuálny trojstĺpcový canvas editor zabudovaný v badges.ninja, ktorý vám umožní vytvárať profesionálne obrázky odznakov bez akýchkoľvek externých dizajnérskych nástrojov.

Trojstĺpcový editor odznakov — ľavá lišta, panel a canvas — s podrobnosťami odznaku pod ním

Prehľad

Návrhár sa otvorí priamo v okne Vytvoriť / Upraviť odznak. Má tri časti:

  • Ľavá lišta — prepína stredný panel medzi režimami Šablóny, Nahrávania, Prvky, Text, Atribúty, QR kódy a Vrstvy.
  • Panel — nástroje pre vybraný režim lišty.
  • Canvas — živý, upraviteľný náhľad odznaku. Všetko, čo pridáte, je skutočný, vybrateľný objekt, ktorý môžete posúvať, meniť štýl, preusporiadať alebo odstrániť.

Podrobnosti odznaku (Vydavateľ, Názov, Popis, Kritériá a Text zdieľania) sa nachádzajú priamo pod canvasom, takže dizajn a informácie o osvedčení žijú spolu v jednom okne — neexistuje žiadny samostatný krok.

Začíname zo šablóny

Kliknutím na Šablóny v lište prehľadáte zabudované dizajny. Rodina Recognition vám poskytne kompletne zloženy, profesionálny odznak — tvarovaný rám plus upraviteľný zástupný text (organizácia, titul, podtitul a overovacia pečať) — v ôsmich farebných paletách (Zlatá, Strieborná, Bronzová, Modrá, Zelená, Karmínová, Fialová, Grafitová). Použite filter Kategória na zúženie zoznamu alebo Prázdny canvas na začatie od nuly.

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

Prvky — tvary, ikony, stuhy a pozadia

Panel Prvky — čiary, tvary, ikony, stuhy, základy a tvary pozadia

Panel Prvky vrství grafiku navrch vášho odznaku:

  • Čiary — vodorovné / zvislé línie.
  • Tvary — vyplnené a obrysové obdĺžniky, zaoblené obdĺžniky, kruhy a trojuholníky.
  • Ikony — 70 piktografických ikon (ocenenie, mozog, certifikát, kód, koruna, diplom, čiapka absolventa, medaila, raketa, štít s overením, hviezda, trofej a mnoho ďalších), s možnosťou vyhľadávania.
  • Stuhy — 28 dekoratívnych stužkových prekrytí zoskupených do kategórií Rovné / Špicaté / Chvosty / Dekoratívne.
  • Základy — 80 prefarbovateľných základných tvarov naprieč kategóriami (kruhy, štíty, šesťuholníky, hviezdy, medaily, pečate, vence, zástavy, geometrické).

Každá ikona, stuha a základ sa vloží v aktuálnej farbe a možno ich kedykoľvek prefarbiť.

Tvary pozadia

Tvary pozadia — vopred navrhnutý rám aplikovaný ako pozadie odznaku

Prvky → Tvary pozadia obsahujú 68 hotových rámov (knižnica tvar × paleta). Aplikovaním jedného sa vymení rám pozadia odznaku, pričom ponechá váš text a prvky navrchu — praktické, keď chcete konkrétnu kombináciu tvaru/farby bez zloženej šablóny.

Nahranie vlastného obrázka

Panel Nahrávania použite na pridanie vlastného loga, fotografie alebo grafiky. Akceptované sú PNG, JPEG a SVG, až do 5 MB. Obrázok sa vloží ako bežný objekt v popredí — naskladá sa navrch dizajnu 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 — nadpisy, telo textu a hotové kombinácie

Panel Text ponúka:

  • Pridať nadpis / podnadpis / bežný text — textové objekty s prednastavenou veľkosťou.
  • Kombinácie — hotové zostavy ako Certifikát o dosiahnutí, Udelené alebo Overte na — každý riadok zostáva nezávisle upraviteľný.

Vyberte akýkoľvek textový objekt a nad canvasom sa objaví kontextový panel nástrojov:

Kontextový panel nástrojov s výberom fontu, krokovačom veľkosti − / +, farbou a zarovnaním

  • Font — knižnica 50 fontov zoskupených do kategórií Sans, Serif, Handwriting, Mono a System. Vyberte jeden z rozbaľovacej ponuky; každá možnosť sa zobrazuje vo vlastnom písme.
  • + Font — nahrajte značkové písmo (TTF, WOFF, WOFF2, OTF) pre aktuálnu reláciu.
  • Veľkosť fontukrokovač − / + (alebo zadajte číslo) presne zmení veľkosť vybraného textu bez ťahania jeho úchytov.
  • Farba — nastavuje výplň vybraného textu (a predvolenú farbu vkladania pre nové tvary/ikony).
  • Zarovnanie — šesť tlačidiel zarovná výber vľavo / na stred / vpravo a hore / na stred / dole vzhľadom na canvas.

Dynamické atribúty

Panel Atribúty — dynamické tokeny vyriešené pre každého príjemcu

Panel Atribúty vkladá dynamické tokeny, , , , , — ako textové objekty. Každý token sa vyrieši pre každého príjemcu v čase udelenia, takže jediný dizajn sa 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 kódy vkladá naskenovateľný kód viazaný na . Pri každom vydanom udelení sa vyrieši na verejnú overovaciu stránku daného udelenia, takže ktokoľvek môže naskenovať vytlačený odznak a potvrdiť ho.

Vrstvy

Panel Vrstvy — preusporiadanie, skrytie alebo odstránenie každého objektu

Panel Vrstvy obsahuje zoznam každého objektu na canvase. Odtiaľto môžete každú vrstvu preusporiadať (preniesť dopredu / poslať dozadu), skryť/zobraziť, vybrať a odstrániť. Rám pozadia je pripnutý naspodku a zostáva neinteraktívny, takže prvky v popredí vlastnia všetky kliknutia.

Späť / Vpred (Ctrl+Z / Ctrl+Shift+Z) prechádzajú posledných 20 zmien a pri ťahaní objektu blízko stredu canvasu sa objavia prerušované vodiace čiary prichytenia.

Uloženie odznaku

Hotový odznak vedľa svojich dokončených podrobností — pripravený na vytvorenie alebo uloženie ako koncept

Neexistuje žiadny samostatný krok „exportu“. Keď sú váš dizajn a podrobnosti pripravené:

  • Vytvoriť odznak zachytí canvas ako PNG, nahrá ho do IPFS a uloží odznak spolu s jeho upraviteľným dizajnom — takže opätovné otvorenie odznaku obnoví vaše jednotlivé vrstvy na ďalšiu úpravu.
  • Uložiť koncept ukladá rozpracovaný odznak na strane servera (naprieč zariadeniami). Koncepty sa zobrazujú vo vašom zozname odznakov s označením Koncept a ktorýkoľvek z nich môžete neskôr znova rozpracovať.

Tipy pre dobrý dizajn odznaku

  • Buďte jednoduchí — zrozumiteľný text, minimálne preplnenie. Odznaky sa často zobrazujú v malej veľkosti.
  • Používajte vysoký kontrast — text musí byť čitateľný proti pozadiu.
  • Pomenujte osvedčenie — diváci by mu mali porozumieť na prvý pohľad.
  • Štvorcový formát — odznaky sa najlepšie zobrazujú ako štvorcové.
  • Konzistencia značky — používajte farby a fonty vašej organizácie naprieč všetkými odznakmi.
  • Ukladajte opätovne použiteľné dizajny — každý odznak, ktorý vytvoríte, sa tiež uloží ako šablóna účtu, z ktorej môžete nabudúce začať (pozri Moje šablóny).

badges.ninja Documentation