La única regla: puntos oscuros sobre fondo claro
Un escáner busca un patrón oscuro sobre una superficie clara. Puntos azul marino, verde oscuro, rojo intenso o gris carbón sobre blanco se leen bien. Puntos amarillo pálido, gris claro o pastel sobre blanco, no, porque la cámara no distingue los puntos del fondo.
El diseñador de códigos QR muestra la relación de contraste entre el color de los puntos y el fondo mientras los cambias, y avisa cuando baja demasiado. Trata ese aviso como una señal de stop, no como una sugerencia. Un código que apenas se lee en tu pantalla fallará en papel bajo la luz de una tienda.
No inviertas los colores
Los puntos claros sobre fondo oscuro, lo que a veces se llama código invertido, fallan en muchos móviles. Algunos escáneres lo manejan y muchos no, y no puedes controlar qué móvil tienen tus clientes. Si tu diseño tiene fondo oscuro, coloca el código sobre un panel blanco dentro de él.
Degradados
Un degradado en los puntos puede quedar bien. Mantén oscuros los dos extremos del degradado. Un degradado que va de azul oscuro a azul claro deja puntos pálidos en una esquina, y esa esquina no se leerá. Por eso la comprobación de contraste del generador mide el extremo más claro del degradado.
Formas de los puntos y las esquinas
Los puntos redondeados y los cuadrados de esquina redondeados se leen bien a tamaños normales. Los puntos totalmente circulares dejan pequeños huecos entre ellos, lo que hace más difíciles de leer los códigos muy pequeños o muy densos. Usa puntos redondos en enlaces cortos impresos a un tamaño razonable, y reserva los cuadrados para contenidos largos o impresiones diminutas. El generador señala los códigos muy densos con formas redondeadas.
Los tres cuadrados grandes de las esquinas pueden tener un color distinto al de los puntos. Mantenlos oscuros también. Son lo primero que encuentra la cámara.
Fondos transparentes
Puedes descargar un código sin fondo en PNG, SVG o WebP. Entonces toma el color de aquello sobre lo que se coloca. Es útil para poner un código sobre un papel claro texturizado o un color de marca pálido, y arriesgado sobre cualquier cosa de tono medio o con mucho detalle. Comprueba el contraste con la superficie final, no con la vista previa blanca. El JPG no tiene transparencia, así que un JPG se guarda con fondo blanco.
Marcos y texto de llamada a la acción
Un marco alrededor del código con un texto corto, como «Escanea para ver la carta» o «Escanea para conectarte», le dice a la gente por qué merece la pena. Los marcos quedan fuera del margen vacío, así que nunca tocan el patrón. Limita el texto a unas pocas palabras, y usa el color del marco para llevar tu marca en lugar de los puntos si quieres un acento más vivo.
Deja el margen en paz
El borde en blanco alrededor del código forma parte de él. Las descargas lo incluyen. Cuando coloques el código en un diseño, no lo recortes, y no dejes que texto, fotos o un borde se le peguen.
Prueba en papel
Imprime una copia al tamaño final en el material real y escanéala con más de un móvil, con luz normal y con poca luz. Los códigos con color y estilo son donde más se nota la diferencia entre pantalla e impresión.