Skip to content

Merkkisuunnittelija ​

Merkkisuunnittelija on badges.ninjaan sisäänrakennettu visuaalinen kolmisarakkeinen kangaseditori, jolla voit luoda ammattimaisia merkkikuvia ilman ulkoisia suunnittelutyökaluja.

Kolmisarakkeinen merkkieditori — vasen palkki, paneeli ja kangas — merkin tiedot alla

Yleiskatsaus ​

Suunnittelija avautuu suoraan Luo / Muokkaa merkkiä -ikkunaan. Siinä on kolme osaa:

  • Vasen palkki — vaihtaa keskipaneelin näkymää: Mallit, Lataukset, Elementit, Teksti, Attribuutit, QR-koodit ja Tasot.
  • Paneeli — valitun palkkitilan työkalut.
  • Kangas — merkin reaaliaikainen, muokattava esikatselu. Kaikki lisäämäsi on oikea valittava objekti, jota voit siirtää, muotoilla uudelleen, järjestää tai poistaa.

Merkin tiedot (myöntäjä, nimi, kuvaus, kriteerit ja jakoteksti) ovat suoraan kankaan alla, joten suunnittelu ja todistuksen tiedot ovat samassa ikkunassa — erillistä vaihetta ei ole.

Aloittaminen mallista ​

