Design de QR code: 12 boas práticas para códigos personalizados que sempre funcionam

Um QR code com as cores e o logo da sua marca chama a atenção — e a experiência de profissionais de marketing impresso mostra, de forma consistente, que códigos bem desenhados e com uma chamada para ação clara são escaneados com mais frequência do que simples quadrados pretos. Mas cada escolha de design também afeta a capacidade de leitura do código. Siga estas doze regras para ter as duas coisas.

1. Mantenha um contraste forte

Os leitores convertem o seu código em preto e branco antes de decodificá-lo. Se a cor principal e o fundo forem parecidos demais, os módulos se misturam. Procure uma taxa de contraste de pelo menos 4:1 — azul-marinho, verde-escuro, bordô ou grafite sobre branco ou um tom bem claro funcionam muito bem. Tons pastel sobre branco, ou cinza médio sobre fundos de tom médio, não funcionam.

O nosso gerador de QR code verifica o contraste enquanto você cria e avisa quando ele fica baixo demais.

2. Código escuro, fundo claro

A maioria dos leitores espera módulos escuros sobre um fundo claro. Códigos invertidos (claro sobre escuro) ficam estilosos, e as câmeras dos celulares modernos geralmente conseguem lê-los, mas muitos aparelhos mais antigos e apps leitores dedicados ainda falham. Se o seu layout for escuro, coloque o código sobre um “cartão” claro em vez de invertê-lo.

3. Respeite a zona de silêncio

A margem vazia ao redor de um QR code — a zona de silêncio — faz parte do padrão. Textos, bordas ou imagens carregadas encostando no código dificultam sua localização. Mantenha uma margem de pelo menos quatro módulos em todos os lados, ou de pelo menos dois se o código estiver sobre um fundo liso. Molduras não são problema, desde que haja espaço livre entre a moldura e os módulos.

4. Pegue leve nos degradês

Degradês dão um ar moderno, mas mantenha as duas pontas escuras o suficiente para contrastar com o fundo. Um degradê de azul-marinho para violeta funciona; um que vai de azul-marinho para azul-claro deixa a ponta clara ilegível. Degradês radiais são mais seguros quando o centro e as bordas têm um tom escuro parecido.

5. Escolha bem o formato dos pontos

Pontos arredondados, círculos, losangos e estilos conectados “fluidos” são lidos sem problemas quando o padrão continua denso e regular. Linhas muito finas ou pontos minúsculos reduzem a área escura que os leitores analisam, então use-os apenas com bom contraste e um tamanho de impressão adequado. Na dúvida, confira o indicador de legibilidade na prévia.

6. Mantenha os padrões de localização reconhecíveis

Os três “olhos” dos cantos são o que permite ao leitor encontrar o código. Você pode arredondá-los, colori-los ou dar a eles formato de folha — isso faz parte do que dá ao código a cara da marca —, mas mantenha-os sólidos, quase quadrados e bem separados dos dados. Nunca os substitua por ícones nem remova o quadrado interno.

7. Dimensione o logo corretamente

Um logo no centro funciona graças à correção de erros, que consegue reconstruir os dados que faltam. Duas regras garantem a segurança:

• Defina a correção de erros como Q ou H ao adicionar um logo.
• Limite o logo a cerca de 20–25% da largura do código e dê a ele um pequeno fundo branco ou uma margem interna.

O gerador muda automaticamente para uma correção de erros alta quando você adiciona um logo e remove os pontos atrás dele, para que o logo não se sobreponha ao padrão.

8. Encurte o conteúdo

Cada caractere a mais deixa o padrão mais denso. Um link de 25 caracteres gera um código limpo de versão 2; uma URL de rastreamento de 150 caracteres gera um código carregado de versão 7, que precisa ser impresso bem maior. Use uma URL curta e limpa — de preferência no seu próprio domínio, com um caminho simples — e remova parâmetros de rastreamento desnecessários.

9. Imprima em tamanho suficiente

A regra prática: um QR code pode ser lido a uma distância de cerca de dez vezes a sua largura. Um código em um cartão de visita (2–3 cm) funciona à distância de um braço; um cartaz lido a 3 metros precisa de um código de cerca de 30 cm. Nunca use menos de 2 × 2 cm. Use a nossa calculadora de tamanho de QR code para uma recomendação exata com base na distância e no conteúdo.

10. Use o formato de arquivo certo

• SVG para impressão, embalagens e programas de design — é vetorial e continua nítido em qualquer tamanho.
• PNG para sites, apresentações e documentos — use pelo menos 1024 px.
• JPG só quando não precisar de transparência, e nunca com compressão forte.

Evite capturas de tela e imagens recomprimidas: bordas borradas nos módulos são uma causa comum de falhas na leitura.

11. Adicione uma moldura e uma chamada para ação

Um código sozinho não diz às pessoas o que elas vão encontrar. Um texto curto como “Escaneie para ver o cardápio”, “Conecte-se ao nosso Wi-Fi” ou “Ganhe 10% de desconto” define expectativas e aumenta as leituras. Molduras com uma faixa de texto ou um balão de fala fazem o código parecer intencional e o ajudam a se destacar em layouts carregados. Mantenha o texto curto — de duas a quatro palavras.

12. Teste antes de imprimir

Sempre teste o arquivo final — não apenas a prévia — em pelo menos dois celulares diferentes (iPhone e Android), com o app de câmera padrão, sob iluminação realista e na distância real. Verifique se o link abre a página certa e se a página funciona bem no celular. Depois, imprima uma prova antes da tiragem completa.

Bônus: transmita confiança

O phishing por QR code (“quishing”) deixou algumas pessoas desconfiadas na hora de escanear. Ajude-as a confiar no seu código:

• Use o seu próprio domínio reconhecível em vez de um link curto anônimo.
• Coloque sua marca e seu logo no código ou perto dele.
• Nunca coloque códigos onde possam ser confundidos com códigos oficiais de pagamento ou de estacionamento.

Checklist rápido

• Contraste de 4:1 ou mais, escuro sobre claro
• Zona de silêncio de pelo menos quatro módulos
• Padrões de localização reconhecíveis
• Logo ≤ 25% com correção de erros Q ou H
• Conteúdo curto e tamanho de impressão adequado
• SVG para impressão, PNG de alta resolução para telas
• Uma chamada para ação clara
• Testado em vários celulares

Coloque estas regras em prática com o gerador de QR code grátis — ou crie vários códigos padronizados de uma só vez com o gerador de QR code em massa.