Emplee el diseño asistido para organizar el contenido en Lucid

Escrito por:  Morgan T
Última actualización:  

Emplee el diseño asistido para organizar sin esfuerzo el contenido en carriles, contenedores y marcos con un solo clic. Esta función alinea automáticamente los objetos para lograr un espacio de trabajo limpio y estructurado al encajar los elementos en un patrón de cuadrícula y ajustar el tamaño de los contenedores a medida que agrega o quita contenido. El diseño asistido también está disponible para su uso en diagramas generados por IA. Lea este artículo para aprender cómo el diseño asistido puede optimizar la apariencia y la organización de su documento Lucid.

Disponibilidad de planes: gratis/gratis, Individual, Equipo y Corporativo.

Observar: Layout asistido en la Lucid Suite

Habilitar diseño asistido

El diseño asistido organiza el contenido en un patrón de cuadrícula ajustable dentro de marcos, contenedores y carriles, ajustando automáticamente el espacio según sea necesario cuando se agrega o elimina contenido. Los pasos para habilitar el diseño asistido de marcos, contenedores y carriles de natación difieren en cada Producto de Lucid. Explora las secciones a continuación para conocer los pasos en Lucidchart y Lucidspark.

Ejemplo de cómo funciona el diseño asistido en Lucidspark.gif

Nota: Si bien la mayoría de las imágenes y ejemplos de este artículo son de Lucidspark, puede esperar una funcionalidad similar en Lucidchart.

En Lucidchart

Para habilitar el diseño asistido en Lucidchart, siga estos pasos:

  1. Seleccione el borde de un marco, contenedor o carril de natación en el lienzo.
  2. Active "Diseño asistido" en el panel contextual a la derecha del lienzo.
    swim-lane-with-assisted-layout-toggled-on-in-Lucidchart.png

Los elementos existentes en los marcos, contenedores o carriles se ajustarán automáticamente a un patrón de cuadrícula. Para obtener más opciones de personalización, explore la sección Personalizar opciones de diseño asistido a continuación.

En Lucidspark

Para habilitar el diseño asistido en Lucidspark, siga estos pasos:

  1. Haga clic en el borde de un marco, contenedor o carril de natación en el Tablero.
  2. Seleccionar icono de diseño asistido.png el icono de diseño asistido del menú contextual que aparece.
  3. Active "Diseño asistido".

    marcos-with-assisted-layout-toggled-on-in-Lucidspark.png

Los elementos existentes en los marcos, contenedores o carriles se reorganizarán automáticamente en un patrón de cuadrícula. Para obtener más opciones de personalización, explore la sección Personalizar opciones de diseño asistido a continuación.

Usar diseño asistido con formas existentes

Puede habilitar el diseño asistido para las formas existentes en el lienzo, incluso si no están contenidas en un marcos, contenedores o carril. Siga los pasos de las secciones en negrilla a continuación para hacerlo en Lucidchart y Lucidspark.

En Lucidchart

  1. Seleccione dos o más formas en el lienzo.
    • Mantén presionado Shift" en tu teclado para seleccionar varios objetos.
  2. Haz clic derecho en la selección.
  3. Seleccione Agregar al diseño asistido en las opciones que aparecen.

Las formas se agregan a un marco con el diseño asistido habilitado.

En Lucidspark

  1. Seleccione dos o más formas en el lienzo.
    • Mantén presionado Shift" en tu teclado para seleccionar varios objetos.
  2. Seleccione organización rápida-icon.png el icono de organización rápida en el menú contextual que aparece.
  3. Haga clic en Aplicar diseño asistido.

Las formas se agregan a un marco con el diseño asistido habilitado.

Adecentar
Tanto en Lucidchart como en Lucidspark, puede ordenar una selección de formas, que funciona de manera similar al diseño asistido sin colocar los objetos en un marcos, contenedores o carril de natación.

Para ordenar objetos en el lienzo, siga estos pasos:

  1. Seleccione tres o más formas en el lienzo.
  2. pasar el cursor sobre la selección.
  3. Haga clic en Ordenar en la esquina inferior derecha de la selección.

Los objetos se reorganizan en un patrón de cuadrícula en el lienzo y tiene la capacidad de ajustar el espacio entre los objetos.

Clúster Lucidspark-only-tag.png
En Lucidspark, puede agrupar una selección de formas que están en el lienzo. Este Reunir se convierte en un patrón de cuadrícula en un punto del lienzo.

Para agrupar objetos en el lienzo, siga estos pasos:

  1. Seleccione tres o más formas en el lienzo.
  2. Seleccione organización rápida-icon.png el icono de organización rápida en el menú contextual que aparece.
  3. Haga clic en Clúster.

