Marcos para códigos QR que dicen a la gente qué escanear y por qué

Un marco para código QR es un borde dibujado alrededor de un código QR, que normalmente lleva una llamada a la acción corta como Escanea para ver la carta. Un marco hace que un código se note más y dice a la gente qué va a obtener, y no cuesta nada al escanear siempre que se quede fuera de la zona de silencio. Esta página cubre los estilos de marco, las palabras que funcionan, los marcos y soportes físicos, y los errores de tamaño que rompen los códigos enmarcados.

1 Contenido
https://
Sin registro necesario Códigos QR ilimitados Sin marca de agua Free high-resolution downloads
2 Diseño
Forma
Patrón
Ojos
3 Vista previa
¡Copiado!

¿Qué es un marco para código QR?

Un marco para código QR es un borde decorativo colocado alrededor de un código QR, fuera de la zona de silencio del código, que a menudo incluye una línea de texto que dice a la gente qué hace el código. Un marco no forma parte del código QR: no guarda datos, un escáner lo ignora, y quitarlo no cambia nada en cómo funciona el código. La expresión se usa también para un soporte físico, como un expositor de metacrilato, que muestra un código impreso. Los marcos son una de varias formas de dar estilo a un código; el conjunto completo está en diseños creativos de códigos QR, y un marco combina bien con el estilo de módulo más sencillo, los códigos QR en píxeles, porque el borde lleva la decoración mientras el código sigue siendo fácil de escanear.

Un posavasos redondo marrón de “Mira nuestro menú” con un código QR circular sobre una mesa de madera, junto a un teléfono que muestra el menú

Qué añade un marco a un código QR

Un código QR desnudo no dice nada sobre adónde lleva. Un marco es la forma más barata de arreglarlo, y hace tres trabajos distintos.

  • Un motivo para escanear - una etiqueta corta como Ver la carta o Conéctate a nuestro Wi-Fi dice a quien la lee qué pasa después. Un código sin etiqueta pide a la gente que escanee a ciegas.
  • Peso visual - un borde hace que un código pequeño se lea como un elemento deliberado en un póster recargado o un envase abarrotado, y no como algo que se añadió al final.
  • Un margen protegido - un marco dibujado fuera de la zona de silencio reserva ese espacio en la maquetación. Es mucho menos probable que otros diseñadores, y las ediciones posteriores, arrimen texto a un código enmarcado que a uno desnudo.
  • Color de marca sin riesgo - el marco puede llevar un color de marca vivo o pálido que sería inseguro para los propios módulos, porque un escáner nunca lee el marco.

Un marco no hace que un código QR se escanee mejor, y no puede reparar uno que se escanea mal. Un marco influye en si la gente se fija en el código y decide escanearlo; el tamaño de módulo, el contraste y la zona de silencio siguen decidiendo si el escaneo funciona.

La única regla que un marco debe cumplir

Una zona de silencio es el margen vacío alrededor de un código QR que permite a un escáner detectar dónde empieza y acaba el símbolo. La norma del código QR, ISO/IEC 18004, fija la zona de silencio en cuatro módulos en cada lado. Un marco tiene que empezar fuera de ese margen. Un borde dibujado pegado a los módulos queda pulcro y es el motivo más común por el que falla un código QR enmarcado, porque el escáner ya no distingue dónde acaba el código y dónde empieza el borde.

Generar código QR
Un código QR redondo con marco circular en un posavasos promocional

Dónde funcionan mejor los marcos para códigos QR

Un marco se gana su espacio allí donde un código QR tiene que explicarse rápido a alguien que no lo estaba buscando.

Tarjetas de mesa y cartas

Un código enmarcado con la etiqueta Escanea para ver la carta elimina la duda de para qué sirve el código. En una mesa el código se lee desde unos 30 a 40 cm, así que de 3 a 4 cm de ancho de código dentro del marco resultan cómodos.

Mostradores y cajas de tiendas

Deja una reseña, Únete al club de fidelidad, Paga aquí. Un mostrador suele tener varios avisos a la vez, y un marco con etiqueta deja clara la finalidad de cada código.

Pósteres y folletos

En un póster recargado un marco separa el código del arte y garantiza su margen. Dimensiona el código a alrededor de una décima parte de la distancia desde la que se va a escanear.

Envases de producto

Un marco pequeño que diga Guía de instalación o Ideas de recetas indica al comprador que merece la pena escanear el código después de la compra. Mantén el código en sí a 2 cm o más; el marco va aparte.

Tarjetas de visita y acreditaciones

Un marco fino con Guarda mi contacto convierte un código en una instrucción. El espacio es justo, así que usa un borde fino y una línea de texto en lugar de una etiqueta pesada.

Carteles de Wi-Fi para invitados

Un código de Wi-Fi enmarcado en una pared o en un apartamento de alquiler. La etiqueta debería nombrar la red, para que los invitados puedan confirmar a qué se conectan.

Cómo enmarcar un código QR sin romperlo

Un marco es seguro cuando se queda fuera de la zona de silencio, deja el código a tamaño completo y lleva una etiqueta de unas pocas palabras sencillas. La mayoría de los códigos enmarcados que fallan incumplen la primera o la segunda de esas reglas.

