Adicionar e estilizar linhas no Lucidchart

Escrito por:  Shanna S
Ultima atualização:  

As linhas são essenciais para a diagramação, e é por isso que o Lucidchart tem como meta simplificar e deixá-las o mais intuitivo possível. Leia este artigo para saber mais sobre como adicionar, formatar e personalizar linhas.

Disponibilidade dos planos: Gratuito, Individual, Equipe e Corporativo.

Adicionar linhas a um diagrama

Existem quatro maneiras de adicionar uma linha:

  • Clique e arraste manualmente de um objeto
  • Adicione rapidamente uma linha e forma de um objeto
  • Arraste o formato da linha no menu Forma
  • Clique com o botão direito e adicione diretamente à tela

Adicionar manualmente uma linha de um objeto

  1. Passe o cursor sobre uma forma.
  2. Clique em um nó azul redondo ao lado de um objeto eum desvio do cursor para longe do objeto.
    criar-linhas-de-existir-forma-em-Lucidchart-tela.gif
     

Você pode conectar a linha de volta ao mesmo objeto, a um objeto diferente ou adicionar um novo do menu que aparece quando você solta o botão do mouse na tela em branco.

adicionar-linhas-de-forma-para-criar-nova-forma-em-Lucidchart-tela.gif

Se você não quiser adicionar um novo objeto a uma linha, clique em qualquer lugar na tela para sair da janela de solicitação automática de forma. 

Para desativar a janela automática de formas:

  1. Abra as configurações da sua conta selecionando sua imagem de perfil ou suas iniciais no canto superior direito.
  2. Clique em Configurações do documento no menu à esquerda da tela.
  3. Selecione a aba Lucidchart.
  4. Encontre a seção “Depois de desenhar as linhas”.
  5. Selecione “Não fazer nada”.

Adicione rapidamente uma linha e forma de um objeto

  1. passe o mouse sobre um nó redondo vermelho em uma forma.
  2. Revise onde será adicionada a linha e a forma na Pré-visualização que aparece.
  3. Clique em um nó azul redondo que aparece na forma ou ao redor para adicionar as linhas e a forma da Pré-visualização.

    use-adição rápida para criar linha e forma.gif

Dica: Quando houver espaço disponível, a nova linha e forma serão adicionadas na direção do nó redondo em que você clicar. Quando uma forma já estiver presente nessa direção, uma nova ramificação será criada.

Adicionar uma linha a partir do menu Formas

  1. Clique e arraste line_and_arrow_icon_from_the_Standard_shape_library.png o ícone de linha e seta da seção “Padrão” do menu de formas.
  2. Mova as linhas arrastando seu corpo e alonge-a arrastando uma de suas extremidades.
    drag-linhas-onto-tela-from-Standard-biblioteca de formas.gif
     

Adicionar uma linha diretamente à tela

  • Clique com o botão direito na tela.
  • No menu que aparece, selecione Desenhar linhas.
    criar-linhas-de-existir-forma-em-Lucidchart-tela.gif
     

Outras dicas:

  • Se você mover um objeto ligado por uma linha a outro objeto, a linha também se moverá para manter a conexão.
  • Para fazer com que o caminho de uma linha, ao desenhá-la, siga uma linha reta em aumentos de 45º, mantenha a tecla “Shift” de seu teclado pressionada.
  • Crie uma linha que se mova independentemente de uma forma desativando "conexões de linha" nas configurações do documento.
    • Desativar as conexões de linha permite que você mova novas linhas de forma independente, evitando que elas se conectem automaticamente a uma forma. Entretanto, as linhas que já estavam conectadas às formas antes de desativar as conexões de linha permanecerão conectadas e não poderão ser movidas independentemente.

Formatar e modificar linhas

As muitas opções de modificação de linha do Lucidchart oferecem controle sobre a aparência das suas linhas. Para fazer uma alteração em uma linha individual, selecione a linha e navegue até a seção correspondente da barra de ferramentas Formatação acima da tela. Para definir as configurações de linha padrão de um documento, verifique antes se não há linhas selecionadas.

Forma da linha

O Lucidchart oferece quatro opções de formato de linha: 

  • Reta
  • Curva
  • Com ângulo
  • Conexões bidirecionais

A configuração padrão da forma da linha em um novo documento é do cotovelo, o que significa que as direções de suas linhas corresponderão à grade de fundo de sua tela de desenho, e somente dobrarão em ângulos de 90º.

