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

Дизајнер значки је визуелни едитор на платну уграђен у 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 када креирате или сачувате значку.