Skip to content

Ženklelių dizaineris

Ženklelių dizaineris yra vizualus drobės redaktorius, integruotas į badges.ninja, leidžiantis kurti profesionalius ženklelių vaizdus be jokių dizaino įrankių.

Ženklelių dizaineris — integruotas ženklelio kūrimo lange kartu su formos šonine juosta

Apžvalga

Dizaineris atsidaro, kai spustelite vaizdo lauką kurdami ar redaguodami ženklelį. Jis teikia drobės darbo erdvę, kurioje galite derinti šablonus, tekstą ir pasirinktinius fonus, kad sukurtumėte savo ženklelio vaizdą.

Šablonų pasirinkiklis su formos + spalvos filtrais

Šablono pasirinkimas

Dizaineris apima 80+ integruotų šablonų, suskirstytų pagal dvi dimensijas, kad galėtumėte greitai rasti tinkamą:

  • 8 formos — Apskritimas, Apvalintas kvadratas, Šešiakampis, Skydas, Aštuonkampis, Rombas, Vėliava, Antspaudas
  • 8 spalvų paletės — Auksinė, Sidabrinė, Bronzinė, Mėlyna, Žalia, Tamsiai raudona, Purpurinė, Grafitinė

Norėdami pasirinkti:

  1. Dizainerio įrankių juostoje spustelėkite Šablonai.
  2. Naudokite filtrus Forma ir Spalva pasirinkiklio viršuje, kad susiaurintumėte sąrašą. Dešinėje esantis skaitiklis rodo, kiek šablonų atitinka (pvz., 8 / 84).
  3. Spustelėkite šabloną, kad pritaikytumėte jį drobėje.

Sugeneruoti šablonai yra tyčia paprasti — pasirinkite formą ir paletę, tada pridėkite savo tekstą, ikonas ir juosteles dizaineryje.

Drobėje pritaikytas šablonas

Formų, juostelių ir ikonų pridėjimas

Formų iššokantis langas

Ikonų iššokantis langas su spalvų juosta

Be šablonų, dizaineris tiekia tris papildomas išteklių bibliotekas, kurias galite dėti ant bet kokio šablono:

  • Formos — 80+ vektorinių formų (apskritimai, skydai, šešiakampiai, žvaigždės, medaliai, antspaudai, vainikai, vėliavos, geometrinės formos), suskirstytos į kategorijas
  • Juostelės — 20 dekoratyvinių juostelių perdangų
  • Ikonos — 50 piktografinių ikonų (atomas, apdovanojimas, smegenys, portfelis, pažymėjimas, kodas, karūna, deimantas, diplomas, absolvento kepurė, lemputė, medalis, raketa, skydas-varnelė, žvaigždė, taikinys, trofėjus, …)

Pasirinkite vieną iš bet kokio iššokančio lango ir jis įterpiamas į drobę dabartine spalva. Kiekviename iššokančiame lange esanti Spalvų juosta leidžia perspalvinti turtą prieš įterpiant — naudinga, kai norite spalvos, kuri skiriasi nuo įrankių juostos numatytosios.

Pasirinktinio fono ar vaizdo įkėlimas

Galite įkelti savo vaizdą ir naudoti jį kaip foną arba kaip sluoksnį viršuje:

  1. Dizainerio įrankių juostoje spustelėkite Įkelti.
  2. Iš savo kompiuterio pasirinkite vaizdo failą (rekomenduojama PNG arba JPG).
  3. Vaizdas patalpinamas drobėje kaip pasirenkamas objektas — vilkite, mastelio keiskite, sukite arba siųskite už kitų elementų.

Vaizdo įkėlimas netrina šablono ar jokių esamų sluoksnių — jis tiesiog sukraunamas viršuje.

Visiškam fonui naudokite kvadratinį vaizdą bent 600×600 pikselių.

Teksto pridėjimas

Į drobę pridėtas teksto elementas

  1. Įrankių juostoje spustelėkite mygtuką Tekstas.
  2. Drobėje pasirodo naujas teksto elementas.
  3. Spustelėkite tekstą, kad jį pasirinktumėte, tada įveskite savo turinį.
  4. Vilkite teksto elementą, kad pozicionuotumėte jį drobėje.

Galite pridėti kelis teksto elementus skirtingoms ženklelio dalims (pavadinimas, gavėjas, data ir kt.).

Šriftų keitimas