Los objetos se reorganizan en un patrón de cuadrícula condensada en el lienzo.

shapes-in-Lucidspark-being-clustered-and-tidied-up.gif

Agregar y gestionar contenido mediante el diseño asistido

Una vez que habilitó el diseño asistido, hay varias opciones para agregar y gestionar contenido. Explore las secciones siguientes para obtener más detalles sobre cómo agregar, reorganizar y ampliar contenido.

Agregar nuevo contenido

Una vez habilitado el diseño asistido, agregue contenido nuevo arrastrándolo hacia los marcos, contenedores o carriles.

  • Suelte el objeto sobre una línea oscura para insertarlo en una nueva fila o columna.
  • Suelte el objeto sobre una zona de colocación sombreada para agregarlo a un espacio existente.

Marcos muestra cómo agregar nuevo contenido mediante diseño asistido.png

Colocación de precisión
Para colocar un objeto en un lugar exacto en un marcos, contenedor o carril de natación con layout asistido activado, emplea colocaciones de precisión. Esto te permite desactivar temporalmente el ajuste de cuadrícula, para que puedas colocar una forma exactamente donde quieras.

Para emplear la colocación de precisión, siga estos pasos:

  1. Seleccione un objeto.
  2. Mantenga presionada la tecla Ctrl (PC) o la tecla Comando (Mac) en su teclado, luego arrastre el objeto a su lugar.

Aparecerá una línea punteada que mostrará a qué celda de la cuadrícula u objeto existente se anclará su nuevo objeto. Cuando lo anclas a un objeto existente, los dos se agrupan, lo que significa que mover el objeto original dentro de los marcos, contenedores o carriles de natación moverá automáticamente el nuevo con él.

Cómo usar la colocación precisa con un marco con diseño asistido habilitado en Lucidspark.gif

Consejo: al arrastrar un objeto a un marco, contenedor o carril de natación que tenga habilitado el diseño asistido, pase el cursor sobre una ubicación específica durante dos segundos para activar la colocación precisa en lugar de usar el atajo de teclado anterior.

Anidar un marcos, contenedores o carril de natación dentro de otro
Para una capa adicional de organización, puede anidar un marcos, Contenedores o carril de natación dentro de un marcos, Contenedores o carril de natación separados.

Los marcos, contenedores o carriles anidados ocupan un mosaico en el diseño, pero mantienen su propia configuración de diseño asistida. Por ejemplo, un Contenedores anidado podría tener un margen interior y un espaciado diferentes a los marcos principales en los que está anidado.

Para anidar un marcos, Contenedores o carril, arrástrelo dentro de cualquier marcos, Contenedores o carril que tenga habilitado el diseño asistido.

a-marcos-being-dragged-into-another-marcos-nested-using-assisted-layout-in-Lucidspark.gif

Nota: Tanto los marcos, contenedores o carriles principales como los anidados deben tener habilitado el diseño asistido para que funcione el anidamiento.

Reorganizar objetos

Para intercambiar la ubicación de dos objetos, arrastre y suelte un objeto sobre otro.

animación que muestra un cuadrado que cambia de lugar con un círculo al arrastrarlo sobre él.gif

Nota: Al reorganizar objetos, las líneas permanecen en su lugar y se ajustan automáticamente a la nueva forma.

Abarcar un objeto en varias celdas

Puedes extender un objeto, marcos, contenedor o swim lane sobre varias celdas en una cuadrícula de layout asistido siguiendo los pasos siguientes.

En Lucidchart

  1. Selecciona el objeto, marcos, contenedor o la línea de natación que quieres que abarque en varias celdas.
  2. Haga clic en contextual-panel-icon in-lucidchart.png el icono de panel contextual en la esquina superior derecha del espacio de trabajo.
  3. En "Distribuir celdas", haga clic en el menú desplegable.
  4. Seleccione una opción del menú desplegable:
    • Ocupa una celda para dejar la forma en una celda. La forma no abarcará varias celdas, incluso si se cambia de tamaño.
    • Esparce horizontalmente para permitir que la forma se extienda sobre varias celdas horizontales.
    • Encadena verticalmente para permitir que la forma se extienda sobre varias celdas verticales.
    • Abarca ambas direcciones para permitir que la forma se extienda sobre varias celdas tanto horizontal como verticalmente.
  5. Emplee las lengüetas que aparecen en los bordes del objeto para extenderlo en la dirección que desee.

El objeto ahora ocupa varias celdas en la cuadrícula de diseño asistido.

