Designer de emblemas

O Designer de emblemas é um editor visual de tela em três colunas, integrado no badges.ninja, que permite criar imagens de emblemas profissionais sem qualquer ferramenta de design externa.

Visão geral

O designer abre dentro da janela Criar / Editar emblema. Tem três partes:

• Barra lateral — alterna o painel central entre Modelos, Carregamentos, Elementos, Texto, Atributos, Códigos QR e Camadas.
• Painel — as ferramentas do modo selecionado na barra lateral.
• Tela — uma pré-visualização em direto e editável do emblema. Tudo o que adicionas é um objeto real e selecionável, que podes mover, reestilizar, reordenar ou eliminar.

Os detalhes do emblema (Emissor, Nome, Descrição, Critérios e o Texto de partilha) ficam mesmo por baixo da tela, pelo que o design e as informações da credencial ficam juntos numa só janela — não há um passo separado.

Começar a partir de um modelo

Clica em Modelos na barra lateral para ver os designs incluídos. A família Reconhecimento oferece um emblema profissional totalmente composto — uma moldura com forma definida mais textos de exemplo editáveis (organização, título, subtítulo e um selo de verificação) — em oito paletas de cores (Ouro, Prata, Bronze, Azul, Verde, Carmesim, Roxo, Grafite). Usa o filtro Categoria para refinar a lista, ou Tela em branco para começar do zero.

Clica num modelo para o aplicar. Os textos passam a ser camadas normais e editáveis, que podes alterar ou remover — nada fica embutido.

Elementos — formas, ícones, fitas e fundos

O painel Elementos adiciona gráficos por cima do teu emblema:

• Linhas — réguas horizontais / verticais.
• Formas — retângulos, retângulos arredondados, círculos e triângulos, preenchidos ou apenas com contorno.
• Ícones — 70 ícones pictográficos (award, brain, certificate, code, crown, diploma, graduation-cap, medal, rocket, shield-check, star, trophy e muitos outros), com pesquisa.
• Fitas — 28 fitas decorativas sobrepostas, agrupadas em Retas / Pontiagudas / Pontas / Decorativas.
• Bases — 80 formas de base recoloríveis em várias categorias (círculos, escudos, hexágonos, estrelas, medalhas, selos, coroas de louros, faixas, geométricas).

Cada ícone, fita e base é inserido na cor atual e pode ser recolorido a qualquer momento.

Formas de fundo

Elementos → Formas de fundo reúne 68 molduras prontas (a biblioteca de formas × paletas). Ao aplicar uma, a moldura de fundo do emblema é trocada mantendo os teus textos e elementos por cima — útil quando queres uma combinação específica de forma/cor sem um modelo completo.

Carregar uma imagem personalizada

Usa o painel Carregamentos para adicionar o teu próprio logótipo, fotografia ou gráfico. São aceites PNG, JPEG e SVG, até 5 MB. A imagem é inserida como um objeto normal de primeiro plano — fica por cima do design e nunca apaga o fundo. Para alterar o fundo do emblema, escolhe antes um modelo ou uma forma de fundo.

Adicionar e estilizar texto

O painel Texto oferece:

• Adicionar título / subtítulo / texto normal — objetos de texto com tamanhos predefinidos.
• Combinações — conjuntos prontos como Certificado de Conquista, Atribuído a ou Verifica em — cada linha continua editável de forma independente.

Seleciona qualquer objeto de texto e a barra de ferramentas contextual aparece por cima da tela:

• Tipo de letra — uma biblioteca de 50 tipos de letra agrupados em Sans, Serif, Manuscrita, Mono e Sistema. Escolhe um no menu pendente; cada opção é apresentada no seu próprio tipo de letra.
• + Tipo de letra — carrega um tipo de letra da tua marca (TTF, WOFF, WOFF2, OTF) para a sessão atual.
• Tamanho do tipo de letra — o controlo − / + (ou escreve um número) redimensiona o texto selecionado com precisão, sem arrastar as pegas.
• Cor — define o preenchimento do texto selecionado (e a cor predefinida de inserção para novas formas/ícones).
• Alinhamento — seis botões alinham a seleção à esquerda / ao centro / à direita e ao topo / ao meio / à base em relação à tela.

Atributos dinâmicos

O painel Atributos insere tokens dinâmicos — , , , , , — como objetos de texto. Cada token é resolvido por destinatário no momento da emissão, pelo que um único design se personaliza para cada pessoa que o recebe. É assim que colocas o nome do destinatário ou a data de emissão no próprio emblema.

Códigos QR

O painel Códigos QR insere um código digitalizável associado a . Em cada credencial emitida, resolve para a página pública de verificação dessa credencial, pelo que qualquer pessoa pode digitalizar o emblema impresso para o confirmar.

Camadas

O painel Camadas lista todos os objetos da tela. Aqui podes reordenar (trazer para a frente / enviar para trás), ocultar/mostrar, selecionar e eliminar cada camada. A moldura de fundo fica fixa na base e permanece não interativa, para que os elementos de primeiro plano recebam todos os cliques.

Anular / Refazer (Ctrl+Z / Ctrl+Shift+Z) percorrem as últimas 20 alterações, e guias de alinhamento tracejadas aparecem quando arrastas um objeto para perto do centro da tela.

Guardar o emblema

Não existe um passo separado de «exportação». Quando o design e os detalhes estiverem prontos:

• Criar emblema captura a tela como PNG, carrega-o para a nossa CDN de imagens (Amazon S3, servido por um URL imutável endereçado por conteúdo) e guarda o emblema juntamente com o design editável — assim, ao reabrires o emblema, as tuas camadas individuais são restauradas para novas edições.
• Guardar rascunho armazena um emblema em curso no servidor (entre dispositivos). Os rascunhos aparecem na tua lista de Emblemas com a marca Rascunho, e podes retomá-los quando quiseres.

Dicas para um bom design de emblema

• Mantém simples — texto claro, pouca confusão visual. Os emblemas são muitas vezes apresentados em tamanho pequeno.
• Usa alto contraste — deixa o texto legível sobre o fundo.
• Dá nome à credencial — quem vê deve percebê-la de relance.
• Formato quadrado — os emblemas ficam melhor quadrados.
• Consistência de marca — reutiliza as cores e os tipos de letra da tua organização em todos os emblemas.
• Guarda designs reutilizáveis — cada emblema que crias é também guardado como um modelo da conta, que podes usar como ponto de partida da próxima vez (vê Os meus modelos).