Skip to content

Dizajner značaka ​

Dizajner značaka vizualni je uređivač platna u tri stupca, ugrađen u badges.ninja, koji omogućuje izradu profesionalnih slika značaka bez ikakvih vanjskih alata za dizajn.

Uređivač značaka u 3 stupca — lijeva traka, ploča i platno — s pojedinostima značke ispod

Pregled ​

Dizajner se otvara izravno unutar prozora Izradi / Uredi značku. Ima tri dijela:

  • Lijeva traka — prebacuje središnju ploču između Predložaka, Prijenosa, Elemenata, Teksta, Atributa, QR kodova i Slojeva.
  • Ploča — alati za odabrani način trake.
  • Platno — aktivni pregled značke koji se može uređivati. Sve što dodate stvaran je objekt koji možete odabrati, premjestiti, preoblikovati, preurediti ili izbrisati.

Pojedinosti značke (izdavatelj, naziv, opis, kriteriji i tekst za dijeljenje) nalaze se izravno ispod platna, pa dizajn i podaci o vjerodajnici žive zajedno u jednom prozoru — nema zasebnog koraka.

Početak s predloškom ​

Kliknite Predlošci na traci za pregled ugrađenih dizajna. Obitelj Recognition daje potpuno složenu, profesionalnu značku — oblikovani okvir i uredivi tekst rezerviranog mjesta (organizacija, naslov, podnaslov i pečat provjere) — u osam paleta boja (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Filtrom Kategorija sužavate popis, a Prazno platno služi za početak ispočetka.

Kliknite predložak da ga primijenite. Njegov tekst postaje obični, uredivi slojevi koje možete mijenjati ili ukloniti — ništa nije trajno ugrađeno.

Elementi — oblici, ikone, vrpce i pozadine ​

Ploča Elementi — linije, oblici, ikone, vrpce, osnove i oblici pozadine

Ploča Elementi slaže grafiku povrh vaše značke:

  • Linije — vodoravne / okomite crte.
  • Oblici — ispunjeni i obrubljeni pravokutnici, zaobljeni pravokutnici, krugovi i trokuti.
  • Ikone — 70 piktografskih ikona (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy i mnoge druge), s pretraživanjem.
  • Vrpce — 28 ukrasnih preklopa vrpci, grupiranih u Straight / Pointed / Tails / Decorative.
  • Osnove — 80 osnovnih oblika koji se mogu preoblikovati u boji, u više kategorija (krugovi, štitovi, šesterokuti, zvijezde, medalje, pečati, vijenci, baneri, geometrijski).

Svaka ikona, vrpca i osnova umeće se u trenutnoj boji i može se u svakom trenutku ponovno obojiti.

Oblici pozadine ​

Oblici pozadine — unaprijed dizajniran okvir primijenjen kao pozadina značke

Elementi → Oblici pozadine sadrže 68 gotovih okvira (biblioteka oblik × paleta). Primjenom jednog mijenja se pozadinski okvir značke, a vaš tekst i elementi ostaju povrh njega — korisno kad želite određenu kombinaciju oblika i boje bez složenog predloška.

Prijenos vlastite slike ​

Pomoću ploče Prijenosi dodajte vlastiti logotip, fotografiju ili grafiku. Prihvaćeni su PNG, JPEG i SVG, do 5 MB. Slika se umeće kao običan objekt prednjeg plana — slaže se povrh dizajna i nikad ne briše pozadinu. Za promjenu pozadine značke umjesto toga odaberite predložak ili oblik pozadine.

Dodavanje i oblikovanje teksta ​

Ploča Tekst — naslovi, osnovni tekst i gotove kombinacije

Ploča Tekst nudi:

  • Dodaj naslov / podnaslov / običan tekst — tekstualni objekti unaprijed zadane veličine.
  • Kombinacije — gotovi nizovi poput Certificate of Achievement, Awarded to ili Verify at — svaki redak ostaje neovisno urediv.

Odaberite bilo koji tekstualni objekt i iznad platna pojavljuje se kontekstualna alatna traka:

Kontekstualna alatna traka s odabirom fonta, − / + za veličinu fonta, bojom i poravnanjem

  • Font — biblioteka od 50 fontova grupiranih u Sans, Serif, Handwriting, Mono i System. Odaberite jedan iz padajućeg izbornika; svaka se opcija prikazuje vlastitim pismom.
  • + Font — prenesite fontove svoje marke (TTF, WOFF, WOFF2, OTF) za trenutnu sesiju.
  • Veličina fonta — gumbi − / + (ili unos broja) precizno mijenjaju veličinu odabranog teksta, bez povlačenja ručki.
  • Boja — postavlja ispunu odabranog teksta (i zadanu boju umetanja za nove oblike/ikone).
  • Poravnanje — šest gumba poravnava odabir lijevo / sredina / desno i gore / sredina / dolje u odnosu na platno.

Dinamički atributi ​

Ploča Atributi — dinamički tokeni koji se razrješavaju za svakog primatelja

Ploča Atributi umeće dinamičke tokene — , , , , , — kao tekstualne objekte. Svaki se token razrješava za svakog primatelja u trenutku izdavanja, pa se jedan dizajn sam personalizira za svakoga kome ga izdate. Tako na samu značku stavljate ime primatelja ili datum izdavanja.

QR kodovi ​

Ploča QR kodovi umeće kod za skeniranje vezan uz . Na svakoj izdanoj vjerodajnici vodi na javnu stranicu za provjeru te vjerodajnice, pa bilo tko može skenirati ispisanu značku i potvrditi je.

Slojevi ​

Ploča Slojevi — preuredite, sakrijte ili izbrišite svaki objekt

Ploča Slojevi navodi svaki objekt na platnu. Odavde svaki sloj možete preurediti (pomaknuti naprijed / poslati natrag), sakriti/prikazati, odabrati i izbrisati. Pozadinski okvir učvršćen je na dnu i ostaje neinteraktivan kako bi svi klikovi pripadali elementima prednjeg plana.

Poništi / Ponovi (Ctrl+Z / Ctrl+Shift+Z) vraćaju do zadnjih 20 promjena, a isprekidane vodilice za poravnanje pojavljuju se kad objekt povučete blizu središta platna.

Spremanje značke ​

Gotova značka pokraj dovršenih pojedinosti — spremna za izradu ili spremanje kao skica

Nema zasebnog koraka „izvoza”. Kad su dizajn i pojedinosti spremni:

  • Izradi značku snima platno kao PNG, prenosi ga na naš CDN za slike (Amazon S3, poslužen pod nepromjenjivim URL-om adresiranim sadržajem) i sprema značku zajedno s njezinim uredivim dizajnom — pa ponovno otvaranje značke vraća vaše pojedinačne slojeve za daljnje uređivanje.
  • Spremi skicu pohranjuje nedovršenu značku na poslužitelju (na svim uređajima). Skice se u vašem popisu značaka prikazuju oznakom Skica, a bilo koju možete kasnije nastaviti.

Savjeti za dobar dizajn značke ​

  • Neka bude jednostavno — jasan tekst, minimum nereda. Značke se često prikazuju male.
  • Koristite visok kontrast — tekst neka bude čitljiv na pozadini.
  • Imenujte vjerodajnicu — gledatelji bi je trebali razumjeti na prvi pogled.
  • Kvadratni format — značke se najbolje prikazuju kao kvadrat.
  • Dosljednost marke — ponovno koristite boje i fontove svoje organizacije na svim značkama.
  • Spremajte dizajne za ponovnu uporabu — svaka značka koju izradite sprema se i kao predložak računa od kojeg možete krenuti sljedeći put (pogledajte Moji predlošci).

badges.ninja Documentation