Tekstas pakeistas iš Arial į Georgia — pasirinktam tekstui pritaikytas serifinis šriftas

Dizaineris apima 11 šriftų (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

  1. Pasirinkite teksto elementą drobėje.
  2. Įrankių juostoje spustelėkite išskleidžiamąjį sąrašą Šriftas.
  3. Pasirinkite iš galimų šriftų.

Šrifto peržiūra rodo, kaip atrodo kiekvienas variantas prieš pasirinkimą.

Spalvos keitimas

Atidarytas spalvų pasirinkiklis; pasirinkite bet kokį heks — auksinė duoda stiprų kontrastą su tamsiai mėlynais šablonais

Įrankių juostos Spalva parinkiklis valdo du dalykus vienu metu:

  • Pasirinktas tekstas — pasirenka užpildymo spalvą bet kuriam pasirinktam teksto elementui.
  • Numatytoji įterpimo spalva — kitoms įterpiamoms formoms, juostelėms ir ikonoms, plius pasirinktiems SVG objektams (perspalvina kontūrus ir užpildymus vietoje).

Pasirinkite spalvą iš paletės arba įveskite heks kodą. Kiekvieno formos/juostelės/ikonos iššokančio lango viduje taip pat yra mažesnė Spalvų juosta vienkartiniams spalvų pasirinkimams, kurie nekeičia įrankių juostos numatytosios.

Elementų lygiavimas

Tekstas sulygiuotas horizontaliai ir vertikaliai per įrankių juostos lygiavimo mygtukus

6 mygtukų lygiavimo eilutė veikia pasirinktą (-us) objektą (-us) drobės atžvilgiu:

MygtukasVeiksmas
Lygiuoti kairėjePrisegti prie drobės kairiojo krašto
Centruoti horizontaliaiCentruoti drobės X ašyje
Lygiuoti dešinėjePrisegti prie drobės dešiniojo krašto
Lygiuoti viršujePrisegti prie drobės viršutinio krašto
Centruoti vertikaliaiCentruoti drobės Y ašyje
Lygiuoti apačiojePrisegti prie drobės apatinio krašto

Kai vilkite elementą arti drobės centro, pasirodo punktyrinės purpurinės lygiavimo kreipiančiosios ir objektas prisnap'ina į tobulą lygiavimą.

Kelių pasirinkimas ir sluoksniavimas

  • Laikykite Shift ir spustelėkite, kad pasirinktumėte kelis objektus, arba vilkite pasirinkimo rėmelį per drobę.
  • Naudokite Siųsti į galą / Siųsti į priekį, kad valdytumėte z tvarką.
  • Paspauskite Delete arba spustelėkite įrankių juostos mygtuką Ištrinti, kad pašalintumėte pasirinkimą.
  • Atšaukti / Grąžinti (arba Ctrl+Z / Ctrl+Shift+Z) vaikšto per paskutinius 20 pakeitimų.

Elementų ištrynimas

  1. Pasirinkite elementą, kurį norite pašalinti (arba shift-paspauskite kelis).
  2. Įrankių juostoje spustelėkite mygtuką Ištrinti arba paspauskite klavišą Delete.

Patarimai geram ženklelio dizainui

  • Išlaikykite paprastumą — naudokite aiškų tekstą ir venkite netvarkos. Ženklelis dažnai bus rodomas mažais dydžiais.
  • Naudokite didelį kontrastą — įsitikinkite, kad tekstas yra įskaitomas fone.
  • Įtraukite ženklelio pavadinimą — gavėjai ir žiūrėtojai turėtų suprasti pažymėjimą iš pirmo žvilgsnio.
  • Kvadrato formatas — ženkleliai geriausiai rodomi kaip kvadratiniai vaizdai.
  • Prekės ženklo nuoseklumas — naudokite savo organizacijos spalvas ir šriftus visuose ženkleliuose.
  • Išbandykite mažais dydžiais — peržiūrėkite savo ženklelį 100x100 pikselių, kad užtikrintumėte įskaitomumą.

Ženklelio vaizdo išsaugojimas

Galutinis sudarytas ženklelis

Kai būsite patenkinti savo dizainu, dizaineryje spustelėkite Atlikta arba Išsaugoti. Vaizdas užfiksuojamas iš drobės ir pridedamas prie jūsų ženklelio. Jis bus įkeltas į IPFS, kai kursite arba išsaugosite ženklelį.

badges.ninja Documentation