Foco

El elemento Foco permite atraer la atención del espectador hacia un área específica de un escalón atenuando todo lo que esté fuera de la región definida del foco. Todas las áreas fuera de la zona de foco se atenuarán. Actualmente, el nivel de brillo de la zona atenuada no se puede ajustar.

Foco para escenarios del mundo real

Añadir un elemento de foco

Cómo añadir el foco a una guía paso a paso

1. Ve al paso al que quieres añadir un foco.
2. En el panel derecho, desplázate hasta la sección Añadir elementos .
3. Haz clic en Destacado. Si uno o más elementos de foco ya se han añadido, haz clic en Añadir nuevo para insertar otro.
4. Utiliza el icono del ojo en la esquina superior derecha del panel de Spotlight para activar la visibilidad del foco para el usuario final. Los focos ocultos no serán visibles en el Flo publicado, pero pueden volver a ser visibles en cualquier momento.
5. Activa el interruptor Ocultar otros elementos para ocultar temporalmente todos los demás elementos en el paso actual mientras configuras el spotlight. Otros elementos quedan ocultos temporalmente y no se eliminan.
6. En el campo Nombre , introduce una etiqueta descriptiva para el elemento de destacado.
7. En Shape, elige una forma del desplegable:
   • Rectángulo : ideal para resaltar botones, campos de formularios, paneles o regiones horizontales de la interfaz.
   • Círculo : adecuado para iconos, avatares o componentes circulares de la interfaz.
8. Haz clic en Aplicar para guardar el elemento de destacado.

Cómo añadir vídeo de foco / demo interactiva

1. Ve al paso al que quieres añadir un foco.
2. En el panel derecho, desplázate hasta la sección Añadir elementos .
3. Haz clic en Destacado. Si uno o más elementos de foco ya se han añadido, haz clic en Añadir nuevo para insertar otro.
4. Utiliza el icono del ojo en la esquina superior derecha del panel de Spotlight para activar la visibilidad del foco para el usuario final. Los focos ocultos no serán visibles en el Flo publicado, pero pueden volver a ser visibles en cualquier momento.
5. Activa el interruptor Ocultar otros elementos para ocultar temporalmente todos los demás elementos en el paso actual mientras configuras el spotlight. Otros elementos quedan ocultos temporalmente y no se eliminan.
6. En el campo Nombre , introduzca una etiqueta descriptiva para el elemento foco (por ejemplo, Spotlight - Submit Button, Spotlight - Navigation Menu).
7. En el campo de hora de inicio , introduzca la marca de tiempo en la que debe aparecer el foco de luz.
8. En el campo Fin del tiempo , introduce la marca de tiempo en la que el foco debe desaparecer.
9. Para seleccionar un fotograma exacto, usa la opción Seleccionar fotograma exacto (15 fps ). Utiliza los botones de flecha para navegar fotograma por fotograma, o introduce directamente un número de fotograma. Haz clic en Seleccionar para confirmar o Cancelar para descartar.
10. En Shape, elige una forma del desplegable:
    • Rectángulo : ideal para resaltar botones, campos de formularios, paneles o regiones horizontales de la interfaz.
    • Círculo : adecuado para iconos, avatares o componentes circulares de la interfaz.
11. Haz clic en Aplicar para guardar el elemento de destacado.

Gestión de elementos de foco

Una vez añadidos, los elementos de foco se listan en el panel de Enfoque, cada uno mostrando el nombre del foco y el paso al que se aplica.

• Añadir otro foco - Haz clic en Añadir nuevo en la parte superior del panel para configurar un elemento adicional de referencia.
• Editar un foco - Haz clic en cualquier foco de la lista para abrir su panel de configuración, donde se pueden modificar el nombre, el paso y la forma. Haz clic en Aplicar para guardar cambios, Cancelar para volver al panel de Spotlight, o en el icono Eliminar para eliminarlo.
• Elimina un foco - Pasa el cursor sobre un foco en la lista para revelar el menú de tres puntos. Haz clic en él y selecciona Eliminar para eliminar permanentemente el elemento de destaque.

Mejores prácticas

• Usa nombres descriptivos : etiqueta claramente cada foco para facilitar su identificación y gestión, especialmente cuando se aplican varios focos en diferentes pasos.
• Ocultar en lugar de borrar - Desactiva temporalmente los focos que no son necesarios en lugar de borrarlos. Esto preserva la configuración para su uso futuro.
• Redimensiona y recoloca después de aplicar: asegúrate de que el foco cubra con precisión el área deseada en el lienzo.
• Usa los focos con moderación - Evita aplicarlos en demasiados pasos consecutivos para mantener su efectividad.
• Previsualización después de aplicar - Verifica que la región atenuada no oculte otros contenidos esenciales en pantalla.