Panel de propiedades de acoplamiento y revisión de las guías de la interfaz de usuario
Uno de nuestros objetivos de diseño es proporcionar una experiencia de tiempo de diseño sin distracciones. Como parte de esto, intentamos revelar la funcionalidad dependiendo de dónde se encuentre en el flujo de diseño y en el contexto.
George Abraham
3min read
Uno de nuestros objetivos de diseño es proporcionar una experiencia de tiempo de diseño sin distracciones. Como parte de esto, intentamos revelar la funcionalidad dependiendo de dónde se encuentre en el flujo de diseño y en el contexto.
En esta actualización, revisamos el panel de propiedades y las guías de la interfaz de usuario.
Acoplamiento del panel Propiedades
Para la creación rápida de prototipos, mostrar el panel de propiedades cerca del elemento seleccionado facilitó la comprensión de qué hacer a continuación. Esto es especialmente útil para los nuevos usuarios de la aplicación. Sin embargo, cuando tiene muchos elementos de la interfaz de usuario o una pantalla compleja, es posible que algunos prefieran tener el panel de propiedades en una ubicación fija.
Ahora puede acoplar/anclar el panel de propiedades a la derecha de la superficie de diseño, de modo que se integre con la caja de herramientas. Cuando está acoplado, este panel compartirá el espacio con los otros elementos de la caja de herramientas (es decir, elementos de la interfaz de usuario, partes de pantalla). Puede hacer que el PE sea más alto usando el divisor o hacer doble clic en el divisor para que encaje.
Reglas y guías revisadas
En nuestra primera versión de reglas y guías, formaban parte del lienzo de diseño. Con el tiempo nos dimos cuenta de que había una mayor probabilidad de agregar guías accidentalmente. Nuestra sugerencia anterior fue ocultar las guías si va a usarlas (cmd / Ctrl + L). Sin embargo, hemos reelaborado las reglas y guías moviéndolas a los bordes de la superficie del diseño, lejos del lienzo.
Puede agregar una nueva guía haciendo clic en el área de la regla o utilizando la acción clic + arrastrar. La acción de hacer clic + arrastrar es nueva en esta actualización y debería ser familiar para las personas que usan otras herramientas de diseño. Todavía puede hacer doble clic en una guía para escribir un valor preciso.
También agregamos nuevos indicadores de ajuste para comunicar cuándo una guía se encuentra con un elemento de la interfaz de usuario.
Otros cambios en la superficie de diseño
- El panel de elementos y capas (E&L) es ahora una tercera pestaña en la caja de herramientas
- La visibilidad de los elementos de la interfaz de usuario, las partes de pantalla y el panel E&L se puede alternar haciendo clic en la pestaña con nombre.
- Se ha movido la barra de herramientas de acciones rápidas del lienzo (es decir, captura de pantalla, zoom) a la zona inferior derecha del diseñador.
- Guardar, deshacer, rehacer y otras acciones frecuentes ahora están en el área principal de la barra de herramientas.
- Las acciones de navegación del diario están disponibles en el explorador de miniinteracciones. Si no está familiarizado con esto, se comporta como retroceder y avanzar en su navegador web de escritorio para saltar entre los estados de la interfaz de usuario.
Este es un breve resumen visual de los cambios que verás en esta actualización:
¿Cómo obtener esta actualización?
A continuación, le indicamos cómo puede actualizar la versión de Indigo Studio instalada en su equipo:
- Si tiene marcada la opción de buscar actualizaciones automáticamente al inicio, debería ver un cuadro de diálogo emergente cuando inicie Indigo. Simplemente haga clic en actualizar e Indigo Studio hará el resto. Este es el enfoque más fácil.
- Si por alguna razón decide no buscar actualizaciones automáticamente, vaya a MENÚ > AYUDA Y ACERCA DE y use la opción "BUSCAR ACTUALIZACIONES".