Selaa sisäänrakennettuja malleja napsauttamalla palkissa Mallit. Recognition-perhe tarjoaa täysin valmiiksi koostetun, ammattimaisen merkin — muotoillun kehyksen sekä muokattavat paikkatekstit (organisaatio, otsikko, alaotsikko ja varmennussinetti) — kahdeksassa väripaletissa (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Rajaa luetteloa Luokka-suodattimella tai aloita tyhjästä valitsemalla Tyhjä kangas.

Ota malli käyttöön napsauttamalla sitä. Sen tekstit muuttuvat tavallisiksi, muokattaviksi tasoiksi, joita voit muuttaa tai poistaa — mitään ei ole lukittu.

Elementit — muodot, kuvakkeet, nauhat ja taustat ​

Elementit-paneeli — viivat, muodot, kuvakkeet, nauhat, pohjat ja taustamuodot

Elementit-paneeli lisää grafiikkaa merkin päälle:

  • Viivat — vaaka- / pystyviivat.
  • Muodot — täytetyt ja ääriviivalliset suorakulmiot, pyöristetyt suorakulmiot, ympyrät ja kolmiot.
  • Kuvakkeet — 70 piktogrammia (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy ja monta muuta), haettavissa.
  • Nauhat — 28 koristenauhapäällystä, ryhmiteltynä: Straight / Pointed / Tails / Decorative.
  • Pohjat — 80 uudelleenvärjättävää pohjamuotoa useissa luokissa (ympyrät, kilvet, kuusikulmiot, tähdet, mitalit, sinetit, seppeleet, bannerit, geometriset).

Jokainen kuvake, nauha ja pohja lisätään nykyisellä värillä, ja sen voi värjätä uudelleen milloin tahansa.

Taustamuodot ​

Taustamuodot — valmiiksi suunniteltu kehys merkin taustana

Elementit → Taustamuodot sisältää 68 valmista kehystä (muoto × paletti -kirjasto). Yhden käyttöönotto vaihtaa merkin taustakehyksen säilyttäen tekstisi ja elementtisi päällä — kätevä, kun haluat tietyn muoto- ja väriyhdistelmän ilman koostettua mallia.

Oman kuvan lataaminen ​

Lisää oma logo, valokuva tai grafiikka Lataukset-paneelissa. Hyväksytyt muodot ovat PNG, JPEG ja SVG, enintään 5 MB. Kuva lisätään tavallisena etualan objektina — se asettuu suunnittelun päälle eikä koskaan poista taustaa. Jos haluat vaihtaa merkin taustan, valitse sen sijaan malli tai taustamuoto.

Tekstin lisääminen ja muotoilu ​

Teksti-paneeli — otsikot, leipäteksti ja valmiit yhdistelmät

Teksti-paneeli tarjoaa:

  • Lisää otsikko / alaotsikko / normaali teksti — valmiiksi mitoitetut tekstiobjektit.
  • Yhdistelmät — valmiit kokonaisuudet, kuten Certificate of Achievement, Awarded to tai Verify at — jokainen rivi pysyy erikseen muokattavana.

Valitse mikä tahansa tekstiobjekti, niin kankaan yläpuolelle ilmestyy kontekstuaalinen työkalupalkki:

Kontekstuaalinen työkalupalkki fonttivalitsimella, − / + fonttikoon säätimellä, värillä ja tasauksella

  • Fontti — 50 fontin kirjasto, ryhmiteltynä: Sans, Serif, Handwriting, Mono ja System. Valitse pudotusvalikosta; jokainen vaihtoehto esikatsellaan omalla kirjasintyypillään.
  • + Font — lataa brändin kirjasintyyppi (TTF, WOFF, WOFF2, OTF) nykyiseksi istunnoksi.
  • Fonttikoko — − / + -säädin (tai numeron kirjoittaminen) muuttaa valitun tekstin kokoa tarkasti ilman kahvojen vetämistä.
  • Väri — asettaa valitun tekstin täyttövärin (sekä uusien muotojen/kuvakkeiden oletusvärin).
  • Tasaus — kuusi painiketta tasaa valinnan vasemmalle / keskelle / oikealle ja ylös / keskelle / alas kankaaseen nähden.

Dynaamiset attribuutit ​

Attribuutit-paneeli — dynaamiset tunnisteet, jotka ratkaistaan vastaanottajakohtaisesti

Attribuutit-paneeli lisää tekstiobjekteina dynaamisia tunnisteita — , , , , , . Jokainen tunniste ratkaistaan vastaanottajakohtaisesti myöntöhetkellä, joten yksi suunnitelma mukautuu jokaiselle, jolle sen myönnät. Näin saat vastaanottajan nimen tai myöntöpäivän itse merkkiin.

QR-koodit ​

QR-koodit-paneeli lisää skannattavan koodin, joka on sidottu tunnisteeseen . Jokaisessa myönnetyssä todistuksessa se johtaa kyseisen todistuksen julkiselle varmennussivulle, joten kuka tahansa voi skannata tulostetun merkin ja varmistaa sen.

Tasot ​

Tasot-paneeli — järjestä, piilota tai poista jokainen objekti

Tasot-paneeli listaa kaikki kankaan objektit. Täältä voit järjestää (tuo eteen / vie taakse), piilottaa/näyttää, valita ja poistaa jokaisen tason. Taustakehys on kiinnitetty alimmaiseksi ja pysyy ei-interaktiivisena, jotta etualan elementit saavat kaikki napsautukset.

Kumoa / Tee uudelleen (Ctrl+Z / Ctrl+Shift+Z) käy läpi viimeiset 20 muutosta, ja katkoviivalliset tartuntaviivat ilmestyvät, kun vedät objektin lähelle kankaan keskikohtaa.

Merkin tallentaminen ​

Valmis merkki täytettyjen tietojen vieressä — valmis luotavaksi tai tallennettavaksi luonnoksena

Erillistä ”vienti”-vaihetta ei ole. Kun suunnitelma ja tiedot ovat valmiit:

  • Luo merkki tallentaa kankaan PNG-kuvana, lataa sen kuva-CDN:ään (Amazon S3, tarjoillaan muuttumattomalla sisältöpohjaisella URL-osoitteella) ja tallentaa merkin yhdessä sen muokattavan suunnitelman kanssa — kun avaat merkin uudelleen, yksittäiset tasosi palautuvat jatkomuokkausta varten.
  • Tallenna luonnos tallentaa keskeneräisen merkin palvelimelle (laitteiden välillä). Luonnokset näkyvät Merkit-luettelossasi Luonnos-merkinnällä, ja voit jatkaa niitä myöhemmin.

Vinkkejä hyvään merkkisuunnitteluun ​

  • Pidä se yksinkertaisena — selkeä teksti, mahdollisimman vähän sälää. Merkit näytetään usein pieninä.
  • Käytä korkeaa kontrastia — tee tekstistä luettavaa taustaa vasten.
  • Nimeä todistus — katsojan pitäisi ymmärtää se yhdellä silmäyksellä.
  • Neliömuoto — merkit näyttävät parhaimmilta neliönä.
  • Brändin yhtenäisyys — käytä organisaatiosi värejä ja fontteja kaikissa merkeissä.
  • Tallenna uudelleenkäytettävät suunnitelmat — jokainen luomasi merkki tallentuu myös tilimalliksi, josta voit aloittaa ensi kerralla (katso Omat mallit).

badges.ninja Documentation