Support Centre

Alinhe itens em sua tela de design usando ferramentas de alinhamento

Renée Meloche
Renée Meloche
  • Atualizado

Disponível nos seguintes planos de assinatura da Venngage: Grátis, Premium, Empresarial e Enterprise.

 

Existem três maneiras de alinhar os itens na tela. Todas essas opções podem ser encontradas no menu suspenso Alinhamento .

Ativar e desativar ferramentas de alinhamento

Controle as Guias Inteligentes no menu suspenso Alinhamento na barra de ferramentas superior. A partir daqui, você pode ativar ou desativar os seguintes guias: 

  • Guias inteligentes:  Guias inteligentes aparecem conforme você ajusta o tamanho ou a posição dos elementos na tela de design, permitindo alinhá-los em relação aos outros elementos na tela e ao espaço total da tela.
  • Grade: a grade sobrepõe a tela de design, permitindo que você ajuste manualmente o alinhamento dos elementos em seu design de acordo com o layout da grade. A sobreposição de grade  não  é visível no download final ou na versão impressa do seu design.
  • Margens: as margens atuam como um guia para ajudá-lo a manter o espaçamento igual das bordas da página. Eles garantem que seu texto não fique muito perto da borda da página, onde corre o risco de ser cortado.
No Venngage Editor, uma tela de design com um esquema de cores marrom e rosa é aberta, mostrando o título Handwashing Hygiene Facts & Stats.  Um usuário clica no menu suspenso Alinhamento;  o usuário clica nas diferentes ferramentas: Guias Inteligentes, Grade, Margens, e cada uma aparece na tela de desenho, mostrando uma grade sobreposta e margens que permitem ao usuário alinhar elementos na tela de desenho.

 

As guias inteligentes aparecem quando você arrasta, redimensiona ou reposiciona elementos de design na tela. Eles estão sempre ativados por padrão.

No Venngage Editor, uma tela de design com um esquema de cores marrom e rosa é aberta, mostrando o título Handwashing Hygiene Facts & Stats.  Um usuário clica em um gráfico de estatísticas e o move na tela;  o gráfico se move.  O usuário clica no menu suspenso Alinhamento na barra de ferramentas superior;  o usuário seleciona 'Guias inteligentes'.  Agora, quando o usuário clica em um gráfico na tela de design e o move, linhas rosa brilhantes aparecem conforme o usuário move o gráfico, permitindo que o usuário oriente o gráfico em relação a outros elementos na tela de design.

 

Use o Guia Inteligente em seu projeto

Redimensione os elementos do seu design

Conforme você redimensiona um item, linhas de guia inteligentes aparecerão para guiá-lo. Use-os para medir o tamanho do elemento em relação a outros elementos na tela. 

Em um close-up de uma tela do Venngage Editor, três ícones aparecem em sequência: uma paleta de pintor, um ônibus escolar e uma lâmpada.  Um usuário redimensiona os elementos e, à medida que o faz, cada ícone aparece com linhas guia de alinhamento rosa brilhante.  À medida que o usuário redimensiona o ícone do ônibus, uma borda rosa aparece ao redor do ícone da paleta, para que o usuário possa redimensionar o ônibus para torná-lo igual ao tamanho da paleta.  O usuário redimensiona o ícone da lâmpada da mesma forma.  O usuário então realinha os três ícones, colocando-os à mesma distância um do outro.  Quando o usuário move um ícone para o lugar, as linhas de alinhamento rosa com setas em cada extremidade indicam ao usuário a distância entre cada um dos ícones, permitindo que o usuário os coloque à mesma distância um do outro.

Alinhar elementos em relação à tela ou outros elementos de design

Quando você alinha três ou mais itens na tela de design, arrastar um deles exibirá as linhas de guia inteligentes.

Os marcadores horizontais entre os elementos aparecerão como linhas de espaçamento iguais quando os elementos estiverem separados por uma distância igual.

As linhas que aparecem vertical e horizontalmente e correm de cada extremidade da tela mostram onde está o centro da tela e como alinhar elementos de design com a altura e a largura da tela.

 

A VENNGAGE FAZ ISSO FÁCIL

Se houver itens sobrepostos, agrupe-
os primeiro antes de clicar em usar a
ferramenta Alinhar para reorganizá-los
na tela.

 

Use os recursos de alinhamento automático e distribuição

Em vez de arrastar objetos individualmente para alinhamento usando o guia inteligente, você pode redistribuir elementos automaticamente na tela de design usando os recursos "Alinhar" e "Distribuir"  no menu Alinhamento.

Selecione os itens que deseja alinhar , clicando e arrastando uma caixa de seleção ao redor deles ou mantendo pressionada a tecla SHIFT e clicando nos elementos que deseja selecionar. 

Abra o menu suspenso Alinhamento  e selecione uma opção em " Alinhar ou " Distribuir ". 

Uma visão parcial de uma tela de design no Venngage Editor mostra um usuário selecionando três ícones de estrelas douradas em um fundo escuro.  Quando as estrelas são selecionadas, o usuário clica no menu suspenso Alinhamento na barra de ferramentas superior.  O usuário usa as opções em 'Alinhar' para alterar o alinhamento dos ícones de estrela e, em seguida, usa 'Distribuir' para redistribuir a distância entre eles igualmente.

 

Use as ferramentas "Alinhar" para deslocar os elementos selecionados para o alinhamento descrito.

  • Esquerda:  Alinha à margem esquerda dos itens selecionados
  • Centro:  Alinha ao eixo vertical central dos itens selecionados
  • Direita:  Alinha à borda direita dos itens selecionados
  • Superior:  Alinha à borda superior dos itens selecionados
  • Meio: Alinha ao eixo horizontal dos itens selecionados
  • Inferior:  Alinha à borda inferior dos itens selecionados

Use a ferramenta "Distribuir" para redistribuir o espaçamento entre os elementos selecionados.

  • Verticalmente: crie um espaçamento uniforme entre os elementos ao longo de um plano vertical
  • Horizontalmente: crie um espaçamento uniforme entre os elementos ao longo de um plano horizontal

Uma visão parcial de uma tela de design no Venngage Editor mostra um usuário selecionando três ícones de estrelas douradas em um fundo escuro.  Quando as estrelas são selecionadas, o usuário clica no menu suspenso Alinhamento na barra de ferramentas superior.  O usuário usa as opções em 'Alinhar' para alterar o alinhamento dos ícones de estrela e, em seguida, usa 'Distribuir' para redistribuir a distância entre eles igualmente.

 

VENNGAGE LOGO

Você está curioso para se inscrever? Confira nossos planos.

 

Comece a projetar!

Esse artigo foi útil?

Usuários que acharam isso útil: 0 de 1

Tem mais dúvidas? Envie uma solicitação