La majoria de codis QR seuen en materials impresos sense cap explicació. Cap marc, cap instrucció, cap raó per escanetjar. No és sorprenent que la gent passi de llarg. La solució no és un codi més vistós — és un marc ben dissenyat amb una crida a l'acció (CTA) clara. Aquesta guia cobreix exactament com fer ambdues coses, amb regles específiques de disseny i redacció que pots aplicar abans de la teva pròxima tirada de impressió.
Per què els Marcs i el Text de CTA Són Més Importants del que Sembla
Un codi QR aïllat és un quadrat blanc i negre. Els humans no saben intuïtivament què desbloquejarà. Un marc dóna estructura visual al codi; el text de CTA diu a algú què obtindrà. Junts, responen la pregunta no verbalitzada: per què hauria de molestar-me?
La investigació dels desenvolupadors d'aplicacions d'escanejat mostra constantment que els codis QR amb text instructiu a prop superan els codis desnuts en entorns físics — no perquè la gent no pugui identificar un codi QR, sinó perquè una raó sòlida per escanetjar elimina la indecisió.
Disseny de Marc: 5 Regles que Funcionen
1. Manté intacta la zona silenciosa
Cada codi QR necessita una zona silenciosa — una vora clara d'espai blanc al voltant dels mòduls externs. L'estàndard és d'amplada de quatre mòduls. Si el gràfic del marc s'introdueix en aquest espai, els escàners fallen. Dissenya el teu marc perquè estigui fora de la zona silenciosa, no solapant-la. Un rectangle arrodonit fi o una forma de píndola funciona bé.
2. Combina el color de la marca sense sacrificar el contrast
Els marcs han d'utilitzar la teva paleta de marca, però segueixen les mateixes regles de contrast que el codi mateix. Marc fosc sobre un fons clar? Perfecte. Marc clar sobre un fons fosc? També perfecte — sempre que els mòduls del codi mantinguin contrast suficient contra el seu propi fons. Si necessites refrescar-te sobre els números, la guia sobre contrast de color en codis QR i escaneabilitat explica amb precisió les proporcions mínimes.
3. Utilitza una forma de marc que senyalitzi interactivitat
Cantonades arrodonides, formes de bombolles de diàleg, o marcs com a botons comuniquen visualment "toca/escaneja'm". Els retalls rectangulars durs que sagnon cap al disseny envoltant no. L'objectiu és fer que el marc sembli un element de la interfície, no una caixa decorativa.
4. Dimensiona el marc respecte al codi
Un marc hauria d'afegir 12–20 px (a resolució de pantalla) o 3–5 mm (en impressió) de rellenat al voltant del codi per cada costat. Més petit i sembla apretat; més gran i el codi sembla flotar sense connexió amb el marc.
5. Evita els gradients i les ombres dins del marc
Les ombres desplegables i els omplements de gradient dins o directament sota el codi confonen els algoritmes dels escàners que esperen separació tonal neta. Reserva els efectes decoratius només per a la vora exterior o l'àrea de text.
Text de CTA: Com Escriure Redacció que Obté Escanejats
Posa el benefici primer, la instrucció segon
Dolent: Escaneja el codi QR Bé: Escaneja per obtenir un 15% de descompte en la teva primera comanda
La instrucció ("escaneja") és òbvia per a qualsevol que reconegui un codi QR. El benefici ("15% de descompte") és per què realment ho faran. Comença amb el resultat.
Manté-ho per sota de vuit paraules
Les àrees de text del marc són petites. Les frases llargues es redueixen fins que són il·legibles. Apunta a 4–7 paraules en el CTA. Si tens més a dir, posa el detall en una pàgina d'aterratge — per a això és l'escanejat.
Adequa el CTA al context de col·locació
| Col·locació | Exemple de CTA efectiu |
|---|---|
| Embalatge del producte | "Escaneja per a instruccions de configuració" |
| Taula de restaurant | "Escaneja per veure el menú de avui" |
| Pòster d'event | "Escaneja per obtenir la teva entrada gratuïta" |
| Prestatgeria minorista | "Escaneja per a opcions de mida i color" |
| Targeta de visita | "Escaneja per guardar els meus contactes" |
Com més específic sigui el CTA, menor serà la fricció. Els CTAs vagues com "Escaneja'm!" funcionen pitjor perquè deixen el guany poc clar.
Utilitza imperatius, no sol·licituds passives
"Escaneja per veure la demostració" supera "Una demostració està disponible via QR." Els verbs actius creen dinamisme; les construccions passives semblen lletra menuda.
Mida de font: no baixis de 8pt en impressió
A 8pt, la majoria de fonts sans-serif són llegibles a distància de braç sota il·luminació normal. Més petit i estàs efectivament amagant el CTA. Si l'espai és limitat, escurça la redacció en lloc de reduir la font.
Combinant Marc i CTA: Una Disposició Pràctica
Aquí hi ha una disposició que funciona de manera fiable:
- Etiqueta superior (opcional): Nom de marca petit o etiqueta de categoria (per ex., "Super QR") en 6–8pt, pes lleuger
- Codi QR: Centrat, amb zona silenciosa completa preservada
- Text de CTA: Directament sota el codi, 8–12pt, negreta o semi-negreta, màxim 1–2 línies
- Sub-text (opcional): URL o aclaridor molt breu en 6pt — útil per a audiències que volen escriure l'adreça en lloc d'escanetjar
Aquesta estructura apilada manté el codi dominant i el text llegible sense competir per l'atenció.
Errors que Debiliten el Bon Disseny de Marc
- Imprimir el marc massa petit. Per sota de 2 cm × 2 cm, la majoria dels detalls del marc desapareixen i el CTA esdevé il·legible. La mida mínima recomanada amb marc és 3 cm × 3 cm.
- Canviar el color del marc sobre un fons fosc sense ajustar el contrast del text. Text blanc sobre un marc groc sobre un fons fosc és un punt de fallada comú.
- Utilitzar un CTA genèric en tots els materials. Si estàs utilizant codis QR dinàmics que redirigeixen a destinacions diferents segons el context, assegura't que el CTA en cada peça física coincideix amb la destinació real — la redacció desajustada destrueix la confiança immediatament.
- Oblidar fer la prova del disseny complet. Sempre escaneja l'artwork final (no una vista prèvia de pantalla) amb múltiples dispositius abans d'enviar a impressió. Comprova que el marc no hagi retallat accidentalment la zona silenciosa a l'exportació.
Trobaràs més detall sobre formes de mòduls i personalització d'ulls en l'aprofundiment en disseny de codis QR de marca, que es combina bé amb el treball de marc i CTA cobert aquí.
Si acabes de começar i vols entendre quin tipus de codi QR generar abans de dissenyar res, Super QR Code Generator et permet construir i personalitzar codis amb plantilles de marc integrades.
Punts Clau
- Els marcs han de seure fora de la zona silenciosa — mai no solapa amb ella.
- Comença la redacció de CTA amb el benefici, no la instrucció.
- Manté el text de CTA a 4–7 paraules amb mínim 8pt.
- Adequa el teu CTA al context específic de cada col·locació.
- Prova el disseny imprès escanejant l'output físic, no una pantalla.
- Evita gradients i ombres dins o sota l'àrea del codi.