El Designer: crear diseños personalizados para tu pantalla

El Designer

Con Screenbird Designer creas diseños completamente personalizados para tus pantallas de digital signage. Combina texto, imágenes, formas, video y aplicaciones en vivo en un editor visual. No necesitas experiencia en diseño.

Crear un diseño

  1. Ve a Content en la barra lateral.
  2. Haz clic en Crear diseño.
  3. Elige un formato de canvas: HD horizontal (1920x1080), HD vertical (1080x1920), 4K horizontal (3840x2160), 4K vertical (2160x3840) o un formato personalizado.
  4. Opcional: comienza con una plantilla (pantalla de información, pantalla de bienvenida, menú) o con un canvas en blanco.
  5. Agrega elementos, personalízalos y guarda.

Agregar elementos

Puedes agregar los siguientes elementos a tu diseño:

Texto

Agrega campos de texto con control total sobre tipografía, tamaño, color, alineación, espaciado entre líneas y espaciado de letras. Elige entre tipografías del sistema o sube tus propias tipografías a través de la biblioteca de archivos.

Imágenes

Arrastra imágenes desde tu biblioteca de medios o elige de la biblioteca de fotos de stock integrada (Pexels). Las imágenes admiten esquinas redondeadas, transparencia y rotación.

Formas

  • Rectángulo (con radio de esquina ajustable para esquinas redondeadas)
  • Círculo
  • Triángulo
  • Línea
  • Flecha

Todas las formas admiten un color sólido o degradado como relleno, un borde y transparencia.

Video

Agrega un video a tu diseño mediante una URL. El video se reproduce cuando el diseño se muestra en una pantalla.

Aplicaciones

Agrega aplicaciones en vivo a tu diseño, como un reloj, pronóstico del tiempo, ticker de noticias, video de YouTube, feed de redes sociales o presentación de Google Slides. Hay más de 40 aplicaciones de Screenbird disponibles. La aplicación se muestra en vivo en la pantalla, directamente en tu diseño.

Canvas y fondo

  • Tipo de fondo - Elige entre un color sólido, degradado (dos colores con ángulo ajustable) o imagen mediante un control segmentado
  • Imagen de fondo - Sube una imagen como fondo (visualización: cubrir, contener o estirar)
  • Cuadrícula - Activa la cuadrícula para alinear con precisión
  • Reglas - Reglas de píxeles a lo largo de los bordes superior e izquierdo del canvas

Editar elementos

Posición y tamaño

Mueve elementos arrastrándolos o ingresa coordenadas X/Y exactas. Ajusta el ancho y alto, o escala proporcionalmente.

Alineación

Alinea múltiples elementos seleccionados: izquierda, centro, derecha, arriba, medio o abajo. Con tres o más elementos, también puedes distribuirlos equitativamente.

Capas

Cada elemento tiene una posición de capa. Usa el panel de capas a la derecha para reorganizar, ocultar o bloquear elementos. Los elementos bloqueados no pueden moverse accidentalmente.

Agrupar

Selecciona múltiples elementos y agrúpalos para moverlos y escalarlos como una unidad.

Atajos de teclado

  • Ctrl+Z - Deshacer
  • Ctrl+Y - Rehacer
  • Ctrl+C / Ctrl+V - Copiar / Pegar
  • Delete - Eliminar
  • Teclas de flecha - Mover elemento 1px
  • Shift + teclas de flecha - Mover elemento 10px
  • Ctrl+S - Guardar
  • Barra espaciadora - Desplazar canvas

AI Designer

El AI Designer es una barra lateral de chat que abres mediante el icono de IA en la esquina inferior derecha del canvas. Describe en un mensaje qué quieres (por ejemplo, "crear una pantalla de bienvenida con nuestro logo y el texto Bienvenido") y la IA genera un diseño completo. Puedes refinar el resultado con mensajes de seguimiento, como una conversación. La IA ajusta colores, textos, posiciones y elementos según tu retroalimentación.

Ver vista previa

Haz clic en el botón de reproducción en la barra de herramientas para ver una vista previa de tu diseño. La vista previa se reproduce en línea en el canvas (las animaciones y videos se reproducen en su lugar), sin modo pantalla completa.

Enviar diseño a tu pantalla

Una vez que tu diseño esté listo, puedes enviarlo a tu pantalla de dos formas:

  1. Empujar directamente - Haz clic en el botón Empujar a pantalla en el editor y selecciona una o más pantallas.
  2. Mediante una lista de reproducción - Agrega el diseño a una lista de reproducción y planifícalo mediante un programa.

Consejos

  • Usa plantillas como punto de partida y personalízalas con tu propio texto, colores y logo.
  • Combina una imagen de fondo con formas y texto semi-transparentes para resultados profesionales.
  • Agrega un reloj en vivo o pronóstico del tiempo a tu diseño para mantenerlo dinámico.
  • Usa alineación y distribución para posicionar elementos ordenadamente.
  • El diseño se guarda automáticamente mientras trabajas.

© screenbird.app