Una tarjeta de visita con un código QR con forma de triángulo sobre un fondo naranja

Margen y tamaño

Un marco ocupa espacio, y en una maquetación fija ese espacio suele salir del código. Estas reglas mantienen el código al tamaño correcto con un marco alrededor.

  • Empieza el marco fuera de la zona de silencio - cuatro módulos de espacio despejado entre los módulos más exteriores y el borde interior del marco. En un código de 25 módulos impreso a 25 mm de ancho, un módulo mide 1 mm, así que el hueco es de 4 mm en cada lado.
  • Dimensiona el código, no el marco - un diseño enmarcado que mide 4 cm de ancho puede llevar un código de solo 2,5 cm de ancho. La regla de la distancia de escaneo, alrededor de 1 cm de ancho de código por cada 10 cm de distancia, vale solo para el código.
  • Mide después de colocar - cuando un código enmarcado se escala para encajar en una maquetación, mide la distancia entre los bordes exteriores de dos patrones de localización. Ese es el ancho real del código, mida lo que mida el marco.
  • Mantén claro y plano el interior del marco - la zona de dentro del marco es el fondo del código. Un marco relleno con un color, un degradado o una foto pone ese relleno detrás de los módulos y reduce su contraste.
  • Ajusta el marco al contorno del código - un marco cuadrado para un código cuadrado, un anillo para uno circular. Un marco circular alrededor de un código cuadrado tiene que ser mucho más grande que el código para librar sus esquinas y la zona de silencio de estas.

Las palabras del marco

La etiqueta es la parte del marco que la gente lee, y funciona cuando nombra el resultado del escaneo y no el acto de escanear.

  • Di qué pasa, no solo Escanéame - Ver la carta, Descarga la app y Conéctate a nuestro Wi-Fi dicen cada una a quien las lee qué obtiene. Escanéame nombra una acción que la gente ya entiende y no da ningún motivo para hacerla.
  • Limítala a entre dos y cinco palabras - la etiqueta de un marco se lee de un vistazo. Una frase va en la maquetación junto al código, no dentro del marco.
  • Imprime el texto a un tamaño legible - como regla práctica, no menos de 7 pt en impresos que se sostienen en la mano, y más grande para cualquier cosa que se lea desde lejos. Si la etiqueta tiene que bajar de ahí para caber, acorta la etiqueta.
  • Usa el idioma de quien lee - una etiqueta de marco en el idioma del local, con una segunda línea donde los visitantes suelan hablar otro. El código es universal; la instrucción no.
  • Añade la dirección para quien no escanea - una URL corta y legible bajo el marco sirve a cualquiera a quien le falle la cámara o prefiera teclear. También mantiene útil el impreso si el propio código deja alguna vez de resolver.
El reverso de una tarjeta de visita con un código QR y una breve indicación para escanear

Marcos y soportes físicos para códigos QR

Un marco para código QR es también el objeto en el que se coloca un código impreso. El soporte cambia cómo se escanea el código tanto como el arte.

Soportes de mesa de metacrilato

El habitual soporte A6 o de 10 x 15 cm en forma de T o de L. El metacrilato transparente refleja las luces del techo directamente hacia la cámara del teléfono; inclina el soporte hacia atrás unos 15 grados, o elige un metacrilato antirreflejos, e imprime el inserto en papel mate.

Marcos de fotos con cristal

Un código de Wi-Fi o de reseñas enmarcado en una pared o en un mostrador de recepción. El cristal de un marco de fotos es la opción más reflectante de todas. Quita el cristal, cámbialo por un acristalamiento antirreflejos, o cuelga el marco lejos de una ventana que quede enfrente.

Portacarteles de pared

Marcos de clip y fundas de metacrilato junto a una puerta o una caja. Monta el código entre alrededor de 1,1 y 1,5 m del suelo, para que se pueda escanear sin agacharse ni estirarse, también desde una silla de ruedas.

Placas grabadas e impresas

Placas de madera, metal o metacrilato con el código y su marco grabados o impresos en UV como una sola pieza. El grabado sobre madera desnuda o metal cepillado tiene poco contraste, así que rellena el grabado con pintura oscura o imprime sobre un panel claro.

Cómo añadir un marco a un código QR

Un código QR enmarcado se hace en un par de minutos, y el marco, el texto y el código se exportan como un solo archivo.

Generar código QR
  1. 1

    Añade tu contenido

    Pega el enlace, o elige otro tipo como Wi-Fi o correo electrónico, y genera el código.

  2. 2

    Abre la pestaña Marco y elige un estilo

    Elige un marco como Marco simple, Marco doble, Marco con etiqueta, Marco discontinuo o Marco de burbujas. El generador mantiene un margen despejado entre los módulos y el marco; deja despejado también en tu maquetación el espacio alrededor de todo el código enmarcado.

  3. 3

    Escribe la etiqueta

    Sustituye el SCAN ME por defecto por unas pocas palabras que nombren el resultado, como VER LA CARTA. Los campos de texto superior e inferior admiten hasta 30 caracteres cada uno.

  4. 4

    Define los colores, prueba y exporta

    Dale al marco un color de marca, mantén los módulos oscuros sobre claro, escanea la vista previa con un teléfono y descarga SVG o PDF para imprimir, o PNG para pantallas.

