La versión corta
- La mayoría de las cartas digitales son televisores normales, así que diseña a 1920×1080 para una pantalla horizontal o 1080×1920 si va colgada en vertical.
- El texto de una carta debe valorarse desde donde están los clientes de verdad, normalmente el final de la cola, no desde el editor de la pantalla.
- Los fondos oscuros con texto claro encajan con las pantallas de carta porque reducen el deslumbramiento y hacen que las palabras sean lo más brillante a la vista.
- El movimiento en una carta debe quedarse en segundo plano; los precios y los nombres de los productos deben estar quietos.
- Repartir una carta larga en varias pantallas, o rotarla despacio, se lee mejor que reducir todo para meterlo en una.
En esta página
Una carta digital es un menú diseñado para una pantalla, normalmente un televisor estándar a 1920×1080, que se lee a varios metros de distancia por gente que decide rápido. Diséñala como un cartel y no como una carta impresa: menos productos por pantalla, letra más grande, un fondo oscuro y tranquilo, precios alineados en una columna y movimiento solo detrás de las palabras. La pantalla vende mejor cuando el cliente puede encontrar su bebida y su precio antes de llegar a la caja.
Una categoría por pantalla a 1920×1080. El título es lo más grande; los precios están alineados.
Tamaños de una carta digital
Casi todas las pantallas de carta son un televisor o un monitor comercial con el mismo panel 16:9. Diseña a la resolución nativa de la pantalla para que nada se escale, lo que mantiene nítido el texto pequeño. Una pantalla 4K mostrará con claridad un diseño de 1920×1080 al doble de tamaño, aunque diseñar a 3840×2160 da una letra más fina si tu pantalla y tu reproductor lo admiten.
Pantalla horizontal 1920×1080
1920 × 1080
Pantalla vertical 1080×1920
1080 × 1920
Tres pantallas en fila 5760×1080
5760 × 1080
Si cuelgas una pantalla en vertical, comprueba que la pantalla o el reproductor puedan girar su salida. Si no pueden, exporta el diseño vertical y gira el archivo un cuarto de vuelta antes de cargarlo.
Cómo hacer legible una pantalla de carta desde la cola
No hay un mínimo universal, porque depende del tamaño de la pantalla y de la distancia. La prueba fiable es física: pon el diseño en la pantalla real, ve al final de la cola y léelo. Si entrecierras los ojos, es demasiado pequeño o está demasiado cargado. Como punto de partida para un diseño de 1920×1080 en una pantalla de mostrador típica:
Tamaño inicial en 1080 px de alto
Notas
Tamaño inicial en 1080 px de alto
Notas
Notas
Tamaño inicial en 1080 px de alto
Notas
Tamaño inicial en 1080 px de alto
Notas
- De ocho a doce productos por pantalla es más que suficiente. Con más, nadie encuentra nada.
- Elige una tipografía con números claros. Los precios se leen más que los nombres. Fuentes para redes sociales enumera tipografías que se mantienen claras a distancia.
- Deja un margen amplio. Algunos televisores recortan un poco los bordes; mantén el texto al menos a 60 px de cada lado.
- Agrupa, no encajones. El espacio entre categorías hace más que las líneas y los marcos.
Colores y fondos para pantallas de carta
Una pantalla es una fuente de luz. Un fondo blanco a pleno brillo resplandece por toda la sala, deslava las palabras y cansa la vista. Un fondo profundo y apagado con texto claro hace de la carta lo más brillante de la pared, que es donde quieres la atención. Diseño en modo oscuro trata el mismo principio para las apps.
Usa el acento para una sola cosa, normalmente la especialidad o el producto que más quieres vender. Si todo está resaltado, nada lo está. Comprueba el contraste con las partes más oscuras y más claras del fondo, no solo con el centro; contraste de color y accesibilidad explica cómo.
Movimiento en una carta digital
El movimiento es lo que las pantallas pueden hacer y el papel no, y atrae a quienes levantan la vista del móvil. Mantenlo en segundo plano: una deriva lenta de color, luz que se desplaza por la superficie, una especialidad que aparece una vez por ciclo. Los nombres y los precios nunca deben moverse, porque la gente los lee durante varios segundos.
Evita
- Precios que se desplazan o deslizan
- Cortes rápidos entre pantallas cada pocos segundos
- Etiquetas de «Especial» parpadeantes
- Un vídeo tan cargado que el texto tiene que ir en una caja
Haz
- Un fondo en bucle lento bajo palabras quietas
- Pantallas que se mantienen 15 segundos o más si rotan
- Una especialidad que entra animada y luego descansa
- Un bucle que une sin un salto visible
Un fondo con movimiento suave también tiene una ventaja práctica: una imagen totalmente estática durante doce horas al día puede dejar una leve sombra en algunas pantallas, sobre todo en paneles OLED. Exporta el bucle como MP4, que casi todos los televisores y reproductores de cartelería aceptan desde una memoria USB o una app. Vídeo en bucle perfecto muestra cómo hacer invisible la unión y fondos de degradado animado tiene ideas para el movimiento en sí.
Cómo montar una carta digital desde cero hasta la pantalla
- 1
Escribe primero la carta
Redúcela a lo que vende. Agrúpala en categorías de ocho a doce productos, una categoría por pantalla.
- 2
Elige el diseño una vez
Título arriba a la izquierda, productos en una columna, precios alineados a la derecha. Usa el mismo diseño en todas las pantallas para que la gente lo aprenda.
- 3
Diseña al tamaño de la pantalla
1920×1080 o 1080×1920, con un margen de 60 px y un fondo oscuro.
- 4
Prueba desde la cola
Ponla en la pantalla real, con el brillo real, y léela desde donde están los clientes.
- 5
Exporta y carga
PNG para pantallas fijas, MP4 para las que tienen movimiento. Nombra los archivos por pantalla y fecha para que se cargue el correcto.
Mantener precios y especialidades al día
La gracia de una pantalla es que puede cambiar. Guarda un diseño maestro por pantalla y cambia solo las palabras, de modo que una subida de precio o una bebida de temporada nueva lleve minutos y el aspecto nunca se desvíe. Las cartas de desayuno y de noche pueden ser dos versiones de un mismo diseño, que se cambian con un temporizador si tu reproductor admite programación. Las cartas impresas, las tarjetas de mesa y el escaparate deben usar las mismas fuentes y el mismo fondo; diseño de cartas de restaurante trata la parte impresa.
La versión de mañana de la carta.
El mismo diseño por la tarde, con otro fondo.
El Studio de Gradiently tiene plantillas de carta que visten tu propio Mark, así que el fondo es único de tu local y deja sitio a las palabras por sí solo. Con Pro puedes exportar cartas en movimiento como MP4 hasta 4K y guardar los precios en una hoja de cálculo: la creación en bloque rellena con ella el texto y las tablas de cada pantalla, lo que encaja con un grupo que lleva la misma carta en varios locales.
Preguntas frecuentes
¿Qué tamaño debe tener una carta digital?
Diseña a 1920×1080 para un televisor horizontal, o a 1080×1920 para una pantalla colgada en vertical. Usa 3840×2160 solo si tu pantalla y tu reproductor admiten archivos 4K.
¿De qué tamaño debe ser el texto en una pantalla de carta?
Depende del tamaño de la pantalla y de la distancia, así que prueba desde el final de la cola. En un diseño de 1080 píxeles de alto, unos 56 a 72 píxeles para los nombres de producto son un punto de partida sensato.
¿Una carta digital debe tener fondo oscuro o claro?
Normalmente funciona mejor el oscuro. Reduce el deslumbramiento en la sala y hace que el texto claro sea lo más brillante de la pantalla.
¿Qué formato de archivo usan las pantallas de carta?
PNG o JPG para cartas fijas y MP4 para las que tienen movimiento. Casi todos los televisores inteligentes y reproductores de cartelería reproducen MP4 desde una memoria USB o una app.
¿Debe animarse una carta digital?
Un movimiento suave de fondo ayuda a llamar la atención, pero mantén quietos los nombres y los precios para que la gente pueda leerlos.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil