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

Дизајнер значки је визуелни едитор на платну са три колоне уграђен у badges.ninja који вам омогућава да креирате професионалне слике значки без икаквих спољних дизајнерских алата.

Преглед

Дизајнер се отвара директно унутар прозора Create / Edit Badge. Има три дела:

• Лева трака — пребацује средњи панел између режима Templates, Uploads, Elements, Text, Attributes, QR Codes и Layers.
• Панел — алати за изабрани режим траке.
• Платно — жив, изменљив преглед значке. Све што додате је стваран, изабирани објекат који можете да померате, престилизујете, преуредите или обришете.

Детаљи значке (Issuer, Name, Description, Criteria и Share Text) стоје директно испод платна, тако да дизајн и информације о акредитиву живе заједно у једном прозору — нема одвојеног корака.

Полазак од шаблона

Кликните Templates у траци да прегледате уграђене дизајне. Породица Recognition вам даје потпуно компоновану, професионалну значку — обликован оквир плус изменљиви текст на месту (организација, наслов, поднаслов и печат верификације) — у осам палета боја (Gold, Silver, Bronze, Blue, Green, Crimson, Purple, Graphite). Користите филтер Category да сузите листу, или Blank canvas да почнете од нуле.

Кликните на шаблон да га примените. Његов текст постаје нормални, изменљиви слојеви које можете да мењате или уклоните — ништа није фиксно уграђено.

Елементи — облици, иконе, траке и позадине

Панел Elements слаже графику преко ваше значке:

• Линије — хоризонталне / вертикалне црте.
• Облици — испуњени и оивичени правоугаоници, заобљени правоугаоници, кругови и троуглови.
• Иконе — 70 пиктографских икона (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy и многе друге), претраживе.
• Траке — 28 декоративних прекривача траке, груписаних у Straight / Pointed / Tails / Decorative.
• Базе — 80 базних облика који се могу прекрасити, кроз категорије (кругови, штитови, шестоуглови, звезде, медаље, печати, венци, банери, геометријски).

Свака икона, трака и база убацује се у тренутној боји и може се прекрасити у било ком тренутку.

Позадински облици

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

Отпремање сопствене слике

Користите панел Uploads да додате свој логотип, фотографију или графику. Прихватају се PNG, JPEG и SVG, до 5 MB. Слика се убацује као нормалан објекат у предњем плану — слаже се на врх дизајна и никада не брише позадину. Да промените позадину значке, изаберите шаблон или позадински облик.

Додавање и стилизовање текста

Панел Text нуди:

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

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

• Фонт — библиотека од 50 фонтова груписаних у Sans, Serif, Handwriting, Mono и System. Изаберите један из падајућег менија; свака опција се приказује у сопственом писму.
• + Font — отпремите фонт бренда (TTF, WOFF, WOFF2, OTF) за тренутну сесију.
• Величина фонта — − / + степер (или укуцајте број) прецизно мења величину изабраног текста, без превлачења његових ручица.
• Боја — поставља попуну изабраног текста (и подразумевану боју убацивања за нове облике/иконе).
• Поравнање — шест дугмади поравнава избор лево / центар / десно и горе / средина / доле у односу на платно.

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

Панел Attributes убацује динамичке токене — , , , , , — као текстуалне објекте. Сваки токен се разрешава по примаоцу у тренутку доделе, тако да се један дизајн персонализује за свакога коме га издате. Овако стављате име примаоца или датум издавања на саму значку.

QR кодови

Панел QR Codes убацује скенирајући код везан за . На свакој издатој додели он се разрешава на јавну страницу верификације те доделе, тако да свако може да скенира одштампану значку да је потврди.

Слојеви

Панел Layers наводи сваки објекат на платну. Одавде можете да преуредите (померите напред / пошаљете назад), сакријете/прикажете, изаберете и обришете сваки слој. Позадински оквир је прикачен на дно и остаје неинтерактиван тако да елементи у предњем плану добијају све кликове.

Undo / Redo (Ctrl+Z / Ctrl+Shift+Z) пролазе кроз последњих 20 промена, а испрекидане смернице за залепљивање појављују се када превучете објекат близу центра платна.

Чување значке

Нема одвојеног корака „извоза“. Када су ваш дизајн и детаљи спремни:

• Create Badge хвата платно као PNG, отпрема га на IPFS и чува значку заједно са њеним изменљивим дизајном — тако да поновно отварање значке враћа ваше појединачне слојеве за даље уређивање.
• Save Draft чува значку у изради на серверу (преко уређаја). Нацрти се појављују на вашој листи значки са ознаком Draft, и можете да наставите било који од њих касније.

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

• Држите једноставно — јасан текст, минимум претрпаности. Значке се често приказују мале.
• Користите висок контраст — учините текст читљивим на позадини.
• Именујте акредитив — гледаоци треба да га разумеју на први поглед.
• Квадратни формат — значке најбоље изгледају квадратне.
• Доследност бренда — поново користите боје и фонтове ваше организације на свим значкама.
• Сачувајте дизајне за поновну употребу — свака значка коју креирате такође се чува као шаблон налога од ког можете почети следећи пут (погледајте My Templates).