Designer de distintivos

O Designer de Distintivos é um editor visual em tela, de três colunas, integrado no badges.ninja, que lhe permite criar imagens profissionais de distintivos sem recurso a quaisquer ferramentas de design externas.

Vista geral

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

• Barra lateral esquerda — alterna o painel central entre Modelos, Carregamentos, Elementos, Texto, Atributos, Códigos QR e Camadas.
• Painel — as ferramentas do modo seleccionado na barra lateral.
• Tela — uma pré-visualização em directo e editável do distintivo. Tudo o que adiciona é um objecto real e seleccionável que pode mover, restilizar, reordenar ou eliminar.

Os detalhes do distintivo (Emissor, Nome, Descrição, Critérios e o Texto de partilha) situam-se directamente por baixo da tela, pelo que o design e a informação da credencial convivem numa única janela — não há um passo separado.

Começar a partir de um modelo

Clique em Modelos na barra lateral para explorar os designs integrados. A família Recognition oferece-lhe um distintivo profissional e totalmente composto — uma moldura com forma, além de texto de exemplo editável (organização, título, subtítulo e um selo de verificação) — em oito paletas de cores (Dourado, Prateado, Bronze, Azul, Verde, Carmim, Roxo, Grafite). Utilize o filtro Categoria para reduzir a lista, ou Tela em branco para começar do zero.

Clique num modelo para o aplicar. O seu texto passa a ser constituído por camadas normais e editáveis que pode alterar ou remover — nada fica fixo.

Elementos — formas, ícones, fitas e fundos

O painel Elementos sobrepõe grafismos ao seu distintivo:

• Linhas — traços horizontais / verticais.
• Formas — rectângulos preenchidos e com contorno, rectângulos arredondados, círculos e triângulos.
• Ícones — 70 ícones pictográficos (prémio, cérebro, certificado, código, coroa, diploma, barrete de formatura, medalha, foguetão, escudo-verificação, estrela, troféu e muitos mais), pesquisáveis.
• Fitas — 28 sobreposições decorativas de fita, agrupadas em Direitas / Pontiagudas / Caudas / Decorativas.
• Bases — 80 formas de base recoloríveis distribuídas por categorias (círculos, escudos, hexágonos, estrelas, medalhas, selos, grinaldas, estandartes, geométricas).

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

Formas de fundo

Em Elementos → Formas de fundo encontra 68 molduras prontas a usar (a biblioteca de forma × paleta). Aplicar uma substitui a moldura de fundo do distintivo, mantendo o seu texto e elementos por cima — prático quando pretende uma combinação específica de forma/cor sem um modelo composto.

Carregar uma imagem personalizada

Utilize o painel Carregamentos para adicionar o seu próprio logótipo, fotografia ou grafismo. São aceites PNG, JPEG e SVG, até 5 MB. A imagem é inserida como um objecto de primeiro plano normal — é colocada por cima do design e nunca apaga o fundo. Para alterar o fundo do distintivo, escolha antes um modelo ou uma forma de fundo.

Adicionar e estilizar texto

O painel Texto oferece:

• Adicionar título / subtítulo / texto normal — objectos de texto pré-dimensionados.
• Combinações — conjuntos prontos a usar como Certificado de Mérito, Atribuído a ou Verifique em — cada linha mantém-se editável de forma independente.

Seleccione qualquer objecto de texto e a barra de ferramentas contextual surge acima da tela:

• Tipo de letra — uma biblioteca de 50 tipos de letra agrupados em Sem serifa, Serifa, Manuscrito, Monoespaçado e Sistema. Escolha um na lista pendente; cada opção é pré-visualizada no seu próprio tipo de letra.
• + Tipo de letra — carregue um tipo de letra da sua marca (TTF, WOFF, WOFF2, OTF) para a sessão actual.
• Tamanho do tipo de letra — os botões − / + (ou escrever um número) redimensionam o texto seleccionado com precisão, sem arrastar as suas pegas.
• Cor — define o preenchimento do texto seleccionado (e a cor predefinida de inserção para novas formas/ícones).
• Alinhamento — seis botões alinham a selecção à esquerda / ao centro / à direita e ao topo / ao meio / em baixo relativamente à tela.

Atributos dinâmicos

O painel Atributos insere tokens dinâmicos — , , , , , — como objectos de texto. Cada token é resolvido por destinatário no momento da atribuição, pelo que um único design se personaliza para todas as pessoas a quem o emite. É assim que coloca o nome do destinatário ou a data de emissão no próprio distintivo.

Códigos QR

O painel Códigos QR insere um código legível ligado a . Em cada atribuição emitida, resolve-se para a página pública de verificação dessa atribuição, para que qualquer pessoa possa digitalizar o distintivo impresso e confirmá-lo.

Camadas

O painel Camadas lista todos os objectos na tela. A partir daqui pode reordenar (trazer para a frente / enviar para trás), ocultar/mostrar, seleccionar e eliminar cada camada. A moldura de fundo fica fixa na base e mantém-se não interactiva, 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 surgem guias de ajuste tracejadas ao arrastar um objecto para próximo do centro da tela.

Guardar o distintivo

Não há um passo de "exportação" separado. Quando o seu design e os detalhes estiverem prontos:

• Criar distintivo captura a tela como PNG, envia-o para o IPFS e guarda o distintivo juntamente com o seu design editável — pelo que reabrir o distintivo restaura as suas camadas individuais para edição posterior.
• Guardar rascunho armazena um distintivo em curso no servidor (entre dispositivos). Os rascunhos aparecem na sua lista de distintivos com uma marca de Rascunho, e pode retomar qualquer um deles mais tarde.

Dicas para um bom design de distintivos

• Mantenha simples — texto claro, o mínimo de elementos supérfluos. Os distintivos são frequentemente apresentados em tamanhos pequenos.
• Use contrastes elevados — torne o texto legível contra o fundo.
• Dê nome à credencial — os observadores devem percebê-la à primeira vista.
• Formato quadrado — os distintivos apresentam-se melhor em quadrado.
• Coerência de marca — reutilize as cores e os tipos de letra da sua organização em todos os distintivos.
• Guarde designs reutilizáveis — cada distintivo que cria é também guardado como um modelo da conta a partir do qual pode começar na próxima vez (ver Os meus modelos).