Saiba como usar pranchetas no Adobe XD CC para dispor designs para diferentes dispositivos e telas. Escolha entre uma grande variedade de tamanhos predefinidos ou defina seu próprio tamanho da prancheta personalizada.

As pranchetas geralmente representam cada uma das telas que você deseja projetar com parte de seu site ou aplicativo para dispositivo móvel.

Você pode ter muitas pranchetas em um único arquivo do Adobe XD. Por exemplo, você pode escolher definir pranchetas para experiências móveis, em tablets e online em desktops usando um único arquivo. Como alternativa, você também pode escolher criar o design de várias telas de um fluxo de usuário para a mesma plataforma em um arquivo.

Escolha um tamanho predefinido para a prancheta no começo do seu projeto na tela inicial. Se não quiser usar as predefinições disponíveis, crie uma prancheta com um tamanho personalizado. Assim que seu novo arquivo com o tamanho escolhido da prancheta for criado, adicione quantas pranchetas forem necessárias usando a ferramenta Prancheta.

Artboard
Várias pranchetas para várias telas em um único arquivo do Adobe XD

Para exibir todas as pranchetas do seu projeto, abra o painel Camadas (clique em  na barra de ferramentas). 

Criar pranchetas

Ao criar um projeto ou arquivo pela primeira vez, selecione um dos tamanhos predefinidos para a prancheta na tela de boas-vindas. Para especificar um tamanho personalizado, selecione Personalizado e especifique o tamanho em pixels.

Para adicionar mais pranchetas a um arquivo existente, clique na ferramenta Prancheta. Depois, clique em uma das predefinições no painel à direita e clique no local onde deseja colocar a prancheta.

Para definir uma prancheta de tamanho personalizado, selecione a ferramenta Prancheta e desenhe a prancheta desejada diretamente na área de trabalho.

Criar pranchetas com rolagem

Você pode criar pranchetas com uma barra de rolagem vertical. 

Observação:

Esta versão do Adobe XD não oferece suporte à rolagem horizontal.

  • Pranchetas criadas usando tamanhos predefinidos: se seu conteúdo exceder o comprimento da prancheta, basta arrastar a parte inferior da prancheta até o comprimento desejado e continuar o design. Uma linha pontilhada na sua prancheta indica o começo do conteúdo com rolagem.

Para desabilitar a rolagem, selecione a prancheta e selecione Nenhuma na seção Rolagem do Inspetor de propriedades.

Arrastar a parte inferior da prancheta para criar uma prancheta com rolagem
Arrastar a parte inferior de uma prancheta predefinida para torná-la rolável

  • Pranchetas com tamanhos personalizados: para criar uma prancheta personalizada com rolagem, selecione a prancheta e, em seguida, selecione Vertical na seção Rolagem do Inspetor de propriedades. Além disso, especifique uma Altura da janela, que é o comprimento da prancheta após o qual a rolagem deve aparecer. A altura da janela deve ser menor do que a altura da prancheta para a rolagem ser exibida.
Tornar pranchetas personalizadas roláveis
Tornar pranchetas personalizadas roláveis

Para desabilitar a rolagem, selecione Nenhuma na seção Rolagem do Inspetor de propriedades.

Selecionar pranchetas

Para selecionar uma prancheta, clique na ferramenta Seleção e execute uma das seguintes ações:

  • Clique no título da prancheta ou 
  • Clique duas vezes no fundo da prancheta

Copiar e redimensionar pranchetas

No Mac, segure a tecla Option e arraste uma prancheta para copiar. No Windows, segure a tecla Alt e arraste uma prancheta.

Como alternativa, clique com o botão direito do mouse no painel Camadas e selecione Copiar. Depois, clique com o botão direito do mouse novamente e selecione Copiar.

Para redimensionar uma prancheta, clique nela e use as alças circulares exibidas nas bordas.

Reorganizar pranchetas

Clique no título da prancheta e arraste-o para o novo local. 

Observação:

Você pode arrastar as pranchetas no painel Camadas e alterar sua ordem na lista Pranchetas. Mas, isso só altera a ordem de empilhamento das pranchetas e não sua posição (coordenadas X e Y).

Renomear pranchetas

Por padrão, as pranchetas são nomeadas de acordo com a predefinição selecionada e são numeradas sequencialmente. Para especificar um nome personalizado para suas pranchetas, clique duas vezes no nome padrão e digite o novo nome da prancheta.

