Skip to content

Ženklelių dizaineris ​

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

Trijų stulpelių ženklelio redaktorius — kairioji juosta, skydelis ir drobė — su ženklelio informacija apačioje

Apžvalga ​

Dizaineris atsidaro tiesiai lange Create / Edit Badge. Jį sudaro trys dalys:

  • Kairioji juosta — perjungia vidurinį skydelį tarp Šablonų, Įkėlimų, Elementų, Teksto, Atributų, QR kodų ir Sluoksnių.
  • Skydelis — pasirinkto juostos režimo įrankiai.
  • Drobė — tiesioginė redaguojama ženklelio peržiūra. Viskas, ką pridedate, yra tikras pažymimas objektas, kurį galite perkelti, pakeisti jo stilių, pertvarkyti ar ištrinti.

Ženklelio informacija (išdavėjas, pavadinimas, aprašymas, kriterijai ir dalijimosi tekstas) yra tiesiai po drobe, todėl dizainas ir patvirtinimo informacija sutelkti viename lange — atskiro žingsnio nėra.

Pradėjimas nuo šablono ​

Spustelėkite Šablonai juostoje, kad peržiūrėtumėte integruotus dizainus. Recognition šeima suteikia visiškai sukomponuotą profesionalų ženklelį — formos rėmelį ir redaguojamą vietos rezervavimo tekstą (organizacija, pavadinimas, paantraštė ir patikrinimo antspaudas) — aštuoniomis spalvų paletėmis (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Naudokite filtrą Kategorija sąrašui susiaurinti arba Tuščia drobė, kad pradėtumėte nuo nulio.

Spustelėkite šabloną, kad jį pritaikytumėte. Jo tekstas tampa įprastais redaguojamais sluoksniais, kuriuos galite keisti ar šalinti — nieko nėra „įkepta“.

Elementai — formos, piktogramos, juostelės ir fonai ​

Skydelis „Elementai“ — linijos, formos, piktogramos, juostelės, pagrindai ir fono formos

Skydelis Elementai leidžia ant ženklelio dėti grafikos sluoksnius:

  • Linijos — horizontalios / vertikalios linijos.
  • Formos — užpildyti ir kontūriniai stačiakampiai, suapvalinti stačiakampiai, apskritimai ir trikampiai.
  • Piktogramos — 70 paveikslėlių piktogramų (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy ir daug kitų), kurias galima ieškoti.
  • Juostelės — 28 dekoratyvinės juostelių perdangos, sugrupuotos į Straight / Pointed / Tails / Decorative.
  • Pagrindai — 80 perspalvinamų pagrindo formų įvairiose kategorijose (apskritimai, skydai, šešiakampiai, žvaigždės, medaliai, antspaudai, vainikai, juostos, geometrinės).

Kiekviena piktograma, juostelė ir pagrindas įterpiami dabartine spalva ir bet kada gali būti perspalvinti.

Fono formos ​

Fono formos — iš anksto sukurtas rėmelis, pritaikytas kaip ženklelio fonas

Elementai → Fono formos talpina 68 paruoštus rėmelius (formų × paletių biblioteka). Pritaikius vieną jų, pasikeičia ženklelio fono rėmelis, o jūsų tekstas ir elementai lieka viršuje — patogu, kai norite konkretaus formos ir spalvos derinio be sukomponuoto šablono.

Pasirinktinio vaizdo įkėlimas ​

Skydelyje Įkėlimai pridėkite savo logotipą, nuotrauką ar grafiką. Priimami PNG, JPEG ir SVG formatai iki 5 MB. Vaizdas įterpiamas kaip įprastas priekinio plano objektas — jis dedamas ant dizaino ir niekada nenaikina fono. Norėdami pakeisti ženklelio foną, vietoj to pasirinkite šabloną arba fono formą.

Teksto pridėjimas ir stiliaus nustatymas ​

Skydelis „Tekstas“ — antraštės, pagrindinis tekstas ir paruošti deriniai

Skydelis Tekstas siūlo:

  • Pridėti antraštę / paantraštę / įprastą tekstą — iš anksto nustatyto dydžio teksto objektai.
  • Derinius — paruoštus rinkinius, tokius kaip Certificate of Achievement, Awarded to ar Verify at — kiekviena eilutė lieka redaguojama atskirai.

Pasirinkus bet kurį teksto objektą virš drobės pasirodo kontekstinė įrankių juosta:

Kontekstinė įrankių juosta su šrifto parinkikliu, šrifto dydžio − / + reguliatoriumi, spalva ir lygiavimu

  • Šriftas — 50 šriftų biblioteka, sugrupuota į Sans, Serif, Handwriting, Mono ir System. Pasirinkite vieną iš išskleidžiamojo sąrašo; kiekviena parinktis rodoma savo šriftu.
  • + Šriftas — įkelkite prekės ženklo šriftą (TTF, WOFF, WOFF2, OTF) dabartinei sesijai.
  • Šrifto dydis — − / + reguliatorius (arba įvestas skaičius) tiksliai keičia pasirinkto teksto dydį, nereikia tempti rankenėlių.
  • Spalva — nustato pasirinkto teksto užpildą (ir numatytąją naujų formų / piktogramų įterpimo spalvą).
  • Lygiavimas — šeši mygtukai lygiuoja pažymėtą objektą kairėn / centre / dešinėn ir viršuje / viduryje / apačioje drobės atžvilgiu.

Dinaminiai atributai ​

Skydelis „Atributai“ — dinaminiai žymekliai, užpildomi kiekvienam gavėjui

Skydelis Atributai įterpia dinaminius žymeklius — , , , , , — kaip teksto objektus. Kiekvienas žymeklis išdavimo metu užpildomas kiekvienam gavėjui atskirai, todėl vienas dizainas pats prisitaiko kiekvienam, kam jį išduodate. Taip ant paties ženklelio galite pateikti gavėjo vardą ar išdavimo datą.

QR kodai ​

Skydelis QR kodai įterpia nuskaitomą kodą, susietą su . Kiekviename išduotame patvirtinime jis nukreipia į to patvirtinimo viešą patikrinimo puslapį, todėl kiekvienas gali nuskaityti atspausdintą ženklelį ir įsitikinti jo tikrumu.

Sluoksniai ​

Skydelis „Sluoksniai“ — pertvarkykite, slėpkite ar ištrinkite kiekvieną objektą

Skydelyje Sluoksniai išvardyti visi drobės objektai. Čia galite kiekvieną sluoksnį pertvarkyti (iškelti į priekį / nuleisti atgal), slėpti/rodyti, pažymėti ir ištrinti. Fono rėmelis pritvirtintas apačioje ir lieka neinteraktyvus, todėl visus paspaudimus gauna priekinio plano elementai.

Atšaukimas / Pakartojimas (Ctrl+Z / Ctrl+Shift+Z) apima paskutinius 20 pakeitimų, o tempiant objektą arti drobės centro pasirodo punktyrinės pritraukimo gairės.

Ženklelio išsaugojimas ​

Baigtas ženklelis šalia užpildytos informacijos — paruoštas sukurti arba išsaugoti kaip juodraštį

Atskiro „eksportavimo“ žingsnio nėra. Kai dizainas ir informacija paruošti:

  • Create Badge užfiksuoja drobę kaip PNG, įkelia ją į mūsų vaizdų CDN („Amazon S3“, pateikiamą nekeičiamu turinio adresu grindžiamu URL) ir išsaugo ženklelį kartu su redaguojamu dizainu — todėl vėl atidarius ženklelį atkuriami atskiri sluoksniai tolesniam redagavimui.
  • Save Draft išsaugo nebaigtą ženklelį serveryje (visuose įrenginiuose). Juodraščiai rodomi jūsų ženklelių sąraše su žyma Draft, ir bet kurį iš jų galite tęsti vėliau.

Patarimai gerai ženklelio išvaizdai ​

  • Būkite paprasti — aiškus tekstas, minimalus netvarkos kiekis. Ženkleliai dažnai rodomi mažo dydžio.
  • Naudokite didelį kontrastą — tekstas turi būti įskaitomas fone.
  • Įvardykite patvirtinimą — žiūrintieji turi suprasti jį iš pirmo žvilgsnio.
  • Kvadratinis formatas — ženkleliai geriausiai atrodo kvadratiniai.
  • Prekės ženklo nuoseklumas — naudokite savo organizacijos spalvas ir šriftus visuose ženkleliuose.
  • Išsaugokite pakartotinai naudojamus dizainus — kiekvienas jūsų sukurtas ženklelis taip pat išsaugomas kaip paskyros šablonas, nuo kurio galite pradėti kitą kartą (žr. My Templates).

badges.ninja Documentation