Skip to content

Oblikovalnik značk

Oblikovalnik značk je vizualni tristolpčni urejevalnik canvas, vgrajen v badges.ninja, ki vam omogoča ustvarjanje profesionalnih slik značk brez kakršnih koli zunanjih oblikovalskih orodij.

Tristolpčni urejevalnik značk — leva vrstica, panel in canvas — s podatki o znački spodaj

Pregled

Oblikovalnik se odpre neposredno znotraj okna Ustvari / uredi značko. Sestavljajo ga trije deli:

  • Leva vrstica — preklaplja srednji panel med Predlogami, Nalaganji, Elementi, Besedilom, Atributi, QR kodami in Plastmi.
  • Panel — orodja za izbrani način vrstice.
  • Canvas — živ, urejljiv predogled značke. Vse, kar dodate, je resničen, izberljiv objekt, ki ga lahko premikate, preoblikujete, prerazporejate ali izbrišete.

Podatki o znački (Izdajatelj, Ime, Opis, Merila in besedilo za deljenje) so neposredno pod canvasom, tako da oblika in podatki o spričevalu živijo skupaj v enem oknu — ni ločenega koraka.

Kliknite Predloge v vrstici za brskanje po vgrajenih oblikah. Družina Recognition vam ponuja popolnoma sestavljeno, profesionalno značko — oblikovan okvir ter urejljivo besedilo (organizacija, naziv, podnaslov in pečat za preverjanje) — v osmih barvnih paletah (Zlata, Srebrna, Bronasta, Modra, Zelena, Škrlatna, Vijolična, Grafitna). Z filtrom kategorij zožite seznam ali z Prazen canvas začnite iz nič.

Kliknite predlogo, da jo uporabite. Njeno besedilo postane običajne, urejljive plasti, ki jih lahko spremenite ali odstranite — nič ni fiksno vgrajeno.

Elementi — oblike, ikone, trakovi in ozadja

Panel Elementi — črte, oblike, ikone, trakovi, podlage in oblike ozadja

Panel Elementi nanaša grafike vrh vaše značke:

  • Črte — vodoravna / navpična črta.
  • Oblike — polni in obrisni pravokotniki, zaobljeni pravokotniki, krogi in trikotniki.
  • Ikone — 70 piktografskih ikon (nagrada, možgani, spričevalo, koda, krona, diploma, akademska kapa, medalja, raketa, ščit s potrditvijo, zvezda, trofeja in mnoge druge), z možnostjo iskanja.
  • Trakovi — 28 dekorativnih prekrivnih trakov, razvrščenih v Ravne / Koničaste / Repove / Dekorativne.
  • Podlage — 80 prebarvljivih osnovnih oblik v kategorijah (krogi, ščiti, šestkotniki, zvezde, medalje, pečati, venci, transparenti, geometrijske).

Vsaka ikona, trak in podlaga je vstavljena v trenutni barvi in jo je mogoče kadar koli prebarvati.

Oblike ozadja

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

Elementi → Oblike ozadja vsebuje 68 pripravljenih okvirjev (knjižnica oblika × paleta). Uporaba enega zamenja okvir ozadja značke, pri čemer ohrani vaše besedilo in elemente na vrhu — priročno, ko želite določeno kombinacijo oblike/barve brez sestavljene predloge.

Nalaganje slike po meri

S panelom Nalaganja dodate svoj logotip, fotografijo ali grafiko. Sprejeti so formati PNG, JPEG in SVG, do 5 MB. Slika je vstavljena kot običajen objekt v ospredju — sklada se vrh oblike in nikoli ne izbriše ozadja. Za spremembo ozadja značke raje izberite predlogo ali obliko ozadja.

Dodajanje in oblikovanje besedila

Panel Besedilo — naslovi, telesno besedilo in pripravljene kombinacije

Panel Besedilo ponuja:

  • Dodaj naslov / podnaslov / navadno besedilo — vnaprej dimenzionirani besedilni objekti.
  • Kombinacije — pripravljeni sklopi, kot so Certificate of Achievement, Awarded to ali Verify at — vsaka vrstica ostane samostojno urejljiva.

Izberite kateri koli besedilni objekt in nad canvasom se pojavi kontekstna orodna vrstica:

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

  • Pisava — knjižnica 50 pisav, razvrščenih v Sans, Serif, Handwriting, Mono in System. Izberite eno iz spustnega menija; vsaka možnost se predogleda v svoji pisavi.
  • + Pisava — naložite pisavo blagovne znamke (TTF, WOFF, WOFF2, OTF) za trenutno sejo.
  • Velikost pisavekorakalnik − / + (ali vnos števila) natančno spremeni velikost izbranega besedila, brez vlečenja ročic.
  • Barva — nastavi polnilo izbranega besedila (in privzeto barvo vstavljanja za nove oblike/ikone).
  • Poravnava — šest gumbov poravna izbor levo / na sredino / desno in zgoraj / na sredino / spodaj glede na canvas.

Dinamični atributi

Panel Atributi — dinamični žetoni, razrešeni za vsakega prejemnika

Panel Atributi vstavi dinamične žetone, , , , , — kot besedilne objekte. Vsak žeton se razreši za vsakega prejemnika ob podelitvi, tako da se ena sama oblika samodejno prilagodi vsakemu, ki mu jo podelite. Tako na samo značko postavite ime prejemnika ali datum izdaje.

QR kode

Panel QR kode vstavi berljivo kodo, vezano na . Pri vsaki podeljeni znački se razreši na javno stran za preverjanje te podelitve, tako da lahko vsak skenira natisnjeno značko in jo potrdi.

Plasti

Panel Plasti — prerazporedite, skrijte ali izbrišite vsak objekt

Panel Plasti navaja vsak objekt na canvasu. Od tu lahko vsako plast prerazporedite (postavi spredaj / pošlji nazaj), skrijete/prikažete, izberete in izbrišete. Okvir ozadja je pripet na dno in ostane neinteraktiven, tako da vsi kliki pripadajo elementom v ospredju.

Razveljavi / uveljavi (Ctrl+Z / Ctrl+Shift+Z) prehaja skozi zadnjih 20 sprememb, ob vlečenju objekta blizu sredine canvasa pa se pojavijo črtkana vodila za pripenjanje.

Shranjevanje značke

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

Ni ločenega koraka "izvoza". Ko sta vaša oblika in podatki pripravljeni:

  • Ustvari značko zajame canvas kot PNG, ga naloži v IPFS in shrani značko skupaj z njeno urejljivo obliko — tako ob ponovnem odprtju značke obnovite svoje posamezne plasti za nadaljnje urejanje.
  • Shrani osnutek shrani značko v izdelavi na strežniku (med napravami). Osnutki se pojavijo na vašem seznamu značk z oznako Osnutek in katerega koli lahko pozneje nadaljujete.

Nasveti za dober dizajn značke

  • Ohranjajte preprosto — jasno besedilo, čim manj natrpanosti. Značke so pogosto prikazane v majhnih velikostih.
  • Uporabite visok kontrast — poskrbite, da je besedilo berljivo proti ozadju.
  • Poimenujte spričevalo — gledalci naj ga razumejo na prvi pogled.
  • Kvadratna oblika — značke se najbolje prikažejo kot kvadratne.
  • Doslednost blagovne znamke — na vseh značkah znova uporabite barve in pisave svoje organizacije.
  • Shranite ponovno uporabne oblike — vsaka značka, ki jo ustvarite, se shrani tudi kot predloga računa, iz katere lahko izhajate naslednjič (glejte Moje predloge).

badges.ninja Documentation