Editor de KoloQR mostrando códigos QR hexagonales en una variedad de colores y estilos

Marcos que guardan las distancias

KoloQR, un generador de códigos QR gratuito con códigos QR circulares y de formas personalizadas, incluye 13 estilos de marco - simple, doble, con etiqueta, festoneado, orgánico, discontinuo, de estrellas, de puntos, rayado, de doble línea, de burbujas, de trama cruzada y de púas - además de marcos diseñados para códigos cuadrados, circulares, triangulares y hexagonales. Cada uno mantiene un margen claro y despejado entre los módulos y el borde, y tiene su propio color y texto superior e inferior editable.

El marco, el texto y el código se exportan juntos como SVG, PDF, EPS o PNG, sin cuenta y sin marca de agua. KoloQR solo hace códigos QR estáticos. KoloQR no vende soportes físicos ni insertos impresos; el archivo exportado va a la imprenta o al rotulista que tú uses.

Generar código QR

Formatos de exportación para códigos QR enmarcados

Un marco añade líneas finas y texto pequeño al arte, y ambos toleran la baja resolución peor que los módulos.

PNG

Para pantallas, firmas de correo y publicaciones en redes sociales. Para imprimir, exporta en grande: el texto del marco suele ser lo primero que se ve blando en un PNG de baja resolución, antes de que el propio código se vea afectado.

SVG

Mantiene nítidos los bordes, el texto y los módulos a cualquier tamaño, y permite a un diseñador recolorear el marco más adelante sin volver a generar el código. El formato que hay que usar para imprimir.

PDF o EPS

Para entregar un código enmarcado terminado a una imprenta o a un grabador. Los dos conservan el marco y el código como vectores en un solo archivo.

Questions? Answered

No cuando el marco se queda fuera de la zona de silencio, el margen de cuatro módulos que rodea el código. Un escáner ignora todo lo que hay más allá de ese margen. Un marco da problemas en dos casos: cuando su borde toca o agobia los módulos, y cuando encajar el marco en una maquetación obliga a encoger el propio código.

Nombra lo que obtiene la persona: Ver la carta, Consigue un 10% de descuento, Conéctate a nuestro Wi-Fi, Guarda mi contacto. De dos a cinco palabras bastan. Escanéame es mejor que nada, pero describe la acción y no el resultado, y quien lo lee no se entera de adónde lleva el código.

Al menos cuatro módulos, que es la zona de silencio que exige la norma del código QR. Para pasarlo a milímetros, divide el ancho impreso del código entre el número de módulos de ancho y multiplica por cuatro. Para un código de 25 módulos impreso a 25 mm de ancho, eso es un hueco de 4 mm en cada lado.

Sí. En una herramienta de diseño, dibuja el borde alrededor del código existente y deja cuatro módulos de espacio despejado por dentro. No estires ni recortes el código para que encaje en una plantilla. Si el archivo original tiene poca resolución, decodifícalo y genera en su lugar un código nuevo con marco.

Haz que el código en sí mida de 3 a 4 cm de ancho, medido sobre los módulos y no sobre el marco. Una tarjeta de mesa se escanea desde 30 a 40 cm, y la regla práctica es alrededor de 1 cm de ancho de código por cada 10 cm de distancia de escaneo. El marco y la etiqueta se añaden alrededor de ese tamaño.

Casi siempre por los reflejos. El metacrilato transparente refleja las luces del techo y las ventanas hacia la cámara, lo que borra parte del código. Inclina el soporte hacia atrás unos 15 grados, sácalo de justo debajo de un foco, usa un inserto mate o cambia a metacrilato antirreflejos. Impresión mate o brillante explica los acabados.

Sí, y es el lugar más seguro para usar un color de marca vivo o pálido. Un escáner no lee el marco, así que su color no tiene ningún efecto sobre el escaneo. Mantén los módulos oscuros y la zona de dentro del marco clara, y deja que el marco lleve el color.

Sí. Un código circular lleva un marco en forma de anillo, a menudo con el texto siguiendo la curva arriba y abajo. KoloQR incluye marcos diseñados para códigos circulares, triangulares y hexagonales además de los cuadrados. La regla de separación es la misma: el marco se queda fuera del margen del código.

Sí. KoloQR incluye gratis sus estilos de marco y el texto de marco editable, con descargas en SVG, PDF, EPS y PNG, sin cuenta y sin marca de agua. Los códigos son estáticos, así que no tienen límite de escaneos y no caducan.

¿Por qué KoloQR?

  • Crea códigos QR para sitios web, menús, Wi-Fi, PDF y tarjetas de visita
  • Personaliza colores, logotipos y formas únicas
  • Descarga archivos PNG y SVG de alta calidad
  • Pensado tanto para impresión como para digital
Generar código QR
Un código QR negro sencillo junto al mismo código rediseñado como un círculo con los colores de la marca