Skip to content

Märgikujundaja

Märgikujundaja on badges.ninja-sse sisse ehitatud visuaalne kolmeveeruline canvas-redaktor, mis võimaldab luua professionaalseid märgipilte ilma väliste kujundustööriistadeta.

3-veeruline märgiredaktor — vasak riba, paneel ja canvas — koos all asuvate märgi andmetega

Ülevaade

Kujundaja avaneb otse Märgi loomise / muutmise aknas. Sellel on kolm osa:

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

Märgi andmed (Väljaandja, Nimi, Kirjeldus, Kriteeriumid ja jagamistekst) asuvad otse canvase all, nii et kujundus ja tõendi teave elavad koos ühes aknas — eraldi sammu pole vaja.

Mallist alustamine

Klõpsa ribal Mallid, et sirvida sisseehitatud kujundusi. Recognition perekond annab sulle täielikult koostatud professionaalse märgi — kujuga raami ja muudetava kohatäite teksti (organisatsioon, pealkiri, alapealkiri ja verifitseerimispitser) — kaheksas värvipaletis (kuld, hõbe, pronks, sinine, roheline, karmiinpunane, lilla, grafiit). Kasuta filtrit Kategooria, et loendit kitsendada, või Tühi canvas, et alustada nullist.

Klõpsa mallil, et see rakendada. Selle tekst muutub tavalisteks muudetavateks kihtideks, mida saad muuta või eemaldada — miski pole sisse küpsetatud.

Elemendid — kujundid, ikoonid, paelad ja taustad

Elementide paneel — jooned, kujundid, ikoonid, paelad, alused ja taustakujundid

Paneel Elemendid asetab graafikat sinu märgi peale:

  • Jooned — horisontaalsed / vertikaalsed jooned.
  • Kujundid — täidetud ja kontuuriga ristkülikud, ümardatud ristkülikud, ringid ja kolmnurgad.
  • Ikoonid — 70 piltlikku ikooni (autasu, aju, sertifikaat, kood, kroon, diplom, lõpetaja müts, medal, rakett, kilp-kriips, täht, trofee ja palju muud), otsitavad.
  • Paelad — 28 dekoratiivset paela ülekatet, rühmitatud kategooriatesse Sirge / Terav / Sabad / Dekoratiivne.
  • Alused — 80 ümbervärvitavat aluskuju eri kategooriates (ringid, kilbid, kuusnurgad, tähed, medalid, pitserid, pärjad, lipud, geomeetrilised).

Iga ikoon, pael ja alus sisestatakse praeguse värviga ja seda saab igal ajal ümber värvida.

Taustakujundid

Taustakujundid — märgi taustaks rakendatud eelkujundatud raam

Elemendid → Taustakujundid sisaldab 68 valmisraami (kuju × paleti kogu). Ühe rakendamine vahetab märgi taustaraami, säilitades sinu teksti ja elemendid peal — kasulik, kui soovid kindlat kuju/värvi kombinatsiooni ilma koostatud mallita.

Kohandatud pildi üleslaadimine

Kasuta paneeli Üleslaadimised, et lisada oma logo, foto või graafika. Vastu võetakse PNG, JPEG ja SVG, kuni 5 MB. Pilt sisestatakse tavalise esiplaani objektina — see laotatakse kujunduse peale ega kustuta kunagi tausta. Märgi tausta muutmiseks vali hoopis mall või taustakujund.

Teksti lisamine ja kujundamine

Teksti paneel — pealkirjad, sisutekst ja valmis kombinatsioonid

Paneel Tekst pakub:

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

Vali mõni tekstiobjekt ja canvase kohale ilmub kontekstitööriistariba:

Kontekstitööriistariba fondivalija, − / + fondisuuruse sammuti, värvi ja joondusega

  • Font50 fondi kogu, rühmitatud kategooriatesse Sans, Serif, Käekiri, Mono ja Süsteem. Vali rippmenüüst; iga valik kuvatakse eelvaates oma kirjatüübis.
  • + Font — laadi üles brändi kirjatüüp (TTF, WOFF, WOFF2, OTF) praeguseks seansiks.
  • Fondisuurus− / + sammuti (või trüki number) muudab valitud teksti täpselt, ilma pidemeid lohistamata.
  • Värv — määrab valitud teksti täite (ja uute kujundite/ikoonide vaikimisi sisestamise värvi).
  • Joondus — kuus nuppu joondavad valiku vasakule / keskele / paremale ja üles / keskele / alla canvase suhtes.

Dünaamilised atribuudid

Atribuutide paneel — dünaamilised tokenid, mis lahenevad iga saaja jaoks

Paneel Atribuudid sisestab dünaamilised tokenid, , , , , — tekstiobjektidena. Iga token laheneb iga saaja jaoks väljaandmise hetkel, nii et üksainus kujundus isikupärastab end kõigi jaoks, kellele selle väljastad. Nii lisad märgile endale saaja nime või väljaandmise kuupäeva.

QR-koodid

Paneel QR-koodid sisestab skannitava koodi, mis on seotud -iga. Iga väljastatud autasu puhul laheneb see selle autasu avalikuks verifitseerimislehteks, nii et igaüks saab trükitud märgi skannida, et seda kinnitada.

Kihid

Kihtide paneel — järjesta ümber, peida või kustuta iga objekt

Paneel Kihid loetleb kõik canvase objektid. Siit saad iga kihti ümber järjestada (too ette / saada taha), peita/näidata, valida ja kustutada. Taustaraam on kinnitatud kõige alla ja jääb mitteinteraktiivseks, nii et esiplaani elemendid saavad kõik klõpsud endale.

Võta tagasi / Tee uuesti (Ctrl+Z / Ctrl+Shift+Z) käivad läbi viimased 20 muudatust ja objekti canvase keskosa lähedale lohistades ilmuvad katkenditega joondamisjooned.

Märgi salvestamine

Valmis märk koos täidetud andmetega — valmis loomiseks või mustandina salvestamiseks

Eraldi „ekspordi” sammu pole. Kui sinu kujundus ja andmed on valmis:

  • Loo märk jäädvustab canvase PNG-na, laadib selle üles IPFS-i ja salvestab märgi koos selle muudetava kujundusega — nii et märgi uuesti avamine taastab sinu üksikud kihid edasiseks muutmiseks.
  • Salvesta mustand salvestab pooleliolevaks jäänud märgi serveripoolselt (üle seadmete). Mustandid ilmuvad sinu märkide loendisse Mustandi märgistusega ja saad igaühe neist hiljem taas kätte võtta.

Nõuanded hea märgikujunduse jaoks

  • Hoia see lihtne — selge tekst, minimaalne üleküllus. Märki kuvatakse sageli väikeselt.
  • Kasuta suurt kontrasti — muuda tekst taustaga loetavaks.
  • Lisa tõendi nimi — vaatlejad peaksid seda kiirpilguga mõistma.
  • Ruutvorming — märgid kuvatakse kõige paremini ruudukujuliselt.
  • Brändi järjepidevus — kasuta kõigis märkides oma organisatsiooni värve ja fonte.
  • Salvesta korduvkasutatavad kujundused — iga loodud märk salvestatakse ühtlasi konto mallina, millest saad järgmisel korral alustada (vt Minu mallid).

badges.ninja Documentation