Дизайнер на значки

Дизайнерът на значки е визуален редактор върху платно с три колони, вграден в badges.ninja, който ви позволява да създавате професионални изображения на значки без външни дизайнерски инструменти.

Преглед

Дизайнерът се отваря директно в прозореца Създаване / Редактиране на значка. Той има три части:

• Лява лента — превключва средния панел между Templates, Uploads, Elements, Text, Attributes, QR Codes и Layers.
• Панел — инструментите за избрания режим на лентата.
• Платно — жив, редактируем преглед на значката. Всичко, което добавите, е реален, избираем обект, който можете да местите, преоформяте, пренареждате или изтривате.

Детайлите на значката (Издател, Име, Описание, Критерии и текстът за споделяне) са разположени точно под платното, така че дизайнът и информацията за удостоверението живеят заедно в един прозорец — няма отделна стъпка.

Започване от шаблон

Щракнете Templates в лентата, за да разгледате вградените дизайни. Семейството Recognition ви дава напълно композирана, професионална значка — оформена рамка плюс редактируем заместващ текст (организация, заглавие, подзаглавие и печат за проверка) — в осем цветови палитри (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Използвайте филтъра Category, за да стесните списъка, или Blank canvas, за да започнете от нулата.

Щракнете върху шаблон, за да го приложите. Неговият текст става нормални, редактируеми слоеве, които можете да променяте или премахвате — нищо не е фиксирано.

Elements — форми, икони, ленти и фонове

Панелът Elements наслагва графики върху вашата значка:

• Lines — хоризонтални / вертикални линии.
• Shapes — запълнени и очертани правоъгълници, закръглени правоъгълници, кръгове и триъгълници.
• Icons — 70 пиктографски икони (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy и много други), с търсене.
• Ribbons — 28 декоративни наслагвания с ленти, групирани в Straight / Pointed / Tails / Decorative.
• Bases — 80 преоцветяеми основни форми в различни категории (кръгове, щитове, шестоъгълници, звезди, медали, печати, венци, банери, геометрични).

Всяка икона, лента и основа се вмъква в текущия цвят и може да бъде преоцветена по всяко време.

Фонови форми

Elements → Background shapes съдържа 68 готови рамки (библиотеката форма × палитра). Прилагането на една заменя фоновата рамка на значката, докато запазва вашия текст и елементи отгоре — удобно, когато искате конкретна комбинация форма/цвят без композиран шаблон.

Качване на собствено изображение

Използвайте панела Uploads, за да добавите собствено лого, снимка или графика. Приемат се PNG, JPEG и SVG, до 5 MB. Изображението се вмъква като нормален обект на преден план — наслагва се върху дизайна и никога не изтрива фона. За да смените фона на значката, изберете вместо това шаблон или фонова форма.

Добавяне и стилизиране на текст

Панелът Text предлага:

• Add heading / subheading / normal text — предварително оразмерени текстови обекти.
• Combinations — готови блокове като Certificate of Achievement, Awarded to или Verify at — всеки ред остава независимо редактируем.

Изберете който и да е текстов обект и над платното се появява контекстната лента с инструменти:

• Font — библиотека от 50 шрифта, групирани в Sans, Serif, Handwriting, Mono и System. Изберете от падащото меню; всяка опция се преглежда в собствения си шрифт.
• + Font — качете фирмен шрифт (TTF, WOFF, WOFF2, OTF) за текущата сесия.
• Font size — стъпковият превключвател − / + (или въведете число) оразмерява избрания текст прецизно, без да влачите манипулаторите му.
• Colour — задава запълването на избрания текст (и цвета по подразбиране за вмъкване на нови форми/икони).
• Alignment — шест бутона подравняват селекцията ляво / център / дясно и горе / среда / долу спрямо платното.

Динамични атрибути

Панелът Attributes вмъква динамични токени — , , , , , — като текстови обекти. Всеки токен се разрешава за всеки получател при връчване, така че един-единствен дизайн се персонализира за всеки, на когото го издавате. По този начин поставяте името на получателя или датата на издаване върху самата значка.

QR кодове

Панелът QR Codes вмъква сканируем код, свързан с . При всяко издадено връчване той се разрешава към публичната страница за проверка на това връчване, така че всеки може да сканира отпечатаната значка, за да я потвърди.

Слоеве

Панелът Layers изброява всеки обект на платното. Оттук можете да пренареждате (напред / назад), скривате/показвате, избирате и изтривате всеки слой. Фоновата рамка е фиксирана най-отдолу и остава неинтерактивна, така че елементите на преден план поемат всички щраквания.

Undo / Redo (Ctrl+Z / Ctrl+Shift+Z) преминават през последните 20 промени, а пунктирни направляващи за защипване се появяват, когато влачите обект близо до центъра на платното.

Запазване на значката

Няма отделна стъпка за „експортиране“. Когато дизайнът и детайлите ви са готови:

• Create Badge улавя платното като PNG, качва го в IPFS и запазва значката заедно с редактируемия ѝ дизайн — така че повторното отваряне на значката възстановява отделните ви слоеве за по-нататъшно редактиране.
• Save Draft съхранява незавършена значка на сървъра (между устройства). Черновите се появяват в списъка ви със значки с маркер Draft и можете да продължите работа по всяка от тях по-късно.

Съвети за добър дизайн на значки

• Запазете простотата — ясен текст, минимална претрупаност. Значките често се показват в малки размери.
• Използвайте висок контраст — направете текста четим на фона.
• Именувайте удостоверението — зрителите трябва да го разберат от пръв поглед.
• Квадратен формат — значките изглеждат най-добре квадратни.
• Консистентност на бранда — използвайте повторно цветовете и шрифтовете на организацията във всички значки.
• Запазвайте многократно използваеми дизайни — всяка значка, която създадете, се запазва и като шаблон в акаунта, от който можете да започнете следващия път (вижте My Templates).