Use o layout em grade para organizar o conteúdo no Lucid

Assista: Layout em grade no Lucid Suite

Ativar layout em grade

O layout da grade organiza o conteúdo em um padrão ajustável dentro de quadros, Caixa e swim lanes, ajustando automaticamente o espaço conforme necessário quando o conteúdo é adicionado ou removido. Os passos para habilitar o layout em grade para quadros, Caixa e swim lanes variam em cada Produto da Lucid. Confira as seções abaixo para os passos no Lucidchart e no Lucidspark.

No Lucidchart

Para habilitar o layout em grade em Lucidchart, siga estes passos:

1. Selecione a borda de uma Moldura, Caixa ou raia de banho, faixa na tela.
2. Ative "Layout em grade" no Painel Contextual à direita da tela.
   

Itens existentes nos quadros, Caixa ou swim lane automaticamente se encaixam em um padrão de grade. Para opções de personalização adicionais, consulte a seção "Personalizar opções de layout da grade" abaixo.

No Lucidspark

Para habilitar o layout em grade em Lucidspark, siga estes passos:

1. Clique na borda de uma Moldura, Caixa, ou nade raia, faixa no mural.
2. Selecione o ícone de layout em grade no menu de contexto que aparece.

3. Ative a opção “Layout em grade”.

   

Itens existentes nos quadros, Caixa ou swim lane serão automaticamente reorganizados em um padrão de grade. Para opções de personalização adicionais, consulte a seção "Personalizar opções de layout da grade" abaixo.

Use o layout em grade com as formas existentes

Você pode ativar o layout em grade para formas existentes na tela, mesmo que elas não estejam contidas por um quadros, caixa ou swim lane. Siga os passos nas seções em negrito abaixo para fazer isso em Lucidchart e Lucidspark.

No Lucidchart

1. Selecione duas ou mais formas na tela.
   • Segure “alterar” no seu teclado para selecionar vários objetos.
2. Clique com o botão direito na seleção.
3. Selecione " Adicionar ao layout de grade" nas opções que aparecem.

As formas são adicionadas a um quadros com layout em grade ativado.

No Lucidspark

1. Selecione duas ou mais formas na tela.
   • Segure “alterar” no seu teclado para selecionar vários objetos.
2. Selecione o ícone Limpeza rápida no menu de contexto que aparece.
3. Clique em Aplicar layout de grade.

As formas são adicionadas a um quadros com layout em grade ativado.

Arrume tudo
Tanto no Lucidchart quanto no Lucidspark, você pode organizar uma seleção de formas, o que funciona de forma semelhante ao layout da grade sem colocar os objetos em quadros, Caixa ou swim lane.

Para organizar objetos na tela, siga estes passos:

1. Selecione três ou mais formas na tela.
2. passe o mouse sobre a seleção.
3. Clique em Arrumar no canto inferior direito da seleção.

Os objetos são reorganizados em um padrão de grade na tela, e você pode ajustar o espaçamento entre os objetos.

Conjunto 
No Lucidspark, você pode agrupar uma seleção de formas espalhadas na tela. Isso agrupa objetos em um padrão de grade em um ponto da tela.

Para agrupar objetos na tela, siga estes passos:

1. Selecione três ou mais formas na tela.
2. Selecione o ícone Limpeza rápida no menu de contexto que aparece.
3. Clique em Cluster.

Os objetos são reorganizados em um padrão de grade condensado na tela.

Adicione e gerencie conteúdo usando o layout de grade.

Depois de ativar o layout em grade, você terá várias opções para adicionar e gerenciar conteúdo. Confira as seções abaixo para obter mais detalhes sobre como adicionar, reorganizar e abranger conteúdo.

Adicionar novo conteúdo

Depois que o layout da grade estiver ativado, adicione novo conteúdo arrastando-o para os quadros, Caixa ou a faixa de natação.

• Solte o objeto sobre uma linha escura para inseri-lo em uma nova linha ou coluna.
• Solte o objeto sobre uma zona de lançamento sombreada para adicioná-lo a um espaço existente.

Posicionamento de precisão
Para posicionar um objeto em um ponto exato em um quadros, Caixa ou faixa de natação com layout de grade ativado, use posicionamento preciso. Isso permite que você desative temporariamente o encaixe em grade, para que você possa colocar uma forma exatamente onde quiser.

Para usar o posicionamento de precisão, siga estas etapas:

1. Selecione um objeto.
2. Mantenha pressionada a tecla Ctrl (PC) ou Command (Mac) no teclado e arraste o objeto para o lugar.

Uma linha pontilhada aparecerá mostrando a qual célula da grade ou objeto existente seu novo objeto irá ancorar. Quando você o ancora em um objeto existente, os dois se agrupam, o que significa que mover o objeto original dentro dos quadros, Caixa ou swim lane automaticamente move o novo junto com ele.

Aninhe um quadro, Caixa, ou nade raia, faixa dentro de outro
Para uma camada extra de organização, você pode aninhar um quadro, Caixa, ou swim raia, faixa dentro de um quadro separado, Caixa, ou swim raia, faixa.

Os quadros aninhados, Caixa ou faixa de natação ocupam um tile no layout, mas mantêm suas próprias configurações de layout em grade. Por exemplo, uma Caixa aninhada pode ter um preenchimento e espaçamento diferentes do quadros pai em que está aninhada.

