Diseños y zonas

Un diseño divide una pantalla en áreas. Cada área reproduce su propia lista, en su propio bucle, y sabe qué tamaño de imagen necesita.

Por qué existeUna pantalla es un rectángulo y un menú no lo es. Dividirla permite que la comida se quede en pantalla mientras corre el rótulo y el sonido sale de otro sitio: tres cosas que cambian a tres velocidades, que es lo que hace de verdad una pared en una tienda. La alternativa es un vídeo que hay que volver a montar cada vez que cambia la sopa.

Las zonas#

La plataforma trae nueve diseños: pantalla completa, un área principal con rótulo inferior, una barra lateral a cualquiera de los lados, una L, dos tipos de división, una esquina con el tiempo sobre una imagen completa y una división en tres. Sus áreas se llaman Principal, Barra lateral, Secundaria, Pie y Widget.

Todos los diseños tienen además Audio, que no es un área: no tiene recuadro en la pantalla. Es donde va una lista de música o avisos, y en un videowall el sonido sale de un solo panel por muchos que muestren imagen.

Dibujar el tuyo#

En el formulario de una pantalla, en Diseño, Dibujar un diseño abre un lienzo con la forma de esa pantalla. Arrastra una zona para moverla, arrastra una esquina para cambiar su tamaño o escribe los píxeles exactos: un espacio vendido como 1920 × 240 se introduce como 1920 y 240 en lugar de arrastrarlo hasta que el número coincida por casualidad.

Pantallas → una pantalla → Ajustes avanzados → Diseño → Dibujar un diseño
Escaparate · tamaños para 1920×1080 — Old Street
Imagen principal1920 × 842 px · 100 % × 78 %Capa 02
Rótulo de noticias1920 × 238 px · 100 % × 22 %Capa 0
las programaciones se dirigen a ellas como Main y Footer3
1La pantalla con su propia resolución y forma, así que un tótem vertical se dibuja en vertical.
2Cada zona indica el tamaño que tendrá de verdad, en píxeles, en esta pantalla.
3El nombre con el que una programación se dirige a esta zona. Nunca cambia, aunque la renombres.
  • El diseño son proporciones, no píxeles. Un diseño sirve para cualquier pantalla en la que lo pongas: una barra lateral de un cuarto de ancho mide 480 px en una pantalla de 1920 y 960 en una 4K. Los tamaños en píxeles que se muestran son los de la pantalla desde la que llegaste.
  • Renombrar una zona es seguro. A lo que apunta una programación es a la clave de la zona, que se muestra bajo su nombre y nunca cambia. Llámala «Rótulo de noticias» o «Resultados de fútbol»: las programaciones que la usan siguen funcionando.
  • Eliminarla no lo es. El contenido dirigido a una zona que ya no existe sigue programado y deja de aparecer. El editor te dice antes de guardar qué programaciones se verían afectadas.
  • Las capas deciden los solapamientos. Las zonas pueden superponerse: eso es la esquina del tiempo. La capa más alta queda delante.
Pantalla con una parte vacía
Un diseño no tiene por qué cubrir toda la pantalla, y donde no llega ninguna zona, la pantalla queda en negro. El editor indica cuánto es mientras dibujas, porque una franja negra en un lado se ve desde la otra punta de una sala y no se nota nada en un lienzo.

Qué tamaño de imagen necesita una zona#

Es la pregunta que responden los tamaños en píxeles. Un diseñador necesita un número, y «la barra lateral» no lo es. Abre el panel de programación de la pantalla y cada zona aparece con su tamaño —Imagen principal 1920 × 842—, que es lo que le envías a quien vaya a hacer la imagen.

Los mismos números aparecen al configurar un espacio publicitario: elegir Fijos ofrece los tamaños que producen de verdad tus pantallas, con el diseño y la zona de los que sale cada uno, así que eliges uno en lugar de escribirlo. Consulta Cómo funciona la publicidad.

Ejemplo — El escaparate de una panadería en Old Street
La pantalla del escaparate es de 1920 × 1080. El diseño es una imagen principal sobre un rótulo, dividida al 78 %, que el editor indica como 1920 × 842 y 1920 × 238. Las fotos se encargan a 1920 × 842. El rótulo lleva un widget de noticias, que no necesita ninguna imagen. Audio no lleva nada, porque el escaparate da a la calle.
En el móvil
Los diseños se pueden elegir en el móvil, pero no dibujar. Arrastrar recuadros en un lienzo y leer tamaños en píxeles pide una mesa.
Pruébalo en una pantalla que ya tengas. La primera pantalla es gratis, durante todo el tiempo que quieras. Sin tarjeta.
Empieza gratis, sin tarjeta