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

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

Общ преглед

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

• Лява лента — превключва средния панел между Шаблони, Качвания, Елементи, Текст, Атрибути, QR кодове и Слоеве.
• Панел — инструментите за избрания режим от лентата.
• Платно — актуален, редактируем преглед на значката. Всичко, което добавите, е реален, избираем обект, който можете да местите, стилизирате, подреждате или изтривате.

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

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

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

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

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

Панелът Елементи добавя графики върху вашата значка:

• Линии — хоризонтални / вертикални черти.
• Форми — запълнени и контурни правоъгълници, правоъгълници със закръглени ъгли, кръгове и триъгълници.
• Икони — 70 пиктографски икони (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy и много други) с търсене.
• Ленти — 28 декоративни наслагвания на ленти, групирани в Прави / Заострени / Опашки / Декоративни.
• Основи — 80 основни форми с възможност за прекрасяване в категории (кръгове, щитове, шестоъгълници, звезди, медали, печати, венци, банери, геометрични).

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

Фонови форми

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

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

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

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

Панелът Текст предлага:

• Добави заглавие / подзаглавие / нормален текст — текстови обекти с предварително зададен размер.
• Комбинации — готови групи като Certificate of Achievement, Awarded to или Verify at — всеки ред остава независимо редактируем.

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

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

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

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

QR кодове

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

Слоеве

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

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

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

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

• Създай значка заснема платното като PNG, качва го в нашия CDN за изображения (Amazon S3, доставян под неизменим URL адрес, адресиран по съдържание) и запазва значката заедно с редактируемия ѝ дизайн — така при повторно отваряне на значката отделните слоеве се възстановяват за по-нататъшно редактиране.
• Запази чернова съхранява незавършена значка на сървъра (между устройствата). Черновите се появяват в списъка ви със значки с отметка Чернова и можете да продължите работа по всяка от тях по-късно.

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

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