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

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

Преглед

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

Избор на шаблон

Дизайнерът включва 80+ вградени шаблона, организирани в две измерения за бързо намиране:

• 8 форми — кръг, закръглен квадрат, шестоъгълник, щит, осмоъгълник, ромб, банер, печат
• 8 цветови палитри — Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite

За да изберете шаблон:

1. Щракнете Templates в лентата на дизайнера.
2. Използвайте филтрите Shape и Color в горната част на селектора. Броячът вдясно показва колко шаблона съвпадат (напр. 8 / 84).
3. Щракнете върху шаблон, за да го приложите към платното.

Генерираните шаблони са умишлено изчистени — изберете форма и палитра, а след това добавете собствен текст, икони и ленти в дизайнера.

Добавяне на форми, ленти и икони

Освен шаблоните, дизайнерът идва с три допълнителни библиотеки на ресурси, които можете да наслагвате върху всеки шаблон:

• Форми — 80+ векторни форми (кръгове, щитове, шестоъгълници, звезди, медали, печати, венци, банери, геометрични форми), групирани по категории
• Ленти — 20 декоративни наслагвания с ленти
• Икони — 50 пиктографски икони (atom, award, brain, briefcase, certificate, code, crown, diamond, diploma, graduation-cap, lightbulb, medal, rocket, shield-check, star, target, trophy, …)

Изберете елемент от който и да е попъп — той се вмъква в платното в текущия цвят. Цветовата лента във всеки попъп ви позволява да прецветите ресурса преди да го вмъкнете — полезно, когато искате различен цвят от стандартния в лентата.

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

Можете да качите свое изображение за използване като фон или слой:

1. Щракнете Upload в лентата на дизайнера.
2. Изберете файл с изображение от компютъра си (препоръчва се PNG или JPG).
3. Изображението се поставя върху платното като избираем обект — влачете, мащабирайте, въртете или изпращайте зад другите елементи.

Качването на изображение не изтрива шаблона и съществуващите слоеве — просто се наслагва отгоре.

За пълни фонове използвайте квадратно изображение с поне 600×600 пиксела.

Добавяне на текст

1. Щракнете бутона Text в лентата.
2. На платното се появява нов текстов елемент.
3. Щракнете върху текста, за да го изберете, и напишете съдържанието.
4. Влачете текстовия елемент, за да го позиционирате.

Можете да добавите множество текстови елементи за различни части на значката (заглавие, получател, дата и т.н.).

Смяна на шрифтове

Дизайнерът включва 11 шрифта (Arial, Georgia, Times New Roman, Pacifico, Roboto, Open Sans, Montserrat, Lato, Raleway, Oswald, Playfair Display):

1. Изберете текстов елемент на платното.
2. Щракнете падащото меню Font в лентата.
3. Изберете от наличните шрифтове.

Преглед на шрифта показва как изглежда всяка опция преди избора.

Смяна на цвят

Селекторът Color в лентата управлява едновременно две неща:

• Избран текст — задава цвета на запълване на всеки избран текстов елемент.
• Цвят по подразбиране за вмъкване — за форми, ленти и икони, които ще бъдат вмъкнати след това, плюс избрани SVG обекти (прецветява контури и запълвания на място).

Изберете цвят от палитрата или въведете hex код. Във всеки попъп за форми/ленти/икони има и по-малка Color bar за еднократни цветови избори, които не променят цвета по подразбиране.

Подравняване на елементи

Редът от 6 бутона за подравняване работи върху избрания обект(и) спрямо платното:

Бутон	Действие
Align left	Закачи към левия край на платното
Center horizontally	Центрирай по ос X
Align right	Закачи към десния край на платното
Align top	Закачи към горния край на платното
Center vertically	Центрирай по ос Y
Align bottom	Закачи към долния край на платното

Когато влачите елемент близо до центъра на платното, се появяват пунктирни лилави направляващи и обектът се „защипва“ в перфектна позиция.

Множествен избор и слоеве

• Задръжте Shift и щракнете, за да изберете множество обекти, или провлачете рамка за избор по платното.
• Използвайте Send to back / Bring to front за управление на реда на слоевете.
• Натиснете Delete или бутона Delete в лентата, за да премахнете селекцията.
• Undo / Redo (или Ctrl+Z / Ctrl+Shift+Z) преминават през последните 20 промени.

Изтриване на елементи

1. Изберете елемента за премахване (или shift-клик за няколко).
2. Щракнете бутона Delete в лентата или натиснете клавиша Delete.

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

• Запазете простотата — използвайте ясен текст и избягвайте претрупване. Значката често се показва в малки размери.
• Високият контраст — уверете се, че текстът е четим на фона.
• Включете името на значката — получателите и зрителите трябва да разбират удостоверението от пръв поглед.
• Квадратен формат — значките се показват най-добре като квадратни изображения.
• Консистентност на бранда — използвайте цветовете и шрифтовете на организацията във всички значки.
• Тествайте при малки размери — визуализирайте значката при 100x100 пиксела, за да осигурите четимост.

Запазване на изображението на значката

Когато сте доволни от дизайна, щракнете Done или Save в дизайнера. Изображението се улавя от платното и се прикачва към значката. То ще бъде качено в IPFS, когато създадете или запазите значката.