Skip to content

Oblikovalnik značk ​

Oblikovalnik značk je vizualni urejevalnik s tremi stolpci, vgrajen v badges.ninja, ki omogoča ustvarjanje profesionalnih slik značk brez zunanjih orodij za oblikovanje.

Urejevalnik značk s tremi stolpci — levi trak, plošča in platno — s podrobnostmi značke pod njimi

Pregled ​

Oblikovalnik se odpre kar v oknu Create / Edit Badge. Sestavljajo ga trije deli:

  • Levi trak — preklaplja srednjo ploščo med Templates, Uploads, Elements, Text, Attributes, QR Codes in Layers.
  • Plošča — orodja za izbrani način traku.
  • Platno — živ, urejljiv predogled značke. Vse, kar dodate, je pravi izbirni objekt, ki ga lahko premikate, preoblikujete, preurejate ali brišete.

Podrobnosti značke (Issuer, Name, Description, Criteria in Share Text) so neposredno pod platnom, zato oblikovanje in podatki o poverilnici živijo skupaj v enem oknu — ločenega koraka ni.

Kliknite Templates na traku, da prebrskate vgrajene načrte. Družina Recognition ponuja v celoti sestavljeno, profesionalno značko — oblikovan okvir in urejljivo besedilo (organizacija, naslov, podnaslov in pečat za preverjanje) — v osmih barvnih paletah (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). S filtrom Category zožite seznam ali izberite Blank canvas, če želite začeti povsem na novo.

Kliknite predlogo, da jo uporabite. Njeno besedilo postane običajni, urejljivi sloji, ki jih lahko spremenite ali odstranite — nič ni vgrajeno trdno.

Elements — oblike, ikone, trakovi in ozadja ​

Plošča Elements — črte, oblike, ikone, trakovi, osnove in oblike ozadja

Plošča Elements doda grafike nad vašo značko:

  • Lines — vodoravne / navpične črte.
  • Shapes — polni in obrobljeni pravokotniki, zaobljeni pravokotniki, krogi in trikotniki.
  • Icons — 70 slikovnih ikon (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy in še veliko drugih), z iskanjem.
  • Ribbons — 28 okrasnih prekrivnih trakov, razvrščenih v Straight / Pointed / Tails / Decorative.
  • Bases — 80 osnovnih oblik s spremenljivo barvo v več kategorijah (krogi, ščiti, šesterokotniki, zvezde, medalje, pečati, venci, pasice, geometrijske).

Vsaka ikona, trak in osnova se vstavi v trenutni barvi in jo lahko kadar koli prebarvate.

Oblike ozadja ​

Oblike ozadja — vnaprej oblikovan okvir, uporabljen kot ozadje značke

Elements → Background shapes vsebuje 68 pripravljenih okvirov (knjižnica oblika × paleta). Uporaba enega zamenja okvir ozadja značke, pri čemer vaše besedilo in elementi ostanejo na vrhu — priročno, kadar želite določeno kombinacijo oblike in barve brez sestavljene predloge.

Nalaganje slike po meri ​

S ploščo Uploads dodate lasten logotip, fotografijo ali grafiko. Sprejeti so formati PNG, JPEG in SVG do 5 MB. Slika se vstavi kot običajen objekt v ospredju — zloži se nad načrt in nikoli ne izbriše ozadja. Če želite spremeniti ozadje značke, namesto tega izberite predlogo ali obliko ozadja.

Dodajanje in oblikovanje besedila ​

Plošča Text — naslovi, telo besedila in pripravljene kombinacije

Plošča Text ponuja:

  • Add heading / subheading / normal text — vnaprej velikostno nastavljeni besedilni objekti.
  • Combinations — pripravljeni sklopi, kot so Certificate of Achievement, Awarded to ali Verify at — vsaka vrstica ostane samostojno urejljiva.

Izberite poljuben besedilni objekt in nad platnom se prikaže kontekstna orodna vrstica:

Kontekstna orodna vrstica z izbirnikom pisave, gumbi − / + za velikost pisave, barvo in poravnavo

  • Font — knjižnica 50 pisav, razvrščenih v Sans, Serif, Handwriting, Mono in System. Izberite eno iz spustnega seznama; vsaka možnost je prikazana v svoji pisavi.
  • + Font — naložite pisavo svoje znamke (TTF, WOFF, WOFF2, OTF) za trenutno sejo.
  • Font size — gumba − / + (ali vnos števila) natančno spremenita velikost izbranega besedila, brez vlečenja ročic.
  • Colour — nastavi polnilo izbranega besedila (in privzeto barvo vstavljanja za nove oblike/ikone).
  • Alignment — šest gumbov poravna izbor levo / sredinsko / desno ter zgoraj / na sredini / spodaj glede na platno.

Dinamični atributi ​

Plošča Attributes — dinamični žetoni, razrešeni za vsakega prejemnika

Plošča Attributes vstavi dinamične žetone — , , , , , — kot besedilne objekte. Vsak žeton se razreši za vsakega prejemnika ob izdaji, zato se en sam načrt prilagodi vsakomur, ki mu ga izdate. Tako na samo značko dodate ime prejemnika ali datum izdaje.

QR kode ​

Plošča QR Codes vstavi kodo za skeniranje, vezano na . Na vsaki izdani poverilnici se razreši v javno stran za preverjanje te poverilnice, tako da lahko kdor koli natisnjeno značko skenira in jo potrdi.

Layers ​

Plošča Layers — preurejanje, skrivanje ali brisanje vsakega objekta

Plošča Layers našteva vse objekte na platnu. Tu lahko vsak sloj preuredite (pomaknete naprej / nazaj), skrijete/pokažete, izberete in izbrišete. Okvir ozadja je pripet na dno in ostane neinteraktiven, tako da vse klike prejmejo elementi v ospredju.

Razveljavi / Uveljavi (Ctrl+Z / Ctrl+Shift+Z) obsega zadnjih 20 sprememb, črtkane vodilne črte za pripenjanje pa se prikažejo, ko objekt povlečete blizu središča platna.

Shranjevanje značke ​

Dokončana značka ob izpolnjenih podrobnostih — pripravljena za ustvarjanje ali shranjevanje kot osnutek

Ločenega koraka »izvoza« ni. Ko sta načrt in podrobnosti pripravljena:

  • Create Badge zajame platno kot PNG, ga naloži v naš CDN za slike (Amazon S3, postrežen pod nespremenljivim vsebinsko naslovljenim URL-jem) in shrani značko skupaj z njenim urejljivim načrtom — zato ponovno odprtje značke obnovi vaše posamezne sloje za nadaljnje urejanje.
  • Save Draft shrani značko v izdelavi na strežniku (med napravami). Osnutki se prikažejo na vašem seznamu Badges z oznako Draft, kasneje pa lahko nadaljujete s katerim koli.

Nasveti za dobro oblikovanje značk ​

  • Naj bo preprosto — jasno besedilo, čim manj nereda. Značke so pogosto prikazane majhne.
  • Uporabite visok kontrast — besedilo naj bo berljivo na ozadju.
  • Poimenujte poverilnico — gledalci naj jo razumejo na prvi pogled.
  • Kvadratni format — značke so najbolje videti kvadratne.
  • Skladnost blagovne znamke — v vseh značkah uporabljajte barve in pisave svoje organizacije.
  • Shranjujte ponovno uporabne načrte — vsaka značka, ki jo ustvarite, se shrani tudi kot predloga računa, iz katere lahko začnete naslednjič (glejte My Templates).

badges.ninja Documentation