Best practice per il design dei QR Code: contrasto, loghi, correzione errori e dimensioni di stampa
Padroneggia l'arte di creare codici QR scansionabili e in linea con il brand. Contrasto dei colori, posizionamento del logo, livelli di correzione errori e dimensioni ottimali di stampa.
Perché il design del QR code è importante
Un QR code è utile solo se può essere scansionato in modo affidabile. Scelte di design inadeguate — scarso contrasto, loghi sovradimensionati o dimensioni di stampa troppo piccole — possono rendere il codice completamente illeggibile. Questa guida copre i principi fondamentali del design per mantenere i tuoi QR code coerenti con il brand e funzionali.
Regole sul contrasto dei colori
Il colore è il fattore più importante per la scansionabilità di un QR code. Gli scanner si basano sulla differenza tra i moduli scuri e lo sfondo chiaro per decodificare le informazioni.
La regola d'oro: scuro su chiaro
Usa sempre un primo piano scuro su uno sfondo chiaro. Invertire questo rapporto (moduli chiari su sfondo scuro) causerà il fallimento di molti scanner.
Rapporti di contrasto minimi
| Scenario | Rapporto di contrasto minimo | Raccomandazione |
|---|---|---|
| Stampa standard | 4:1 | Usa 7:1 o superiore per risultati migliori |
| Schermi digitali | 4,5:1 | Segui gli standard WCAG AA |
| Segnaletica esterna | 7:1 | Considera luce solare e riflessi |
Consigli sui colori
- Nero su bianco resta la combinazione più affidabile su tutti i dispositivi.
- Puoi usare i colori del brand, ma verifica sempre prima con un controllore di contrasto.
- Evita le sfumature sui moduli del QR — riducono la definizione dei bordi.
- Non usare mai tonalità simili per primo piano e sfondo (es.: blu scuro su blu medio).
- Mantieni la zona di silenzio (il bordo vuoto attorno al codice) dello stesso colore dello sfondo.
Posizionamento e dimensione del logo
Aggiungere un logo al centro di un QR code è una tecnica di branding diffusa, ma deve essere eseguita con attenzione.
Linee guida per il posizionamento
- Centra sempre il logo all'interno del QR code. I loghi decentrati rischiano di oscurare i pattern di allineamento.
- Il logo deve trovarsi all'interno di una piccola area rettangolare o circolare pulita con uno sfondo contrastante.
- Non posizionare mai un logo sui tre grandi pattern di ricerca (i quadrati negli angoli) o sui pattern di allineamento più piccoli.
Dimensione massima del logo
Il logo non deve coprire più di una certa percentuale dell'area totale del QR code, a seconda del livello di correzione errori:
| Livello di correzione | Copertura max. del logo |
|---|---|
| L (Basso — 7 %) | Non raccomandato |
| M (Medio — 15 %) | Fino al 10 % |
| Q (Quartile — 25 %) | Fino al 15–18 % |
| H (Alto — 30 %) | Fino al 20–25 % |
Best practice: Usa il livello di correzione H ogni volta che inserisci un logo e mantieni il logo sotto il 20 % dell'area del QR code.
I livelli di correzione errori spiegati
I QR code utilizzano la correzione errori Reed-Solomon per rimanere scansionabili anche quando parti del codice sono danneggiate o oscurate. Esistono quattro livelli:
Livello L — Basso (recupero del 7 %)
- Dimensione del codice più piccola, massima densità di dati.
- Ideale per l'uso esclusivamente digitale dove i danni sono improbabili.
- Non usare con loghi.
Livello M — Medio (recupero del 15 %)
- Il livello predefinito della maggior parte dei generatori.
- Adatto a codici di uso generale senza logo.
- Buon equilibrio tra dimensione e resilienza.
Livello Q — Quartile (recupero del 25 %)
- Raccomandato per codici che possono subire usura moderata, ad esempio sugli imballaggi.
- Può tollerare piccoli loghi se posizionati con cura.
Livello H — Alto (recupero del 30 %)
- Massima resilienza — fino al 30 % del codice può essere danneggiato.
- Obbligatorio quando si inseriscono loghi o elementi di design.
- Produce il codice più grande: pianifica le dimensioni di stampa di conseguenza.
Dimensioni minime di stampa
Un QR code deve essere abbastanza grande perché i sensori delle fotocamere possano risolvere i singoli moduli. La dimensione necessaria dipende dalla distanza di scansione.
Dimensione in base alla distanza di scansione
| Distanza di scansione | Dimensione minima del QR | Uso tipico |
|---|---|---|
| 10 cm | 2 × 2 cm | Biglietti da visita, etichette |
| 30 cm | 3 × 3 cm | Volantini, menu, imballaggi |
| 1 m | 10 × 10 cm | Poster, punto vendita |
| 3 m | 30 × 30 cm | Banner, vetrine |
| 10 m | 1 × 1 m | Cartelloni pubblicitari, insegne di edifici |
La regola del 10:1
Una formula rapida: la dimensione del QR code deve essere almeno 1/10 della distanza di scansione prevista. Se gli utenti scansionano da 2 metri, il codice deve essere largo almeno 20 cm.
Risoluzione di stampa
- Esporta i QR code come file vettoriali (SVG o PDF, disponibile con il piano Premium) ogni volta che è possibile per evitare la pixelizzazione a qualsiasi dimensione.
- Per le immagini raster, assicura un minimo di 300 DPI per la stampa.
- Ogni modulo deve misurare almeno 4 × 4 pixel alla risoluzione finale di output.
Test su diversi dispositivi
Non pubblicare mai un QR code senza averlo prima testato. Il comportamento degli scanner varia notevolmente tra i dispositivi.
Checklist di test
- Testa con almeno 3 dispositivi diversi — un iPhone recente, un telefono Android recente e un modello più vecchio.
- Scansiona dalla distanza minima prevista e dal doppio di quella distanza.
- Testa sotto diverse condizioni di illuminazione: luce solare diretta, illuminazione fluorescente interna e scarsa luminosità.
- Verifica che l'URL di destinazione si carichi correttamente e sia ottimizzato per il mobile.
- Se stampato, testa con il materiale stampato reale, non solo con la versione a schermo.
Errori comuni da evitare
Ecco gli errori di design dei QR code più frequenti e come prevenirli:
- Colori invertiti — Moduli chiari su sfondo scuro. Mantieni sempre scuro su chiaro.
- Zona di silenzio insufficiente — Il bordo vuoto deve essere largo almeno 4 moduli su tutti i lati.
- Troppi dati — Più dati significano più moduli e un codice più denso. Usa URL brevi o accorciatori di link.
- Esportazioni a bassa risoluzione — I moduli sfocati non possono essere scansionati. Esporta sempre in formato vettoriale.
- Logo sopra i pattern di ricerca — I tre quadrati angolari sono fondamentali per l'orientamento. Non ostruirli mai.
- Nessun test — Ogni codice deve essere scansionato su più dispositivi prima della produzione.
- Contenuti dinamici senza monitoraggio — Se il tuo QR code punta a un URL dinamico, monitoralo regolarmente per assicurarti che resti attivo.
Checklist di riferimento rapido
Prima di finalizzare qualsiasi QR code, segui questa lista di controllo:
- Primo piano scuro su sfondo chiaro con rapporto di contrasto superiore a 4:1
- Zona di silenzio di almeno 4 moduli su ogni lato
- Livello di correzione H se è inserito un logo
- Il logo copre meno del 20 % dell'area del QR
- Dimensione di stampa conforme alla regola del 10:1
- Esportato come SVG/PDF (Premium) per la stampa o PNG ad alta risoluzione per il digitale
- Testato su 3+ dispositivi in condizioni variabili
- URL di destinazione attivo, corretto e ottimizzato per il mobile
Progettare un QR code è un equilibrio tra espressione del brand e affidabilità tecnica. Segui queste best practice e i tuoi codici si scansionneranno perfettamente ogni volta.