Para mudar a forma da linha, siga estes passos:

  1. Selecione uma linha ou clique no fundo da tela.
  2. Clique no ícone Opções de linhas na barra de ferramentas de formatação.
    linhas-options-in-lucid.png
  3. Selecione uma das formas de linha disponíveis.
    • Se estiver usando a forma de linha do cotovelo, você pode adicionar arredondamento aos ângulos da linha alternando as setas para cima e para baixo em pixels na caixa “arredondada” na janela de opções de linha.

Cor da linha

Para mudar a cor de uma linha, siga estes passos:

  1. Selecione uma linha (ou para definir um padrão, clique em qualquer lugar da tela).
  2. Clique line-color-icon.png no ícone Cor da linha na barra de ferramentas de formatação.
  3. Selecione uma cor na janela de amostra de núcleos que aparece.
     

Use uma cor personalizada clicando plus-icon-for-cores-personalizados-em-lucid.png no ícone de adição na parte inferior da janela de amostra de cores. A partir daqui, você pode selecionar manualmente uma cor por um espaço na amostra de cores ou usando o controle deslizante de cores. Você também pode selecionar Hex, HSB ou RGB no menu suspenso. Depois de selecionado, você pode ajustar os valores HSB ou RGB ou digitar um código hexadecimal.

Dica: aplique formatação condicional para atribuir cores específicas às linhas com base em critérios predefinidos. Por exemplo, você pode personalizar regras de formatação condicional para definir que as linhas associadas ao valor “Sim” apareçam em verde e aquelas com o valor “Não” em vermelho, melhorando a diferenciação visual clara.

Espessura da linha

Para mudar a largura de uma linha, siga estes passos:

  1. Selecione uma linha (ou para definir um padrão, clique em qualquer lugar da tela).
  2. Ative e desative as setas para cima e para baixo na caixa “largura de linha” da barra de ferramentas de formatação.
    personalize-largura de linha-using-arrows-to-adjust-pixels.gif
     

Observação: o Lucidchart permite espessuras de linha que variam de 0,5 px a 10 px e arredonda as medidas inseridas para o décimo mais próximo de um pixel.

Estilo da linha

Para mudar o estilo da linha, siga estes passos:

  1. Selecione uma linha (ou para definir um padrão, clique em qualquer lugar da tela).
  2. Clique na caixa "linhas Style" na barra de ferramentas de formatação para exibir as opções disponíveis de estilo linhas.
    linhas-style-Box-in-lucid.png
  3. Coloque o cursor sobre os diferentes estilos de linha para ver como será a aparência em seu diagrama. Clique em um estilo de linha para aplicar as alterações.

Para adicionar um padrão personalizado de linhas, siga estes passos:

  1. Selecione uma linha (ou para definir um padrão, clique em qualquer lugar da tela).
  2. Clique na caixa "linhas Style" na barra de ferramentas de formatação para exibir as opções disponíveis de estilo linhas.
  3. Clique dropdown-arrow-to-add-a-custom-linhas-pattern.png o ícone de seta suspensa.
  4. À direita de “Personalizado”, insira o tamanho do seu traço e do espaçamento, separados por vírgula.
    • Exemplo: “5, 5”

      add-a-custom-linhas-pattern-in-lucid.png

  5. Clique em qualquer lugar da tela para aplicar as alterações.

Opções adicionais de estilo de linha:

  • Se estiver a modificar linhas individuais, pode selecionar "DUPLO" na parte inferior desta janela para transformar as suas linhas em duas linhas paralelas.
    select_double_to_add_parallel_line_to_selected_line_on_diagram.png
     
  • Se uma linha selecionada cruzar outra linha na tela, você pode fazê-la pular sobre as outras linhas selecionando "PULAR".
    select_jump_to_show_a_curved_jump_where_lines_intersect.png
     
  • Se houver texto em uma linha, você pode selecionar “PÍLULA DE TEXTO” para criar uma pílula ao redor do texto.
    input_text_pill_around_text_on_a_line_in_Lucidchart_diagram.png
  • Para adicionar um marcador a uma linha, você pode selecionar "MARCADOR" para adicionar um círculo no meio da linha, que pode ser rotulado com um texto acima dele.
    line-with-marker-stating-updating-process-in-flow.jpg

Extremidades de linhas de estilo

