Nozīmju dizaineris

Nozīmju dizaineris ir vizuāls audekla redaktors, kas iebūvēts badges.ninja un ļauj izveidot profesionālus nozīmju attēlus bez jebkādiem dizaina rīkiem.

Pārskats

Dizaineris atveras, kad noklikšķināt uz attēla lauka, izveidojot vai rediģējot nozīmi. Tas piedāvā audekla darba zonu, kurā varat apvienot veidnes, tekstu un pielāgotus fonus, lai izveidotu nozīmes attēlu.

Veidnes izvēle

Dizaineris ietver 80+ iebūvētas veidnes, kas ir sakārtotas pēc diviem dimensijām, lai ātri atrastu piemērotāko:

• 8 formas — Aplis, Noapaļots kvadrāts, Sešstūris, Vairogs, Astoņstūris, Rombs, Lenta, Zīmogs
• 8 krāsu paletes — Zelts, Sudrabs, Bronza, Zils, Zaļš, Karmīns, Violets, Grafīts

Lai izvēlētos:

1. Dizainera rīkjoslā noklikšķiniet uz Veidnes.
2. Izmantojiet filtrus Forma un Krāsa atlasītāja augšā, lai sašaurinātu sarakstu. Skaitītājs labajā pusē parāda, cik veidnes atbilst (piemēram, 8 / 84).
3. Noklikšķiniet uz veidnes, lai to lietotu uz audekla.

Ģenerētās veidnes ir apzināti vienkāršas — izvēlieties formu un paleti, pēc tam pievienojiet savu tekstu, ikonas un lentas dizainerī.

Formu, lentu un ikonu pievienošana

Papildus veidnēm dizaineris ietver trīs papildu resursu bibliotēkas, ko varat uzlikt virs jebkuras veidnes:

• Formas — 80+ vektorformas (apļi, vairogi, sešstūri, zvaigznes, medaļas, zīmogi, vainagi, lentas, ģeometriskas formas), sagrupētas kategorijās
• Lentas — 20 dekoratīvas lentu pārklājumi
• Ikonas — 50 piktogrammas (atoms, apbalvojums, smadzenes, portfelis, sertifikāts, kods, kronis, dimants, diploms, absolventa cepure, spuldze, medaļa, raķete, vairogs-ķeksītis, zvaigzne, mērķis, trofeja, …)

Izvēlieties vienu no jebkura uznirstošā paneļa, un tas tiek ievietots audeklā pašreizējā krāsā. Katrā uznirstošajā panelī esošā Krāsu josla ļauj pārkrāsot resursu pirms tā ievietošanas — noderīgi, ja vēlaties atšķirīgu krāsu no rīkjoslas noklusējuma.

Pielāgota fona vai attēla augšupielāde

Jūs varat augšupielādēt savu attēlu, lai izmantotu to kā fonu vai kā slāni virs:

1. Dizainera rīkjoslā noklikšķiniet uz Augšupielādēt.
2. Atlasiet attēla failu no sava datora (ieteicams PNG vai JPG).
3. Attēls tiek novietots uz audekla kā atlasāms objekts — velciet, mērogojiet, pagrieziet vai nosūtiet aiz citiem elementiem.

Attēla augšupielāde neizdzēš veidni vai kādus esošos slāņus — tas tikai tiek sakrauts virs.

Pilniem foniem izmantojiet kvadrātisku attēlu vismaz 600×600 pikseļu.

Teksta pievienošana

1. Rīkjoslā noklikšķiniet uz pogas Teksts.
2. Uz audekla parādās jauns teksta elements.
3. Noklikšķiniet uz teksta, lai to atlasītu, un pēc tam ierakstiet savu saturu.
4. Velciet teksta elementu, lai novietotu to uz audekla.

Jūs varat pievienot vairākus teksta elementus dažādām nozīmes daļām (virsraksts, saņēmējs, datums utt.).

Fontu maiņa

Dizaineris ietver 11 fontus (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

1. Audeklā atlasiet teksta elementu.
2. Rīkjoslā noklikšķiniet uz nolaižamā saraksta Fonts.
3. Izvēlieties no pieejamajiem fontiem.

Fonta priekšskatījums parāda, kā katra opcija izskatās pirms atlases.

Krāsas maiņa

Rīkjoslas Krāsa atlasītājs vienlaikus kontrolē divas lietas:

• Atlasītais teksts — izvēlas aizpildījuma krāsu jebkuram atlasītajam teksta elementam.
• Noklusējuma ievietošanas krāsa — formām, lentām un ikonām, ko ievietosiet turpmāk, plus atlasītiem SVG objektiem (pārkrāso kontūras un aizpildījumus uz vietas).

Izvēlieties krāsu no paletes vai ievadiet heks kodu. Katra formas/lentas/ikonas uznirstošā paneļa iekšpusē ir arī mazāka Krāsu josla vienreizējām krāsu izvēlēm, kas nemaina rīkjoslas noklusējumu.

Elementu līdzināšana

6 pogu līdzināšanas rinda darbojas uz atlasītā objekta(-iem) attiecībā pret audeklu:

Poga	Darbība
Līdzināt pa kreisi	Piesprausts audekla kreisajai malai
Centrēt horizontāli	Centrēt audekla X asi
Līdzināt pa labi	Piesprausts audekla labajai malai
Līdzināt augšā	Piesprausts audekla augšējai malai
Centrēt vertikāli	Centrēt audekla Y asi
Līdzināt apakšā	Piesprausts audekla apakšējai malai

Kad velkat elementu tuvu audekla centram, parādās pārtrauktas violetas līdzināšanas vadlīnijas, un objekts iezīmējas perfektā līdzināšanā.

Vairāku atlase un slāņošana

• Turiet Shift un noklikšķiniet, lai atlasītu vairākus objektus, vai velciet atlases rāmi pāri audeklam.
• Izmantojiet Nosūtīt uz aizmuguri / Izcelt priekšā, lai kontrolētu z kārtību.
• Nospiediet Delete vai noklikšķiniet uz rīkjoslas pogas Dzēst, lai noņemtu atlasi.
• Atsaukt / Atcelt atsaukšanu (vai Ctrl+Z / Ctrl+Shift+Z) iziet cauri pēdējām 20 izmaiņām.

Elementu dzēšana

1. Atlasiet elementu, kuru vēlaties noņemt (vai shift-klikšķis vairākiem).
2. Rīkjoslā noklikšķiniet uz pogas Dzēst vai nospiediet taustiņu Delete.

Padomi labam nozīmju dizainam

• Saglabājiet vienkāršību — izmantojiet skaidru tekstu un izvairieties no pārblīvējuma. Nozīme bieži tiks parādīta mazos izmēros.
• Izmantojiet augstu kontrastu — pārliecinieties, ka teksts ir lasāms uz fona.
• Iekļaujiet nozīmes nosaukumu — saņēmējiem un skatītājiem vajadzētu saprast apliecinājumu no pirmā acu uzmetiena.
• Kvadrāta formāts — nozīmes vislabāk tiek parādītas kā kvadrātiski attēli.
• Zīmola konsekvence — izmantojiet savas organizācijas krāsas un fontus visās nozīmēs.
• Pārbaudiet mazos izmēros — priekšskatiet savu nozīmi 100x100 pikseļos, lai nodrošinātu lasāmību.

Nozīmes attēla saglabāšana

Kad esat apmierināts ar savu dizainu, dizainerī noklikšķiniet uz Gatavs vai Saglabāt. Attēls tiek uzņemts no audekla un pievienots jūsu nozīmei. Tas tiks augšupielādēts IPFS, kad izveidosiet vai saglabāsiet nozīmi.