Märgi kujundaja

Märgi kujundaja on badges.ninjasse sisse ehitatud visuaalne kolmeveeruline lõuendiredaktor, millega saad luua professionaalseid märgipilte ilma väliste kujundustööriistadeta.

Ülevaade

Kujundaja avaneb otse aknas Loo / Muuda märki. Sellel on kolm osa:

• Vasak riba — lülitab keskmise paneeli vahel: Mallid, Üleslaadimised, Elemendid, Tekst, Atribuudid, QR-koodid ja Kihid.
• Paneel — valitud riba režiimi tööriistad.
• Lõuend — märgi reaalajas muudetav eelvaade. Kõik, mida lisad, on päris valitav objekt, mida saab liigutada, ümber stiliseerida, järjestada või kustutada.

Märgi üksikasjad (väljaandja, nimi, kirjeldus, kriteeriumid ja jagamistekst) asuvad otse lõuendi all, nii et kujundus ja tunnistuse teave on ühes aknas — eraldi sammu pole.

Alustamine mallist

Sisseehitatud kujunduste sirvimiseks klõpsa ribal Mallid. Perekond Recognition pakub täielikult komponeeritud professionaalset märki — kujuline raam pluss muudetavad kohatäiteekstid (organisatsioon, pealkiri, alapealkiri ja kinnituspitser) — kaheksas värvipaletis (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Loendi kitsendamiseks kasuta filtrit Kategooria või alusta nullist valikuga Tühi lõuend.

Malli rakendamiseks klõpsa sellel. Selle tekstid muutuvad tavalisteks muudetavateks kihtideks, mida saad muuta või eemaldada — midagi pole kinni küpsetatud.

Elemendid — kujundid, ikoonid, paelad ja taustad

Paneel Elemendid lisab märgile graafikat:

• Jooned — horisontaalsed / vertikaalsed jooned.
• Kujundid — täidetud ja kontuuriga ristkülikud, ümarnurksed ristkülikud, ringid ja kolmnurgad.
• Ikoonid — 70 piktogrammi (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy ja palju muud), otsitavad.
• Paelad — 28 dekoratiivset paelakatet, rühmitatud: Straight / Pointed / Tails / Decorative.
• Alused — 80 ümbervärvitavat alusekujundit mitmes kategoorias (ringid, kilbid, kuusnurgad, tähed, medalid, pitsatid, pärjad, bännerid, geomeetrilised).

Iga ikoon, pael ja alus lisatakse praeguses värvis ning seda saab igal ajal ümber värvida.

Taustakujundid

Elemendid → Taustakujundid sisaldab 68 valmis raami (kuju × paleti teek). Ühe rakendamine vahetab märgi taustaraami, säilitades sinu teksti ja elemendid pealmisel kihil — käepärane, kui soovid kindlat kuju ja värvi kombinatsiooni ilma komponeeritud malli kasutamata.

Oma pildi üleslaadimine

Oma logo, foto või graafika lisamiseks kasuta paneeli Üleslaadimised. Aktsepteeritakse PNG, JPEG ja SVG kuni 5 MB. Pilt lisatakse tavalise esiplaani objektina — see asetub kujunduse peale ega kustuta kunagi tausta. Märgi tausta muutmiseks vali selle asemel mall või taustakujund.

Teksti lisamine ja vormindamine

Paneel Tekst pakub:

• Lisa pealkiri / alapealkiri / tavaline tekst — eelsuuruses tekstiobjektid.
• Kombinatsioonid — valmis komplektid, nagu Certificate of Achievement, Awarded to või Verify at — iga rida jääb eraldi muudetavaks.

Vali mõni tekstiobjekt ja lõuendi kohal ilmub kontekstipõhine tööriistariba:

• Font — 50 fondi teek, mis on rühmitatud: Sans, Serif, Handwriting, Mono ja System. Vali rippmenüüst; iga valik kuvatakse eelvaates oma kirjatüübis.
• + Font — laadi üles brändi kirjatüüp (TTF, WOFF, WOFF2, OTF) praeguseks seansiks.
• Fondi suurus — − / + sammur (või numbri sisestamine) muudab valitud teksti suurust täpselt, ilma käepidemeid lohistamata.
• Värv — määrab valitud teksti täitevärvi (ja uute kujundite/ikoonide vaikimisi lisamisvärvi).
• Joondus — kuus nuppu joondavad valiku lõuendi suhtes vasakule / keskele / paremale ning üles / keskele / alla.

Dünaamilised atribuudid

Paneel Atribuudid lisab tekstiobjektidena dünaamilisi märke — , , , , , . Iga märk lahendatakse iga saaja jaoks eraldi väljaandmise ajal, nii et üks kujundus kohandub igaühe jaoks, kellele selle välja annad. Nii saad märgile endale panna saaja nime või väljaandmise kuupäeva.

QR-koodid

Paneel QR-koodid lisab skannitava koodi, mis on seotud märgiga . Igal väljaantud tunnistusel viitab see selle tunnistuse avalikule kinnitamise lehele, nii et igaüks saab prinditud märgi skannides selle kinnitada.

Kihid

Paneel Kihid loetleb kõik lõuendil olevad objektid. Siit saad iga kihti järjestada (too ettepoole / saada tahapoole), peita/näidata, valida ja kustutada. Taustaraam on kinnitatud alla ning jääb mitteinteraktiivseks, et esiplaani elemendid saaksid kõik klõpsud.

Tagasi / Edasi (Ctrl+Z / Ctrl+Shift+Z) liigub läbi viimase 20 muudatuse ning kriipsjooned tõmbejuhised ilmuvad, kui lohistad objekti lõuendi keskme lähedale.

Märgi salvestamine

Eraldi „ekspordi" sammu pole. Kui kujundus ja üksikasjad on valmis:

• Loo märk salvestab lõuendi PNG-na, laadib selle üles meie pildi-CDN-i (Amazon S3, edastatakse muutumatu sisupõhise URL-i all) ja salvestab märgi koos selle muudetava kujundusega — märgi uuesti avamisel taastatakse sinu üksikud kihid edasiseks muutmiseks.
• Salvesta mustand talletab pooleli oleva märgi serveripoolselt (seadmeülesena). Mustandid ilmuvad sinu märkide loendis tähisega Mustand ja saad neid hiljem uuesti kätte võtta.

Näpunäiteid hea märgikujunduse jaoks

• Hoia lihtsana — selge tekst, minimaalne risu. Märke kuvatakse sageli väikesena.
• Kasuta kõrget kontrasti — tee tekst taustal loetavaks.
• Nimeta tunnistus — vaatajad peaksid sellest ühe pilguga aru saama.
• Ruudukujuline formaat — märgid näevad parimad välja ruudukujulisena.
• Brändi järjepidevus — kasuta oma organisatsiooni värve ja fonte kõigil märkidel.
• Salvesta korduvkasutatavad kujundused — iga loodud märk salvestatakse ka konto mallina, millest saad järgmisel korral alustada (vaata Minu mallid).