Para aninhar um quadros, Caixa ou faixa de natação, arraste-o dentro de qualquer quadros, Caixa ou faixa de natação que tenha layout em grade ativado.

Reorganizar objetos

Para trocar o posicionamento de dois objetos, arraste e solte um objeto sobre o outro.

Estender um objeto em várias células

Você pode espalhar um objeto, quadros, Caixa ou swim lane por várias células em uma grade de layout de grade seguindo os passos abaixo.

No Lucidchart

1. Selecione o objeto, quadros, Caixa ou swim raia, faixa que deseja abranger várias células.
2. Clique o ícone de painel de contexto no canto superior direito do espaço de trabalho.
3. Em “Abrange células”, clique no menu suspenso.
4. Selecione uma opção no menu suspenso:
   • Ocupe uma célula para deixar a forma em uma célula. O formato não abrangerá várias células, mesmo se redimensionado.
   • Expanda horizontalmente para permitir que a forma seja expandida em várias células horizontais.
   • Expanda verticalmente para permitir que a forma seja expandida por várias células verticais.
   • Abrangia ambas as direções para permitir que a forma se estendesse por várias células, tanto horizontal quanto verticalmente.
5. Use a guia de puxar que aparece nas bordas do objeto para estendê-lo na direção desejada.

O objeto agora ocupa várias células na grade de layout.

No Lucidspark

1. Selecione o objeto, quadros, Caixa ou swim raia, faixa que deseja abranger várias células.
2. Clique o ícone de células Span na barra de ferramentas de contexto que aparece.
   • Se você atualizou as configurações de extensão para esta forma anteriormente, o ícone pode ser diferente.
3. Selecione uma opção no painel que aparece:
   • Ocupe uma célula para deixar a forma em uma célula. O formato não abrangerá várias células, mesmo se redimensionado.
   • Expanda horizontalmente para permitir que a forma seja expandida em várias células horizontais.
   • Expanda verticalmente para permitir que a forma seja expandida por várias células verticais.
   • Abrangia ambas as direções para permitir que a forma se estendesse por várias células, tanto horizontal quanto verticalmente.
4. Use a guia de puxar que aparece nas bordas do objeto para estendê-lo na direção desejada.

O objeto agora ocupa várias células no layout da grade.

Opções de personalização do layout da grade

Após ativar o layout em grade para quadros, Caixa ou swim lane, você pode personalizar o layout e a posição de cada objeto. Essas opções também estão disponíveis após gerar um diagrama no Lucidchart com IA.

Para acessar as configurações de layout da grade, siga estes passos:

1. Selecione o contorno de um quadros, Caixa ou faixa de natação que tenha o layout em grade ativado.
2. Localize as configurações de layout da grade:
   1. No Lucidchart, as configurações estão localizadas no Painel Contextual que se abre no lado direito da tela.
   2. No Lucidspark, selecione o ícone de layout em grade no menu de contexto que aparece.

Nas configurações de layout da grade, você pode ajustar o seguinte:

• Espaçamento/Preenchimento: Altere o espaço entre os objetos usando as setas para cima e para baixo ou inserindo um novo valor numérico.
• Tamanho: Selecione uma opção de tamanho. "Ajustar" redimensiona automaticamente os quadros, Caixa ou faixa de natação para acomodar objetos dentro, enquanto "Manual" permite que você arraste o canto para redimensioná-lo manualmente para adicionar ou subtrair células no layout da grade.
• linhas: Ative ou desative o roteamento automático das linhas. O roteamento automático das linhas é ativado por padrão, o que encaixa linhas nos percursos ótimos e evita sobreposição com outros objetos.
  • Se você desativou o roteamento automático de linhas, pode fazer uma limpeza rápida e única das linhas existentes em seus quadros, caixa ou swim raia, faixa clicando em O ícone de linhas de limpeza rápida.
• Alinhamento: Altera a forma como os objetos estão alinhados na célula que ocupam.
  

Ajuste manualmente o espaçamento entre os objetos.

Para aumentar ou diminuir o espaço entre objetos, siga estas etapas:

1. Selecione a borda de uma Moldura, Caixa ou raia de banho, faixa na tela.
2. Clique e arraste as linhas que aparecem entre os objetos horizontalmente ou verticalmente para adicionar ou remover espaço.
   • Mantenha pressionada a tecla Alterar no seu teclado enquanto arrasta as linhas para bloquear a proporção da tela.

Herdar configurações de um pai para um filho Caixa

Ao criar uma Caixa, você pode configurá-la para herdar as configurações de layout do pai seguindo estes passos:

1. Selecione a Caixa aninhada (filha).
2. Selecione o ícone de layout em grade no menu de contexto.
3. Clique em "Herdar" na parte superior do painel que aparece.

Configurações de layout como espaçamento e acolchoamento corresponderão à Caixa principal. Clique em Customizado para definir configurações únicas de layout para a Caixa aninhada.

Perguntas frequentes

Por que estou recebendo um erro ao tentar usar o layout de grade?
Ocorre um erro quando o layout em grade encontra um tipo de objeto não suportado. Tipos de objetos não suportados incluem tabelas, linhas do tempo, organograma, Atividades Visuais, tabelas dinâmicas e Caixas Inteligentes.

Dar feedback sobre este artigo