Skip to content

Jelvénytervező

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

A háromoszlopos jelvényszerkesztő — bal oldali sáv, panel és vászon — alatta a jelvény adataival

Á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 oldali sáv — a középső panelt a következő módok között váltja: Sablonok, Feltöltések, Elemek, Szöveg, Attribútumok, QR-kódok és Rétegek.
  • Panel — a kiválasztott sáv módjához tartozó eszközök.
  • Vászon — a jelvény élő, szerkeszthető előnézete. Minden, amit hozzáadsz, valódi, kijelölhető objektum, amelyet mozgathatsz, átstílusozhatsz, átrendezhetsz vagy törölhetsz.

A jelvény adatai (Kibocsátó, Név, Leírás, Kritériumok és a Megosztási szöveg) közvetlenül a vászon alatt helyezkednek el, így a terv és a hitelesítő adatok egyetlen ablakban élnek együtt — nincs külön lépés.

Kezdés sablonból

Kattints a sávban a Sablonok gombra a beépített tervek böngészéséhez. A Recognition család teljesen összeállított, professzionális jelvényt ad — egy formázott keretet és szerkeszthető helykitöltő szöveget (szervezet, cím, alcím és egy hitelesítő pecsét) — nyolc színpalettában (Arany, Ezüst, Bronz, Kék, Zöld, Bíbor, Lila, Grafit). A Kategória szűrővel szűkítheted a listát, vagy az Üres vászon lehetőséggel a nulláról indulhatsz.

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

Elemek — formák, ikonok, szalagok és hátterek

Az Elemek panel — vonalak, formák, ikonok, szalagok, alapok és háttérformák

Az Elemek panel grafikákat helyez a jelvényed tetejére:

  • Vonalak — vízszintes / függőleges vonalak.
  • Formák — kitöltött és körvonalas téglalapok, lekerekített téglalapok, körök és háromszögek.
  • Ikonok — 70 piktogram jellegű ikon (díj, agy, tanúsítvány, kód, korona, diploma, ballagási sapka, érem, rakéta, pajzs-pipa, csillag, trófea és sok más), kereshetők.
  • Szalagok — 28 dekoratív szalagátfedés, Egyenes / Hegyes / Farkas / Dekoratív csoportokba rendezve.
  • Alapok — 80 átszínezhető alapforma több kategóriában (körök, pajzsok, hatszögek, csillagok, érmék, pecsétek, koszorúk, transzparensek, mértani formák).

Minden ikon, szalag és alap az aktuális színnel kerül beillesztésre, és bármikor átszínezhető.

Háttérformák

Háttérformák — egy előre megtervezett keret a jelvény háttereként alkalmazva

Az Elemek → Háttérformák 68 előre elkészített keretet tartalmaz (a forma × paletta könyvtárat). Az egyik alkalmazása lecseréli a jelvény háttérkeretét, miközben a szövegedet és elemeidet a tetején tartja — hasznos, ha egy adott forma/szín kombinációt szeretnél összeállított sablon nélkül.

Egyéni kép feltöltése

A Feltöltések panellel adhatod hozzá a saját logódat, fényképedet vagy grafikádat. PNG, JPEG és SVG fogadható, legfeljebb 5 MB méretben. A kép normál előtér-objektumként kerül beillesztésre — a terv tetejére rétegződik, és soha nem törli a hátteret. A jelvény hátterének módosításához inkább válassz sablont vagy háttérformát.

Szöveg hozzáadása és stílusozása

A Szöveg panel — címsorok, törzsszöveg és kész kombinációk

A Szöveg panel a következőket 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 Teljesítményi oklevél, Kiállítva neki: , vagy Ellenőrzés itt: — minden sor önállóan szerkeszthető marad.

Jelölj ki bármely szövegobjektumot, és a vászon felett megjelenik a kontextuális eszköztár:

Kontextuális eszköztár a betűtípus-választóval, a − / + betűméret-léptetővel, a színnel és az igazítással

  • Betűtípus50 betűtípusból álló könyvtár Sans, Serif, Handwriting, Mono és System csoportokba rendezve. Válassz egyet a legördülőből; minden lehetőség a saját betűtípusában jelenik meg előnézetben.
  • + Betűtípus — tölts fel egy márkabetűtípust (TTF, WOFF, WOFF2, OTF) az aktuális munkamenetre.
  • Betűméret — a − / + léptetővel (vagy szám beírásával) pontosan átméretezheted a kijelölt szöveget, a fogantyúk húzása nélkül.
  • Szín — beállítja a kijelölt szöveg kitöltését (és az új formák/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, illetve felülre / középre / alulra a vászonhoz képest.

Dinamikus attribútumok

Az Attribútumok panel — címzettenként feloldott dinamikus tokenek

Az Attribútumok panel dinamikus tokeneket szúr be — , , , , , — szövegobjektumként. Minden token címzettenként, a kiállítás pillanatában oldódik fel, így egyetlen terv mindenki számára személyre szabja magát, akinek kiadod. Így teheted magára a jelvényre a címzett nevét vagy a kiállítás dátumát.

QR-kódok

A QR-kódok panel egy beolvasható kódot szúr be, amely az tokenhez kapcsolódik. Minden kiadott elismerésen az adott elismerés nyilvános ellenőrző oldalára oldódik fel, így bárki beolvashatja a nyomtatott jelvényt annak megerősítéséhez.

Rétegek

A Rétegek panel — minden objektum átrendezése, elrejtése vagy törlése

A Rétegek panel felsorolja a vászon minden objektumát. Innen átrendezheted (előrehozás / hátraküldés), elrejtheted/megjelenítheted, kijelölheted és törölheted az egyes rétegeket. A háttérkeret alul van rögzítve, és nem interaktív marad, így az előtérelemek fogadják az összes kattintást.

A Visszavonás / Ismét (Ctrl+Z / Ctrl+Shift+Z) az utolsó 20 módosítást lépteti át, és szaggatott illesztősegédek jelennek meg, amikor egy objektumot a vászon közepéhez közel húzol.

A jelvény mentése

A kész jelvény a kitöltött adatai mellett — készen a létrehozásra vagy piszkozatként való mentésre

Nincs külön „exportálás" lépés. Amikor a terved és az adataid készen állnak:

  • A Jelvény létrehozása rögzíti a vásznat PNG-ként, feltölti az IPFS-re, és elmenti a jelvényt a szerkeszthető tervével együtt — így a jelvény újbóli megnyitása visszaállítja az egyes rétegeidet a további szerkesztéshez.
  • A Piszkozat mentése egy folyamatban lévő jelvényt tárol a szerveren (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 folytathatod.

Tippek a jó jelvénytervezéshez

  • Legyen egyszerű — tiszta szöveg, minimális zsúfoltság. A jelvényeket gyakran kis méretben jelenítik meg.
  • Használj erős kontrasztot — a szöveg legyen olvasható a háttéren.
  • Nevezd meg a hitelesítést — a nézők első pillantásra értsék meg.
  • Négyzetes formátum — a jelvények négyzet alakban mutatnak a legjobban.
  • Márkaegységesség — használd újra a szervezeted színeit és betűtípusait a jelvényeken.
  • Mentsd az újrahasználható terveket — minden létrehozott jelvény fiókszintű sablonként is elmentődik, amelyből legközelebb indulhatsz (lásd Saját sablonok).

badges.ninja Documentation