Materiales
Diseño de QR: dale su sitio en la maqueta antes de decorarlo
Un código no se decora, se coloca. Un QR bueno no empieza por el color ni por el logo, sino por la decisión de cuánto espacio le diste y si alguien lo encuentra en medio segundo.
Un código es un elemento de la maqueta, no un dibujo en la esquina
Casi siempre pasa lo mismo: la maqueta está terminada, alguien recuerda que hace falta un QR y lo mete en el hueco que queda. Técnicamente eso es un código. En la práctica es una cosa que nadie ve.
El orden correcto es el contrario. Primero decides qué debe hacer una persona con tu maqueta: levantar el móvil, leer algo, recordar una dirección. Después eliges el sitio del código para eso. Y solo entonces construyes el resto: foto, titular, precio.
La diferencia se nota al instante. Un código donde la gente lo busca parece intencionado. Un código pegado al lado parece una errata, y así lo tratan.
La primera decisión es la proporción, no los centímetros
Hay otro artículo sobre el tamaño en centímetros y es útil. Pero dentro de una maqueta no piensas en centímetros, piensas en cuánto de la hoja ocupa el código.
Aquí tienes una prueba práctica. Mira la maqueta y di qué elemento atrae primero la mirada. Si es la foto, el código es pequeño o está en una zona muerta. Si es el código, quizá te has pasado y le has quitado sitio al mensaje principal.
El punto justo es un código visible pero no protagonista. Debe ser lo segundo a lo que va el ojo: primero la persona entiende qué es esto, luego ve dónde tocar.
El ojo debe encontrar el código sin buscarlo
Quien tiene tu papel en la mano no estudia la maqueta. Echa un vistazo de un segundo y decide si vale la pena sacar el móvil. Tu trabajo es que ese segundo termine en el código.
Eso significa varias cosas sencillas. El código no debe estar en medio de la letra pequeña. No debe quedar cortado por un pliegue, un marco o una línea. No debe compartir espacio con otro elemento cuadrado que se parezca casi igual.
Lo último pasa más de lo que parece: en el embalaje suele haber un segundo código, el de logística. Dos cuadrados parecidos en la misma etiqueta garantizan que parte de tus lecturas vayan al equivocado.
El contraste no es color: es diferencia
Una cámara no conoce tu paleta de marca. Ve manchas claras y manchas oscuras y decide cuál es cuál. Si tus dos colores tienen un brillo parecido, esa decisión se convierte en una moneda al aire.
La prueba más rápida, sin herramientas: entrecierra los ojos y mira la maqueta. Si el código se disuelve en el fondo, la cámara tampoco lo verá.
Segunda prueba: pasa la maqueta a blanco y negro. Si el código desaparece, no hay diferencia de brillo y ningún tono lo va a arreglar.
Lo invertido merece su propia advertencia, porque tienta. Un embalaje negro con el código en blanco parece caro y de verdad funciona en la mayoría de móviles modernos. Pero «la mayoría» no es «todos», y el móvil que falle no será el que tienes en la mesa.
La zona de silencio: el margen que la maqueta siempre quiere robar
Alrededor del código tiene que haber vacío. No es un hueco decorativo: el lector usa ese vacío para deducir dónde empieza y dónde acaba el código.
En una maqueta la tentación de quitarlo es enorme: pegar el código a una foto, recortarlo dentro de un marco, ponerlo en el borde mismo de la etiqueta. Cada uno de esos detalles hace el código menos fiable, sobre todo en ángulo y con poca luz.
El mínimo es de unos cuatro módulos de espacio libre por cada lado. En palabras llanas: si el código mide tres centímetros de ancho, deja tres o cuatro milímetros de fondo limpio alrededor.
Y no rellenes ese espacio con un color distinto al fondo del propio código. La zona de silencio debe ser del mismo color claro que el interior.
El logo en el centro es un intercambio, no un adorno gratis
El logo centrado es el adorno más popular y la forma más fácil de romper un código. El lector tiene una reserva para recuperar módulos dañados, y esa reserva es justo lo que gastas.
Un límite que funciona es más o menos un quinto del área del código, como mucho un cuarto. Más allá ya no estás decorando: te estás comiendo la capacidad de recuperación.
Marca pequeña
Reconocimiento sin riesgo. La forma más segura de hacer tuyo un código.
Marca grande
Se lee bien en una pantalla brillante en la mano y regular en un menú plastificado bajo una lámpara.
Hay una relación que casi nadie ve. Una dirección larga produce un código más denso, con módulos más pequeños, y un código denso aguanta mal las interferencias. Un logo seguro en una dirección corta puede matar una larga. Es una razón práctica para usar un código dinámico: la dirección corta te deja reserva para el logo y para la impresión.
Qué puedes cambiar y qué no, nunca
Módulos redondeados, puntos, bordes suaves: es cosmética y a tamaños grandes es de verdad segura. A tamaños pequeños y en una impresora barata pierdes algo de margen: un módulo redondeado se puede fundir con el vecino.
Pero hay tres cosas que no se tocan jamás. Los tres cuadrados grandes de las esquinas son patrones de localización; el lector los usa para encontrar el código y saber cómo está girado. Redibújalos «a juego con la marca» y no habrás decorado el código: lo habrás destruido.
Segundo: no tapes esas esquinas con nada, ni marco, ni texto, ni logo, ni parte de la foto. Tercero: no estires el código de forma desigual. Un cuadrado tiene que seguir siendo un cuadrado.
El color en el mundo real, no en el editor
Todo se ve mejor en pantalla de lo que será. Por eso el color se elige no desde la maqueta, sino desde el sitio donde el código va a vivir.
Un embalaje brillante al sol directo devuelve un reflejo que tapa medio código. La impresión térmica de una etiqueta se apaga en una temporada en el escaparate. Un código sobre cristal oscuro funciona de día y desaparece de noche, cuando detrás hay oscuridad.
Por eso material y color se eligen juntos. El papel mate salva el contraste. Un adhesivo transparente sobre una superficie oscura es la combinación más arriesgada de todas, porque el fondo transparente convierte la zona de silencio en lo que haya debajo.
El formato del archivo es parte del diseño
Es la causa silenciosa de la mayoría de códigos impresos feos. Parece un detalle y decide todo.
- SVG: vector; la elección correcta para imprenta, etiquetas y todo lo que va a una imprenta
- PNG grande: para web, correos y publicaciones en redes
- JPG: mejor evitarlo; la compresión suaviza bordes y mancha justo en los límites de los módulos
- Una captura de la vista previa: nunca, y pasa más de lo que nadie reconoce
Un JPEG o una captura estirada hasta el tamaño de un cartel te da un código gris y borroso que aún se escanea en tu monitor y falla en el papel.
Prueba como se va a usar de verdad
Escanear desde un monitor encendido no demuestra casi nada. Lo que importa son las condiciones del sitio real.
- imprime una prueba a tamaño real y escanea el papel, no la pantalla
- prueba en al menos dos móviles: uno viejo y uno nuevo
- mira el código con la luz exacta del lugar donde va a estar
- apunta la cámara en ángulo, como la gente sostiene el móvil de verdad
- para adhesivos, prueba sobre el material real: brillo, mate, transparente
Y una comprobación puramente visual: aléjate dos metros y mira la maqueta como un peatón. Si el código no se reconoce como código, no funcionará por muy perfecto que sea técnicamente.
Lista corta antes de mandar a imprenta
- el código está donde va la mirada y no compite con otro cuadrado en la misma hoja
- la diferencia de brillo sobrevive a una versión en blanco y negro
- hay espacio limpio alrededor del código, del mismo color que su fondo
- el logo no pasa de un quinto del área y las tres esquinas están libres
- el archivo es vectorial o un PNG grande, no un jpg ni una captura
- tienes una prueba impresa comprobada en dos móviles
Cómo hacerlo en la práctica
El Estudio QR existe justo para esto: colores, forma de los módulos, logo centrado, plantillas listas para carteles de mesa, tarjetas y etiquetas, y exportación en resolución de imprenta en el formato que pida tu imprenta.
El generador es el camino rápido cuando solo necesitas un código limpio con buen contraste en tus colores y sin plantilla. Y el escáner QR es con lo que compruebas el resultado: muestra qué hay dentro del código antes de abrir la página, que es justo lo que necesitas cuando revisas tu propia tirada.