Guia do Usuário Cancelar

Mover, alinhar, distribuir e organizar objetos

  1. Guia do usuário do Adobe XD
  2. Introdução
    1. Novidades no Adobe XD
    2. Perguntas frequentes
    3. Criar designs e protótipos e compartilhar com o Adobe XD
    4. Requisitos de sistema
      1. Requisitos de hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    5. Noções básicas sobre a área de trabalho
    6. Alterar o idioma do aplicativo no Adobe XD
    7. Acessar kits de design de interface
    8. Acessibilidade no Adobe XD
    9. Atalhos de teclado
    10. Dicas e truques
    11. Opções de assinatura do Adobe XD
    12. Alterações no plano inicial do XD
  3. Design
    1. Pranchetas, guias e camadas
      1. Introdução às pranchetas
      2. Usar guias e grades
      3. Criar pranchetas com rolagem
      4. Trabalhar com camadas
      5. Criar grupos de rolagem
    2. Formas, objetos e caminho
      1. Selecionar, redimensionar e girar objetos
      2. Mover, alinhar, distribuir e organizar objetos
      3. Agrupar, bloquear, duplicar, copiar e virar objetos
      4. Definir traçado, preenchimento e sombra projetada para objetos
      5. Criar elementos de repetição
      6. Criar designs de perspectiva com transformações em 3D
      7. Editar objetos usando operações boolianas
    3. Texto e fontes
      1. Trabalhar com ferramentas de desenho e texto
      2. Fontes no Adobe XD
    4. Componentes e estados
      1. Trabalhar com componentes
      2. Trabalhar com componentes aninhados
      3. Adicionar vários estados aos componentes
    5. Mascaramento e efeitos
      1. Criar uma máscara com formas
      2. Trabalhar com efeitos de desfoque
      3. Criar e modificar degradês
      4. Aplicar efeitos de mesclagem
    6. Layout
      1. Redimensionamento responsivo e restrições
      2. Definir preenchimento fixo para componentes e grupos
      3. Criar designs dinâmicos com pilhas
    7. Vídeos e animações Lottie
      1. Trabalhar com vídeos
      2. Criar protótipos usando vídeos
      3. Trabalhar com animações Lottie
  4. Protótipo
    1. Criar protótipos interativos
    2. Animar protótipos
    3. Propriedades de objeto compatíveis com a Animação automática
    4. Criar protótipos com teclados e controles
    5. Criar protótipos usando reprodução e comandos de voz
    6. Criar transições temporizadas
    7. Adicionar sobreposições
    8. Criar protótipos de voz
    9. Criar links de âncora
    10. Criar hiperlinks
    11. Visualizar designs e protótipos
  5. Compartilhar, exportar e analisar
    1. Compartilhar pranchetas selecionadas
    2. Compartilhar designs e protótipos
    3. Definir permissões de acesso para links
    4. Trabalhar com protótipos
    5. Revisar protótipos
    6. Trabalhar com especificações de design
    7. Compartilhar especificações de design
    8. Inspecionar especificações de design
    9. Navegar em especificações de design
    10. Revisar e comentar especificações de design
    11. Exportar ativos de design
    12. Exportar e baixar ativos de especificações de design
    13. Compartilhamento em grupo para corporações
  6. Sistemas de design
    1. Sistemas de design com as Bibliotecas da Creative Cloud
    2. Trabalhar com ativos de documento no Adobe XD
    3. Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
    4. Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
    5. Trabalhar com tokens de design 
    6. Usar ativos das Bibliotecas da Creative Cloud
  7. Documentos na nuvem
    1. Documentos na nuvem no Adobe XD
    2. Colaborar e coeditar designs
    3. Coeditar documentos compartilhados com você
  8. Integrações e plug-ins
    1. Trabalhar com ativos externos
    2. Trabalhar com ativos de design do Photoshop
    3. Copiar e colar ativos do Photoshop
    4. Importar ou abrir designs do Photoshop
    5. Trabalhar com ativos do Illustrator no Adobe XD
    6. Abrir ou importar designs do Illustrator
    7. Copiar vetores do Illustrator para o XD
    8. Plug-ins para o Adobe XD
    9. Criar e gerenciar plug-ins
    10. Integração do JIRA com o XD
    11. Plug-in do Slack para XD
    12. Plug-in do Zoom para XD
    13. Publicar o design do XD no Behance
  9. XD para iOS e Android
    1. Visualizar em dispositivos móveis
    2. Perguntas frequentes sobre o Adobe XD para dispositivos móveis
  10. Solução de problemas
    1. Problemas conhecidos e corrigidos
      1. Problemas conhecidos
      2. Problemas corrigidos
    2. Instalação e atualizações
      1. O XD aparece como não compatível no Windows
      2. Código de erro 191
      3. Código de erro 183
      4. Problemas ao instalar plug-ins XD
      5.  Solicitação para instalar e reinstalar o XD no Windows 10
      6. Problemas com a migração de preferências
    3. Inicialização e falha
      1.  O XD trava ao ser iniciado no Windows 10
      2.  O XD fecha ao fazer logoff da Creative Cloud
      3. Problema com o status da assinatura no Windows
      4. Aviso de aplicativo bloqueado ao iniciar o XD no Windows
      5. Geração de dump de falha no Windows
      6. Coleta e compartilhamento de registros de falhas
    4. Documentos na nuvem e bibliotecas da Creative Cloud
      1. Problemas com os documentos na nuvem do XD
      2. Problemas com componentes vinculados
      3. Problemas com bibliotecas e links
    5. Prototipagem, publicação e revisão
      1. Não é possível gravar interações de protótipo no macOS Catalina
      2. Problemas com fluxos de trabalho de publicação
      3. Links publicados não são exibidos nos navegadores
      4. Protótipos não são renderizados corretamente nos navegadores
      5. Painel de comentários aparecendo repentinamente em links compartilhados
      6. Não é possível publicar bibliotecas
    6. Importação, exportação e trabalho em outros aplicativos
      1. Exportação e importação no XD
      2. Arquivos do Photoshop no XD
      3. Arquivos do Illustrator no XD
      4. Exportar do XD para o After Effects
      5. Arquivos do Sketch no XD
      6. Aplicativos de terceiros não visíveis na exportação

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 Adobe XD permite o uso de grades de prancheta, que são diferentes da visualização de pixels. O Adobe XD não inclui a visualização de pixels. A grade de prancheta padrão do Adobe 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

Logotipo da Adobe

Fazer logon em sua conta