Saiba como mover, alinhar, distribuir e organizar objetos no Adobe XD.

Mover objetos

Você pode mover objetos das seguintes maneiras:

  • Arrastando objetos com o mouse, 
  • Usando as teclas de seta no teclado ou
  • Inserindo valores de operação matemática precisos (+, -./, *) no Inspetor de propriedades

Use a tecla Shift para restringir o movimento de um ou mais objetos, de modo que eles se movam em uma direção horizontal ou vertical precisa em relação à orientação atual dos eixos X e Y. 

Você também pode usar o painel Alinhar para posicionar objetos em relação uns aos outros.

Mover um objeto arrastando

Selecione um ou mais objetos e arraste para o novo local.

Mover um objeto com as teclas de seta

  1. Selecione um ou mais objetos.

  2. Pressione a tecla de seta referente à direção na qual você deseja mover o objeto. 

Mover um objeto usando coordenadas X e Y

Selecione um ou mais objetos. No Inspetor de propriedades, insira novos valores para as coordenadas X e/ou Y. Você também pode clicar nos valores X e Y e usar as teclas de seta para aumentar ou diminuir o valor.

Mover um objeto usando cálculos matemáticos

Selecione um ou mais objetos. No Inspetor de propriedades, execute matemática simples em qualquer caixa que aceite valores numéricos. Por exemplo, para mover um objeto selecionado 3 unidades para a direita usando as unidades de medida atuais, insira +3 após o valor atual.

As operações matemáticas compatíveis para calcular as alterações incluem +, -./, *.


Em uma caixa de texto que aceite valores numéricos, escolha uma das seguintes opções:

  •   Para substituir o valor atual inteiro por uma expressão matemática, selecione-o.
  •   Para usar o valor atual como parte de uma expressão matemática, clique antes ou depois do valor.

 

Observação:

Mantenha pressionada a tecla Shift ao usar as teclas de seta para aumentar o valor em 10 px.

Alinhar e distribuir objetos

Você pode usar o painel Alinhar para alinhar ou espaçar objetos selecionados horizontal ou verticalmente à seleção ou à prancheta.

Alinhar ou distribuir objetos em relação uns aos outros

Selecione os objetos a serem alinhados e clique em uma das seguintes opções no Inspetor de propriedades: 

  • Alinhar para cima
  • Alinhar no meio
  • Alinhar abaixo
  • Alinhar à esquerda
  • Centralizar
  • Alinhar à direita
  • Distribuir objetos horizontal ou verticalmente
Alinhar objetos horizontalmente
Alinhar objetos horizontalmente
Alinhar objetos verticalmente
Alinhar objetos verticalmente

Alinhar um objeto ou grupo em relação à prancheta

Selecione o objeto ou grupo a ser alinhado e clique em uma das seguintes opções no Inspetor de propriedades: 

  • Alinhar para cima
  • Alinhar no meio
  • Alinhar abaixo
  • Alinhar à esquerda
  • Centralizar
  • Alinhar à direita

Alinhar objetos a uma grade de pixels

É possível alinhar a borda de um objeto com a grade de pixels. Para fazer isso, o XD arredonda os valores inteiros das propriedades X, Y, W, H de um elemento para garantir que eles sejam nítidos e precisos.

Para alinhar um objeto à grade de pixels, clique com o botão direito do mouse no objeto e selecione Alinhar à grade de pixels.

Alinhar à grade de pixels
Alinhar à grade de pixels

Alinhar à grade de pixels nem sempre significa que as propriedades X/Y/W/H não terão frações. No caso de linhas e demarcadores (formas de traçado centralizado), às vezes X/Y precisa terminar em 0,5 para manter o traçado nitidamente alinhado no pixel.

O XD permite grades de prancheta que são diferentes da visualização de pixels. O XD não permite a visualização de pixels. A grade de prancheta padrão no XD é uma grade de 8 pixels. Você pode alterar as configurações de grade para criar uma grade de 1 pixel. Para obter mais informações, consulte Posicionar elementos nas pranchetas usando grades.

Organizar objetos

O Adobe XD acumula objetos desenhados sucessivamente, começando com o primeiro objeto desenhado.

Você também pode selecionar, ordenar e mover objetos em diferentes camadas usando o painel Camada. Para obter mais informações, consulte Trabalhar com camadas.

No Mac:

Para mover um objeto para a posição superior ou inferior em seu grupo, selecione o objeto que você deseja mover e escolha uma das opções conforme apropriado:

  • Objeto > Organizar > Trazer para o primeiro plano - Para colocar o objeto na parte superior de todos os objetos
  • Objeto > Organizar > Trazer para frente - Para mover o objeto na parte superior do objeto imediato acima dele
  • Objeto > Organizar > Enviar para trás - Para mover o objeto abaixo do objeto imediato atrás dele
  • Objeto > Organizar > Enviar para o último plano - Para mover o objeto na parte inferior de todos os objetos

Você também pode Ctrl + Clicar em um objeto e selecionar qualquer uma das opções de organização no menu de contexto.

No Windows:

Clique com o botão direito do mouse em um objeto e selecione qualquer uma das opções de organização que aparecem no menu de contexto.

Colocar a imagem selecionada na parte superior da pilha
Colocar a imagem selecionada na parte superior da pilha
Colocar a imagem selecionada para frente
Colocar a imagem selecionada para frente
Enviar imagem selecionada para trás
Enviar imagem selecionada para trás
Enviar imagem selecionada para a parte inferior da pilha
Enviar imagem selecionada para a parte inferior da pilha

Esta obra está licenciada sob uma licença não adaptada da Creative Commons Attribution-Noncommercial-Share Alike 3.0  As publicações do Twitter™ e do Facebook não são cobertas pelos termos do Creative Commons.

Avisos legais   |   Política de privacidade online