Você também pode renomear pranchetas no painel Camadas. Clique duas vezes no nome da prancheta ou clique com o botão direito do mouse no nome da prancheta e selecione Renomear. 

Alinhar e distribuir pranchetas

Marque várias pranchetas e clique nas opções Alinhar e Distribuir no Inspetor de propriedades.

Alinhar e distribuir várias pranchetas
Alinhar e distribuir várias pranchetas

Observação:

Ao selecionar várias pranchetas, verifique se você selecionou as pranchetas completamente. Se uma prancheta for selecionada parcialmente na seleção, os objetos contidos nela serão selecionados e não a prancheta em si.

Copiar e mover elementos entre as pranchetas

Você pode mover livremente qualquer elemento de uma prancheta para outra. Basta arrastar o elemento e soltá-lo na prancheta necessária.

Para copiar um elemento, use Command + C (no Mac) ou Ctrl + C (no Windows). Clique na prancheta na qual você deseja colar o elemento e use Command + V (no Mac) ou Ctrl + V (no Windows).

Você também pode arrastar um elemento enquanto segura a tecla Option (no Mac) ou a tecla Alt (no Windows) para copiar elementos entre pranchetas.

Observação:

Se tiver uma coleção de objetos que não se encaixam na prancheta quando colados, eles serão colados no centro da prancheta de destino em vez de colados fora da prancheta.

Você pode usar a área cinza ao redor das pranchetas como área de trabalho. É possível colocar qualquer elemento na área de trabalho e copiá-lo e movê-lo para as pranchetas quando necessário. 

Observação:

Quando exportar todas as pranchetas, os elementos na área de trabalho que não fizerem parte de nenhuma prancheta não serão exportados. Se um elemento é colocado parcialmente em uma prancheta, somente a parte do elemento na prancheta é exportada.

Cortar, copiar, mover, redimensionar, ampliar ou reduzir o zoom e excluir várias pranchetas simultaneamente

Marque várias pranchetas para editá-las simultaneamente. 

Várias pranchetas selecionadas ao mesmo tempo
Várias pranchetas selecionadas ao mesmo tempo

Selecione a ferramenta Seleção para arrastar um letreiro ao redor das pranchetas que deseja selecionar.

Ao selecionar várias pranchetas, verifique se você selecionou as pranchetas completamente. Se uma prancheta for selecionada parcialmente, os objetos contidos nela serão selecionados e não a prancheta em si.

Uma caixa delimitadora é exibida ao redor das pranchetas selecionadas. 

  • Redimensionar: arraste as alças na caixa delimitadora para redimensionar as pranchetas selecionadas.
  • Cortar, copiar e colar: Ctrl+Clique (no Mac) ou clique com o botão direito do mouse (no Windows) para abrir o menu de contexto que permite cortar, copiar e colar todas as pranchetas selecionadas.
  • Zoom: entre no modo Zoom clicando no ícone Zoom na barra de ferramentas ou pressionando a tecla Z no teclado. No modo Zoom, você pode:
    • Ampliar o zoom: clique em qualquer lugar na tela do Adobe XD ou clique na prancheta desejada. Ou selecione uma área para ampliar o zoom.
    • Reduzir o zoom: Option + Clique (no Mac) ou Alt + Clique (no Windows).

    Para ampliar ou reduzir o zoom rapidamente sem entrar no modo Zoom, é possível ativar o modo Zoom temporariamente:

    • Pressione Espaço + Cmd (no Mac) ou Espaço + Ctrl (no Windows) e, depois, clique ou selecione uma área na prancheta para aplicar mais zoom.
    • No Mac, pressione Space + Cmd + Opt para reduzir o zoom.

Para ampliar o zoom em objetos específicos na prancheta, selecione os objetos e depois selecione Exibir > Aplicar zoom na seleção ou ⌘ 3 no Mac. No Windows, use o atalho de teclado Ctrl + 3.

  • Excluir: pressione a tecla Delete no teclado ou use Ctrl + Clique (no Mac) ou clique com o botão direito do mouse (no Windows) para abrir o menu que permite excluir todas as pranchetas selecionadas. Como alternativa, selecione uma ou mais pranchetas no painel Camadas, clique com o botão direito do mouse e escolha Excluir.

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