En Lucidspark

  1. Selecciona el objeto, marcos, contenedor o la línea de natación que quieres que abarque en varias celdas.
  2. Haga clic en span-cells-icon.png el icono Ampliar celdas en la barra de herramientas de contexto que aparece.
    • Si actualizó la configuración de intervalo para esta forma anteriormente, el icono puede ser diferente.
  3. Seleccione una opción del panel que aparece:
    • Ocupa una celda para dejar la forma en una celda. La forma no abarcará varias celdas, incluso si se cambia de tamaño.
    • Esparce horizontalmente para permitir que la forma se extienda sobre varias celdas horizontales.
    • Encadena verticalmente para permitir que la forma se extienda sobre varias celdas verticales.
    • Abarca ambas direcciones para permitir que la forma se extienda sobre varias celdas tanto horizontal como verticalmente.
  4. Emplee las lengüetas que aparecen en los bordes del objeto para extenderlo en la dirección que desee.

El objeto ahora ocupa varias celdas en la cuadrícula de diseño asistido.

spanning-a-shape-over-multiple-cells-using-assisted-layout-in-Lucidspark.gif

Personalizar las opciones de diseño asistido

Luego de activar el layout asistido para un marcos, Contenedores o swim lane, puedes personalizar la disposición y la colocación de cada objeto. Estas opciones también están disponibles tras generar un diagrama en Lucidchart con IA.

Para acceder a la configuración de distribución asistida, sigue estos pasos:

  1. Seleccione el borde de un marco, contenedor o carril de natación que tenga habilitado el diseño asistido.
  2. Localiza la configuración de distribución asistida:
    1. En Lucidchart, la configuración se encuentra en el Panel Contextual que se abre en el lado derecho del lienzo.
    2. En Lucidspark, selecciona icono de diseño asistido.png el icono de diseño Asistido en el menú contextual que aparece.

Desde la configuración asistida de layout, puedes ajustar lo siguiente::

  • Interior de espaciado/margen: Cambia cuánto espacio hay entre objetos usando las flechas arriba y abajo o introduciendo un nuevo valor numérico.
  • Talla: Selecciona una opción de talla. "Ajustar" redimensiona automáticamente los marcos, contenedores o swim lane para que encajan objetos dentro, mientras que "Manual" permite arrastrar la esquina para redimensionarla manualmente y agregar o restar celdas en la cuadrícula asistida de layout.
  • líneas: Activa o desactiva el enrutamiento automático de líneas. El enrutamiento automático de líneas está activado por defecto, lo que encaja líneas en el Caminos óptimo y evita solapamientos con otros objetos.
    • Si tienes desactivado el enrutamiento de líneas automáticas, puedes hacer una limpieza rápida y única de líneas existentes en tus marcos, contenedores o carril de natación haciendo clic organizacion rapida-lineas-icon.png en el icono de la organización rápida líneas.
  • Alineación: Cambia cómo se alinean los objetos en la celda que ocupan.
    assisted-layout-settings.png

Ajustar manualmente el espaciado entre objetos

Para aumentar o disminuir el espacio entre objetos, siga estos pasos:

  1. Seleccione el borde de un marco, contenedor o carril de natación en el lienzo.
  2. Haga clic y arrastre las líneas que aparecen entre los objetos horizontal o verticalmente para agregar o quitar espacio.
    • Mantenga presionada la tecla Mayús en su teclado mientras arrastra las líneas para bloquear la relación de aspecto.

Cómo ajustar el espaciado en un marco con diseño asistido habilitado en Lucidspark.gif
 

Heredar configuraciones de un padre a un hijo Contenedores

Cuando anidas un Contenedores, puedes configurarlo para heredar la configuración de distribución del padre siguiendo estos pasos:

  1. Selecciona los contenedores anidados (hijos).
  2. Selecciona icono de diseño asistido.png el icono de diseño asistido en el menú contextual.
  3. Haz clic en Heredar desde la parte superior del panel que aparece.

Los ajustes de distribución como el espaciado y el interior margen coincidirán con los contenedores padres. Haz clic en Personalizado para establecer configuraciones únicas de diseño para los contenedores anidados.

Preguntas frecuentes

¿Por qué me da un error cuando intento usar el layout asistido?
Se produce un error cuando el diseño asistido encuentra un tipo de objeto no soportado. Los tipos de objetos no soportados incluyen tablas, timelines, organigrama, Actividades Visuales, tablas dinámicas y Smart Contenedores.

Da tu opinión sobre este artículo

¿Tienes comentarios sobre este artículo? Cuéntanos tu experiencia aquí.

¿Encontraste lo que estabas buscando?

¿Todavía tienes alguna pregunta o quieres compartir lo que has aprendido? Visita nuestro Comunidad   para obtener ayuda y colaborar con otras personas.