Crear diseños

Un diseño es lo que muestra una pantalla: un fondo y todo lo que se coloca encima. Si solo necesita una imagen o un vídeo a pantalla completa, su primer diseño lo cubre en pocos minutos. Este artículo trata el siguiente paso, un diseño con varias cosas en pantalla a la vez, y cómo trabajar en el editor sin tener que luchar contra él.

El editor es un lienzo, no una cuadrícula

Las herramientas de cartelería digital más antiguas le obligaban a dividir la pantalla en cajas fijas de antemano. easyCMS no. Dispone de un lienzo del tamaño de su diseño, y arrastra elementos a él desde la caja de herramientas, para luego moverlos, redimensionarlos y girarlos libremente. Los elementos pueden colocarse uno junto a otro, o superponerse deliberadamente, un logotipo sobre un vídeo no es más que dos elementos apilados.

De la caja de herramientas salen tres tipos de elementos:

• Contenido de la biblioteca, las imágenes, vídeos y audios ya presentes en su biblioteca multimedia.
• Widgets, contenido que obtiene o genera algo: relojes, tiempo, tickers RSS, páginas web, tablas basadas en DataSets.
• Elementos, las piezas de diseño con las que construye: texto, formas y similares.

Seleccione cualquier elemento y el panel Propiedades muestra sus ajustes. En la pestaña Avanzado es donde anula el tiempo que ese elemento ocupa la pantalla.

Crear un diseño con varias partes

Un ejemplo práctico, un visual principal con una franja de ticker en la parte inferior y un logotipo en una esquina:

1. Defina la resolución del diseño desde el panel Propiedades sin nada seleccionado, y defina un color o una imagen de fondo.
2. Arrastre su imagen o vídeo principal, y luego tire de sus controladores para rellenar la zona superior. Use los botones Ajustar a, abajo a la derecha, para alinearlo con los bordes del lienzo.
3. Arrastre un widget de ticker o de texto a la franja inferior y ajústelo a todo el ancho.
4. Coloque el logotipo el último para que quede encima.

Para alternar varios elementos en una misma zona, coloque ahí una lista de reproducción en su lugar. Posiciónela y redimensiónela como cualquier otro elemento, y luego añada los elementos que deben rotar dentro de ella. Eso es lo que mucha gente pasa por alto: una lista de reproducción no es una zona de pantalla separada que se define de antemano, es solo otro elemento que se coloca.

Capas, agrupación y selección

Los elementos superpuestos necesitan un orden. El gestor de capas, abajo a la izquierda, muestra todo lo que hay en el lienzo con su capa y duración, y reordena arrastrando. Al hacer clic derecho sobre un elemento del lienzo se obtienen las mismas opciones.

Dos hábitos que ahorran tiempo en un diseño cargado:

• Trace un recuadro sobre el lienzo para seleccionar varios elementos a la vez y moverlos juntos sin perder su alineación.
• Mantenga pulsado Mayús, haga clic en cada elemento, luego clic derecho y elija Agrupar elementos para mantener un conjunto unido de forma permanente.

Resolución y orientación

Haga coincidir la resolución del diseño con la pantalla. 1920×1080 para la mayoría de pantallas en horizontal, 1080×1920 para una pantalla montada en vertical, momento en el que el propio lienzo se vuelve alto y usted diseña directamente en ese formato.

Un diseño reproducido en una pantalla de formato distinto se escala para ajustarse, lo que significa barras negras. Cree versiones separadas en vertical y horizontal de todo lo importante. Resolución y orientación de pantalla trata los casos complicados.

Vista previa antes de que llegue a una pantalla

El botón reproducir, abajo a la izquierda, ejecuta el diseño en su navegador. Detecta lo que es obvio en una pantalla real e invisible mientras se diseña: texto demasiado pequeño para leerlo desde el otro lado de una sala, un elemento que se superpone a otro, un vídeo con el formato incorrecto. Mucho más barato que descubrirlo en la tienda.

Publicar y editar algo que ya está en directo

Un diseño tiene dos estados, y solo uno de ellos se reproduce.

Un borrador se puede editar libremente y no aparece en ninguna pantalla. Un diseño publicado es el que reproducen las pantallas. La publicación está en el menú de tres líneas, arriba a la derecha.

Cuando edita un diseño que ya está publicado, easyCMS crea una copia en borrador y deja la versión en directo reproduciéndose sin tocarla. Sus cambios solo llegan a las pantallas cuando vuelve a publicar, así que retocar un diseño en directo en plena jornada de trabajo es seguro.

Atención Un cambio que nadie ve en pantalla es muy a menudo un diseño que se editó pero nunca se volvió a publicar.

Hacerlo legible

• El texto se lee desde varios metros de distancia. Use un tamaño bastante mayor de lo que parece correcto en su monitor.
• Un contraste alto gana, especialmente en una tienda luminosa o cerca de una ventana.
• Un mensaje por diseño. Alterne varios diseños en lugar de sobrecargar uno solo.

Artículos relacionados: Su primer diseño, Listas de reproducción y la biblioteca multimedia, Programar contenido, Resolución de pantalla, orientación y tamaño del diseño