Zonas de Pantalla
Divide tu pantalla en zonas para mostrar contenido diferente simultáneamente
Zonas de Pantalla
Las zonas te permiten dividir tu pantalla en múltiples áreas, cada una mostrando contenido diferente. Perfecto para layouts complejos como menús con promociones o lobbies con noticias y clima.
¿Qué son las Zonas?
Las zonas son áreas rectangulares en tu pantalla que pueden mostrar contenido independiente. Piensa en ellas como "pantallas dentro de tu pantalla".
Plantillas de Zonas Disponibles
Screenzzie ofrece cuatro plantillas de zonas:
Pantalla Completa
El layout por defecto - una zona cubriendo toda la pantalla.
División 50/50
Dos columnas iguales, perfecto para comparar contenido o mostrar dos feeds.
Principal + Barra Lateral
Una zona principal 2/3 con barra lateral 1/3. Ideal para contenido principal con información complementaria.
Cuadrantes
Cuatro zonas iguales (25% cada una). Ideal para mostrar múltiples tipos de contenido simultáneamente.
Configurando Zonas
Paso 1: Seleccionar Pantalla
- Ve a Pantallas
- Haz clic en la pantalla a configurar
- Selecciona la pestaña Configuración
Paso 2: Elegir Plantilla
- Haz clic en Cambiar Layout en la barra lateral
- Selecciona una de las cuatro plantillas
- El canvas se actualizará inmediatamente
Paso 3: Asignar Contenido
Para cada zona:
- Haz clic en la zona en el canvas
- Selecciona media (imagen, video o slideshow)
- Repite para todas las zonas
- Los cambios se guardan automáticamente
Propiedades de Zona
| Propiedad | Descripción |
|---|---|
| Posición | Determinada por la plantilla (fija) |
| Tamaño | Porcentaje según la plantilla |
| Contenido | Imagen, video o slideshow |
| Z-Index | Los overlays se renderizan sobre el contenido |
Zona 0 (Zona Principal)
La primera zona (Zona 0) es especial:
- Muestra tu playlist o secuencia asignada
- Respeta los horarios automáticamente
- Muestra contenido desde la asignación en la barra lateral
- Las otras zonas son para media estático
Usa la Zona 0 para tu contenido rotativo principal (playlists/secuencias) y las otras zonas para contenido de apoyo estático como menús o branding.
Mejores Prácticas
Consideraciones de Resolución
- Las zonas más grandes pueden mostrar contenido detallado
- Las zonas pequeñas funcionan mejor con media simple
- Considera la legibilidad del texto según el tamaño de zona
Contenido Apropiado
Haz coincidir el contenido con el propósito de la zona:
- Zona principal - Contenido destacado, videos, playlists
- Barra lateral - Widget de clima, reloj, feeds sociales
- Otras zonas - Imágenes estáticas, menús, branding
Rendimiento
- Cada zona puede reproducir video independientemente
- Para mejor rendimiento, limita video a 1-2 zonas
- Usa imágenes estáticas para zonas pequeñas
Agregar Overlays
Los overlays (reloj, clima, anuncios) se pueden agregar sobre cualquier zona:
- Arrastra un overlay desde la barra lateral
- Suéltalo en cualquier lugar del canvas
- Posiciona y redimensiona según necesites
- Los overlays se renderizan sobre el contenido de zona
Solución de Problemas
Contenido de Zona No Se Muestra
- Verifica que hay contenido asignado
- Confirma que el archivo de media es compatible
- Intenta refrescar la configuración
Problemas de Rendimiento
- Reduce el número de zonas con video
- Baja la resolución del video
- Usa un layout de zonas más simple
Próximos Pasos
- Agrega Overlays sobre las zonas
- Crea Playlists para la Zona 0
- Aprende sobre Secuencias para rotación avanzada de contenido