A configuração padrão do ponto final da linha em um novo documento inclui uma seta sólida de lado único. Para alterar os pontos finais, siga estas etapas:

  1. Selecione uma linha (ou para definir um padrão, clique em qualquer lugar da tela).
  2. Clique no menu suspenso "Ponto final" à esquerda ou à direita na barra de ferramentas de formatação para ver as opções disponíveis.
    select-from-endpoint-options-for-linhas-including-arrows-or-formas.gif
  3. Selecione um estilo.

Para adicionar outro estilo de ponto final:

  1. Selecione uma linha (ou para definir um padrão, clique em qualquer lugar da tela).
  2. Clique na lista suspensa "Ponto final" à esquerda ou à direita na barra de ferramentas de formatação e clique em Mais na parte inferior da lista.
  3. Selecione a caixa de seleção do estilo de endpoint desejado.
  4. Clique em Aplicar.
  5. Clique no menu suspenso "Ponto final" à esquerda ou à direita na barra de ferramentas de formatação e selecione um estilo.

Para inverter as extremidades de uma linha selecionada, clique no ícone de seta dupla ao lado dos menus suspensos de extremidade na barra de ferramentas de formatação.
swap-linhas-endpoints-by-clicking-the-double-arrow-icon-in-barra de formatação.png
 

Você pode ajustar o tamanho dos endpoints linhas usando as opções de estilo linhas na barra de formatação. 
opções de ajuste de tamanho do ponto final copiar.png

Saiba mais: Para obter mais informações sobre como formatar linhas em um DER ou UML, consulte nosso artigo Criar um diagrama entidade-relacionamento Lucidchart no .

Adicionar e modificar texto a uma linha

Para adicionar texto a uma linha, siga estes passos:

  1. Clique duas vezes em uma linha.
  2. Digite no campo "Texto" que aparecerá.
    add_text_by_double_clicking_on_a_line.gif
    • Clique e arraste a caixa para mover o texto para outro lugar na linha, acima ou abaixo dela.
      click_and_drag_text_on_a_line_to_move_it_above_or_below_the_line.gif

Para remover o texto de uma linha:

  1. Clique duas vezes no texto que deseja excluir.
  2. Destaque ou coloque o cursor no final do texto.
  3. Pressione a tecla “Delete” (no Mac) ou “Backspace” (no PC) no teclado.

Modifique o caminho da linha

Modificar o caminho de uma linha com ângulo:

  1. Selecione uma linha.
    • Um nó aparecerá no centro de cada seção da linha selecionada.
    • Se você passar o cursor sobre uma seção de uma linha selecionada, um nó adicional aparecerá na marca de 1/4 dessa seção.
  2. Clique e arraste um nó para alterar o caminho da linha.
    linha-modificada-é-indicada-com-nó-preenchido-em-lucid.gif
  3. O ponto em que você clica e arrasta se torna um ponto de ancoragem, que é representado por uma cor de preenchimento na linha.
    • Este ponto de ancoragem não se move. Se você precisar redefinir um ponto de ancoragem individual, você pode clicar com o botão direito e selecionar Remover ponto.

Dica: Você pode redefinir uma linha inteira e remover todos os pontos de ancoragem. Para fazer isso, clique com o botão direito do mouse na linha e selecione Redefinir linha.

Modificar o caminho de uma linha reta ou curva:

  1. Selecione uma linha.
    • Um nó aparecerá no centro da linha.
  2. Clique e arraste o nó para criar uma junta na linha e alterar seu caminho.
    • A linha será separada em duas seções e ambas as seções agora terão um nó central
      click_and_drag_a_node_on_a_curved_line_to_change_path.gif

Para remover uma junta criada, clique com o botão direito do mouse na junta e selecione Remover junta.

Modificar a localização de um ponto final de linhas:

  1. Selecione um ponto final de linhas.
  2. Um nó aparecerá no final do ponto final das linhas.
    • Clique e arraste o nó para reposicioná-lo na forma.

      reposition-a-linhas-endpoint-on-a-forma.gif

Criar linhas inteligentes

Uma linha inteligente ajustará automaticamente seus pontos de conexão para formar o caminho mais eficiente entre dois objetos. Veja como criar uma:

  1. Arraste uma linha de um objeto a outro.
  2. Ao chegar à borda do segundo objeto, mantenha o cursor pressionado até que o objeto esteja destacado.
  3. Solte o cursor antes que o destaque desapareça. 

Dar feedback sobre este artigo

Tem feedback sobre este artigo? Conte-nos sobre sua experiência aqui

Encontrou o que procurava?

Ainda tem dúvidas ou quer compartilhar o que aprendeu? Visite nossa Comunidade   para obter ajuda e colaborar com outras pessoas.