Un buon design QR code mantiene un contrasto forte (codice scuro su sfondo chiaro), lascia un margine vuoto attorno ai bordi, usa un logo non più grande di quanto la correzione degli errori possa compensare e viene sempre provato su più telefoni prima della stampa. Lo stile va benissimo, purché lo scanner riesca a leggere ogni parte del codice.
Un QR code personalizzato con il proprio marchio è più bello di un semplice quadrato nero, ma ogni scelta grafica può togliere qualcosa di ciò che serve allo scanner. Questa guida spiega le regole che contano davvero, così potrai creare un codice esteticamente curato che si legge al primo colpo.
Come uno scanner "vede" il tuo QR code
La fotocamera del telefono non legge un QR code come tu guardi un'immagine. Cerca i tre grandi quadrati negli angoli (i cosiddetti finder pattern), calcola l'angolazione e la dimensione del codice e poi controlla ogni piccolo quadratino, chiamato modulo, per stabilire se è scuro o chiaro.
Per questo tre elementi contano più di tutto il resto:
- Il contrasto tra moduli scuri e moduli chiari
- Quadrati d'angolo ben visibili in tre angoli
- Spazio vuoto attorno al codice, perché lo scanner capisca dove inizia e dove finisce
Tutto ciò che confonde la differenza tra scuro e chiaro, nasconde una parte dello schema o affolla i bordi rende la scansione più lenta o impossibile.
Contrasto, colori e zona di rispetto
Scegliere i colori
È sui colori che falliscono la maggior parte dei design. La regola più sicura è semplice: primo piano scuro su sfondo chiaro. Il nero su bianco funziona meglio di tutto, ma anche blu notte, verde scuro, rosso intenso o marrone scuro su bianco o color crema si leggono bene.
Da evitare:
- Coppie a basso contrasto, come grigio chiaro su bianco, giallo su bianco o pastello su pastello
- Codici invertiti (moduli chiari su sfondo scuro). Molte fotocamere recenti li leggono, ma alcune app di scansione e alcuni telefoni più vecchi no, e perdi così una parte del pubblico
- Sfumature che passano dallo scuro al chiaro sul codice, perché alcuni moduli diventano troppo pallidi
- Foto di sfondo molto elaborate dietro al codice, che confondono lo scanner
Un test veloce: converti il design in scala di grigi. Se il codice resta chiaramente scuro su chiaro, il contrasto probabilmente va bene. Se diventa un grigio medio su grigio medio, scegli colori più decisi.
La zona di rispetto: lascia respirare il codice
La zona di rispetto (in inglese quiet zone) è il margine vuoto attorno al codice. Lo standard dei QR code prevede un bordo di quattro moduli su ogni lato. Nella pratica molti codici si leggono anche con qualcosa in meno, ma è un punto rischioso su cui risparmiare spazio.
Se un codice è attaccato a una foto, a una cornice o a un testo, lo scanner non capisce dove finisce. Mantieni il margine libero e dello stesso colore dei moduli chiari ed eviterai uno dei problemi di scansione più frustranti.
Aggiungere un logo senza rovinare il codice
Un logo al centro è molto popolare e può funzionare perché i QR code contengono la correzione degli errori. La correzione degli errori aggiunge dati extra, così il codice resta leggibile anche se una parte è danneggiata o coperta. Esistono quattro livelli, da L (circa il 7% dei dati recuperabili) a H (circa il 30%). Trovi tutti i dettagli nella guida ai livelli di correzione degli errori dei QR code.
Quando sovrapponi un logo, stai di fatto "danneggiando" volutamente una parte del codice. Segui queste regole:
- Usa un livello di correzione più alto, come Q o H, quando aggiungi un logo.
- Tieni il logo piccolo, circa un quinto della larghezza del codice o meno, ben al di sotto di ciò che il livello scelto può recuperare.
- Posizionalo al centro, mai sopra i tre quadrati d'angolo.
- Dai al logo uno sfondo uniforme o un sottile bordo bianco, così non si confonde con i moduli vicini.
- Prova di nuovo dopo ogni modifica alla dimensione o alla posizione del logo.
Ricorda che una correzione degli errori più alta rende il codice più denso (più moduli, e più piccoli). È un motivo in più per mantenere breve il contenuto, per esempio usando un QR code dinamico con un link corto invece di un URL lungo.
Meno dati, codice più pulito
Più dati inserisci in un QR code, più moduli servono e, a parità di dimensione di stampa, più piccolo diventa ciascun modulo. Un indirizzo web lungo con parametri di tracciamento può generare un codice fitto, difficile da leggere a distanza o su una stampa di bassa qualità.
Due soluzioni semplici:
- Usa un accorciatore di link o un QR code dinamico, che contiene solo un link breve
- Elimina i parametri superflui dall'URL prima di generare il codice
Un codice dinamico ha anche un altro vantaggio: se in seguito devi cambiare la destinazione, non devi ristampare il tuo bel design.
Forme, stili e cornici
Molti generatori permettono di arrotondare i moduli, cambiare la forma dei quadrati d'angolo o aggiungere una cornice con un invito all'azione. Possono avere un ottimo effetto, entro certi limiti:
- Moduli arrotondati o a puntini di solito si leggono bene se restano abbastanza grandi e mantengono il contrasto. Puntini molto piccoli con ampi spazi tra loro possono non funzionare.
- Quadrati d'angolo personalizzati devono comunque sembrare quadrati pieni dentro altri quadrati. Non renderli troppo sottili o decorativi.
- Cornici ed etichette come "Inquadra per il menu" sono utili, ma tienile fuori dalla zona di rispetto.
- Non deformare il codice in un rettangolo e non piegarlo su una superficie curva senza provarlo. Distorcerlo altera la griglia dei moduli.
Checklist di design prima della stampa
Ripassa questo elenco per ogni nuovo QR code:
- Moduli scuri su sfondo chiaro, con contrasto forte anche in scala di grigi
- Zona di rispetto di circa quattro moduli su tutti i lati, completamente libera
- Logo piccolo, centrato e lontano dai quadrati d'angolo
- Livello di correzione degli errori aumentato se hai aggiunto un logo
- Dati ridotti al minimo, meglio ancora con un link corto o dinamico
- Invito all'azione posizionato fuori dal codice
- Stampa a una dimensione adatta alla distanza di scansione (vedi la nostra guida alle dimensioni del QR code)
- Prove su almeno due o tre telefoni diversi, sia iPhone sia Android, con luce normale
- File finale esportato in un formato nitido (SVG o PNG ad alta risoluzione), non uno screenshot sfocato
FAQ
Un QR code può essere di qualsiasi colore?
Sì, a patto che i moduli siano nettamente più scuri dello sfondo. I colori scuri su bianco o crema sono i più sicuri. Evita colori chiari su sfondi chiari e fai attenzione ai design invertiti.
Quanto può essere grande il logo in un QR code?
Mantienilo intorno a un quinto della larghezza del codice o meno, centrato, con la correzione degli errori impostata su Q o H. Fai sempre una prova dopo averlo aggiunto, perché ogni codice e ogni logo sono diversi.
Perché il mio QR code personalizzato non si scansiona?
Le cause più comuni sono contrasto basso, assenza della zona di rispetto, logo troppo grande o codice stampato troppo piccolo rispetto ai dati che contiene. Correggi una cosa alla volta e prova dopo ogni modifica.
Un design personalizzato rende il QR code meno sicuro?
Il design in sé non cambia la sicurezza. Conta dove porta il codice. Un QR code con il tuo marchio, un invito all'azione chiaro e una destinazione affidabile aiuta le persone a scansionarlo con fiducia.
Crea un QR code bello e leggibile
Un buon design è una questione di equilibrio: da una parte il tuo marchio, dall'altra le esigenze dello scanner. Prova il generatore di QR code gratuito di QR-TH per aggiungere colori e logo, visualizzare l'anteprima e provarlo con il tuo telefono prima di mandare tutto in stampa.