Jelvénytervező

A Jelvénytervező a badges.ninja-ba beépített vizuális, háromoszlopos vászonszerkesztő, amellyel külső tervezőeszközök nélkül készíthetsz professzionális jelvényképeket.

Áttekintés

A tervező közvetlenül a Jelvény létrehozása / szerkesztése ablakban nyílik meg. Három részből áll:

• Bal sáv — a középső panelt váltja a Sablonok, Feltöltések, Elemek, Szöveg, Attribútumok, QR-kódok és Rétegek között.
• Panel — a kiválasztott sávmód eszközei.
• Vászon — a jelvény élő, szerkeszthető előnézete. Minden, amit hozzáadsz, valódi, kijelölhető objektum, amelyet mozgathatsz, átformázhatsz, átrendezhetsz vagy törölhetsz.

A jelvény adatai (kibocsátó, név, leírás, feltételek és a megosztási szöveg) közvetlenül a vászon alatt találhatók, így a terv és a hitelesítő adat információi egy ablakban vannak — nincs külön lépés.

Indulás sablonból

Kattints a sávon a Sablonok elemre a beépített tervek böngészéséhez. A Recognition család teljesen összeállított, professzionális jelvényt ad — formázott keretet és szerkeszthető helyőrző szöveget (szervezet, cím, alcím és ellenőrzési pecsét) — nyolc színpalettában (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). A Kategória szűrővel szűkítheted a listát, az Üres vászon pedig a nulláról indulást szolgálja.

Kattints egy sablonra az alkalmazásához. A szövege normál, szerkeszthető réteggé válik, amelyet módosíthatsz vagy eltávolíthatsz — semmi sincs beleégetve.

Elemek — alakzatok, ikonok, szalagok és hátterek

Az Elemek panel grafikákat rétegez a jelvényed fölé:

• Vonalak — vízszintes / függőleges vonalak.
• Alakzatok — kitöltött és körvonalas téglalapok, lekerekített téglalapok, körök és háromszögek.
• Ikonok — 70 piktografikus ikon (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy és még sok más), kereshető.
• Szalagok — 28 díszítő szalagrátét, Straight / Pointed / Tails / Decorative csoportokba rendezve.
• Alapok — 80 újraszínezhető alapalakzat több kategóriában (körök, pajzsok, hatszögek, csillagok, érmek, pecsétek, koszorúk, szalagfeliratok, geometriai).

Minden ikon, szalag és alap az aktuális színnel kerül beszúrásra, és bármikor átszínezhető.

Háttéralakzatok

Az Elemek → Háttéralakzatok 68 kész keretet tartalmaz (alakzat × paletta könyvtár). Egy alkalmazása lecseréli a jelvény háttérkeretét, miközben a szöveged és az elemeid a tetején maradnak — hasznos, ha összeállított sablon nélkül szeretnél egy adott alakzat/szín kombinációt.

Egyedi kép feltöltése

A Feltöltések panellel add hozzá saját logódat, fotódat vagy grafikádat. PNG, JPEG és SVG fogadható el, legfeljebb 5 MB méretig. A kép normál előtérbeli objektumként kerül beszúrásra — a terv tetejére kerül, és sosem törli a hátteret. A jelvény hátterének módosításához válassz inkább sablont vagy háttéralakzatot.

Szöveg hozzáadása és formázása

A Szöveg panel kínálja:

• Címsor / alcím / normál szöveg hozzáadása — előre méretezett szövegobjektumok.
• Kombinációk — kész elrendezések, például Certificate of Achievement, Awarded to vagy Verify at — minden sor külön szerkeszthető marad.

Jelölj ki bármely szövegobjektumot, és a vászon fölött megjelenik a helyi eszköztár:

• Betűtípus — 50 betűtípusból álló könyvtár Sans, Serif, Handwriting, Mono és System csoportokba rendezve. Válassz egyet a legördülő menüből; minden lehetőség a saját betűtípusával jelenik meg.
• + Betűtípus — tölts fel márkád betűtípusát (TTF, WOFF, WOFF2, OTF) az aktuális munkamenetre.
• Betűméret — a − / + léptető (vagy egy szám beírása) pontosan átméretezi a kijelölt szöveget a fogópontok húzása nélkül.
• Szín — beállítja a kijelölt szöveg kitöltését (és az új alakzatok/ikonok alapértelmezett beszúrási színét).
• Igazítás — hat gomb igazítja a kijelölést balra / középre / jobbra és felülre / középre / alulra a vászonhoz képest.

Dinamikus attribútumok

Az Attribútumok panel dinamikus tokeneket — , , , , , — szúr be szövegobjektumként. Minden token kedvezményezettenként, kibocsátáskor oldódik fel, így egyetlen terv magától személyre szabódik mindenkinek, akinek kibocsátod. Így kerülhet a kedvezményezett neve vagy a kibocsátás dátuma magára a jelvényre.

QR-kódok

A QR-kódok panel a -hoz kötött beolvasható kódot szúr be. Minden kibocsátott hitelesítő adaton ez az adott hitelesítő adat nyilvános ellenőrzőoldalára mutat, így bárki beolvashatja a kinyomtatott jelvényt a megerősítéshez.

Rétegek

A Rétegek panel felsorolja a vászon összes objektumát. Innen minden réteget átrendezhetsz (előrehozás / hátraküldés), elrejthetsz/megjeleníthetsz, kijelölhetsz és törölhetsz. A háttérkeret az aljára van rögzítve, és nem interaktív marad, hogy az összes kattintást az előtér elemei kapják.

A Visszavonás / Újra (Ctrl+Z / Ctrl+Shift+Z) az utolsó 20 módosításon lép végig, és szaggatott igazítási segédvonalak jelennek meg, amikor egy objektumot a vászon közepe közelébe húzol.

A jelvény mentése

Nincs külön „exportálás” lépés. Ha a terv és az adatok készen állnak:

• A Jelvény létrehozása PNG-ként rögzíti a vásznat, feltölti képi CDN-ünkre (Amazon S3, megváltoztathatatlan, tartalomalapú URL alatt kiszolgálva), és elmenti a jelvényt a szerkeszthető tervével együtt — így a jelvény újbóli megnyitásakor az egyes rétegeid visszaállnak a további szerkesztéshez.
• A Piszkozat mentése a szerveren tárolja a félkész jelvényt (eszközök között). A piszkozatok a Jelvények listádban Piszkozat jelöléssel jelennek meg, és bármelyiket később újra előveheted.

Tippek a jó jelvénytervezéshez

• Legyen egyszerű — világos szöveg, minimális zsúfoltság. A jelvényeket gyakran kicsiben jelenítik meg.
• Használj nagy kontrasztot — a szöveg legyen jól olvasható a háttéren.
• Nevezd meg a hitelesítő adatot — a megtekintőnek első pillantásra érthetőnek kell lennie.
• Négyzet formátum — a jelvények négyzetben mutatnak a legjobban.
• Márkaegység — használd újra szervezeted színeit és betűtípusait a jelvényeken.
• Mentsd el az újrafelhasználható terveket — minden létrehozott jelvény fiókszablonként is mentésre kerül, amelyből legközelebb indulhatsz (lásd: Saját sablonok).