Skip to content

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

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

Панел 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 — наслови, основни текст и готове комбинације

Панел 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 — динамички токени који се разрешавају по примаоцу

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

QR кодови ​

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

Layers ​

Панел Layers — преуређивање, скривање или брисање сваког објекта

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

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

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

Завршена значка поред попуњених детаља — спремна за креирање или чување као нацрт

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

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

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

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

badges.ninja Documentation