- Guia do usuário do Adobe XD
- Introdução
- Novidades no Adobe XD
- Perguntas frequentes
- Criar designs e protótipos e compartilhar com o Adobe XD
- Gerenciamento de cores
- Requisitos de sistema
- Noções básicas sobre a área de trabalho
- Alterar o idioma do aplicativo no Adobe XD
- Acessar kits de design de interface
- Acessibilidade no Adobe XD
- Atalhos de teclado
- Dicas e truques
- Design
- Pranchetas, guias e camadas
- Formas, objetos e caminho
- Selecionar, redimensionar e girar objetos
- Mover, alinhar, distribuir e organizar objetos
- Agrupar, bloquear, duplicar, copiar e virar objetos
- Definir traçado, preenchimento e sombra projetada para objetos
- Criar elementos de repetição
- Criar designs de perspectiva com transformações em 3D
- Editar objetos usando operações boolianas
- Texto e fontes
- Componentes e estados
- Mascaramento e efeitos
- Layout
- Vídeos e animações Lottie
- Protótipo
- Criar protótipos interativos
- Animar protótipos
- Propriedades de objeto compatíveis com a Animação automática
- Criar protótipos com teclados e controles
- Criar protótipos usando reprodução e comandos de voz
- Criar transições temporizadas
- Adicionar sobreposições
- Criar protótipos de voz
- Criar links de âncora
- Criar hiperlinks
- Visualizar designs e protótipos
- Compartilhar, exportar e analisar
- Compartilhar pranchetas selecionadas
- Compartilhar designs e protótipos
- Definir permissões de acesso para links
- Trabalhar com protótipos
- Revisar protótipos
- Trabalhar com especificações de design
- Compartilhar especificações de design
- Inspecionar especificações de design
- Navegar em especificações de design
- Revisar e comentar especificações de design
- Exportar ativos de design
- Exportar e baixar ativos de especificações de design
- Compartilhamento em grupo para corporações
- Fazer backup ou transferir ativos do XD
- Sistemas de design
- Sistemas de design com as Bibliotecas da Creative Cloud
- Trabalhar com ativos de documento no Adobe XD
- Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
- Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
- Trabalhar com tokens de design
- Usar ativos das Bibliotecas da Creative Cloud
- Documentos na nuvem
- Integrações e plug-ins
- Trabalhar com ativos externos
- Trabalhar com ativos de design do Photoshop
- Copiar e colar ativos do Photoshop
- Importar ou abrir designs do Photoshop
- Trabalhar com ativos do Illustrator no Adobe XD
- Abrir ou importar designs do Illustrator
- Copiar vetores do Illustrator para o XD
- Plug-ins para o Adobe XD
- Criar e gerenciar plug-ins
- Integração do JIRA com o XD
- Plug-in do Slack para XD
- Plug-in do Zoom para XD
- Publicar o design do XD no Behance
- XD para iOS e Android
- Solução de problemas
- Problemas conhecidos e corrigidos
- Instalação e atualizações
- Inicialização e falha
- Documentos na nuvem e bibliotecas da Creative Cloud
- Prototipagem, publicação e revisão
- Não é possível gravar interações de protótipo no macOS Catalina
- Problemas com fluxos de trabalho de publicação
- Links publicados não são exibidos nos navegadores
- Protótipos não são renderizados corretamente nos navegadores
- Painel de comentários aparecendo repentinamente em links compartilhados
- Não é possível publicar bibliotecas
- Importação, exportação e trabalho em outros aplicativos
Saiba como exibir, criar, agrupar, bloquear, ocultar e mover camadas no Adobe XD.
As camadas no Adobe XD são uma adaptação das camadas no Adobe Illustrator e no Adobe Photoshop que você conhece e utiliza, mas reformuladas para designers de experiência do usuário. Apenas as camadas associadas à prancheta em que você está trabalhando são realçadas, para que seu painel permaneça organizado. Você pode exibir todas as pranchetas em seu documento e ajustar o zoom imediatamente em uma prancheta específica no painel Camadas. O duplo clique em um ícone de prancheta exibe contextualmente apenas as camadas dessa prancheta. Reordene, renomeie, mostre/oculte e bloqueie/desbloqueie camadas com rapidez e facilidade.
Acesse as camadas usando o atalho Cmd + Y (macOS) ou Ctrl + Y (Windows) ou clique no ícone na barra de ferramentas.
Para expandir ou recolher todos os nós no painel Camadas de uma vez, use Cmd + clique (macOS) ou Ctrl + clique (Windows) e economize tempo e esforço
.
Pesquisar camadas
Você pode pesquisar no painel Camadas por nomes de camadas ou filtrar camadas por texto, formas e categorias de imagem. A experiência de pesquisa é otimizada para mostrar apenas as camadas e as pranchetas relevantes que contêm a palavra-chave, sem exibir a estrutura de camadas (por exemplo, grupos expandidos) ao usar a Animação automática. As palavras-chave de pesquisas recentes são salvas temporariamente na lista suspensa de filtros para facilitar o acesso, como no painel Ativos.
Por padrão, cada objeto do projeto está localizado em sua própria camada. Por exemplo, quando você desenha um retângulo, é criada uma nova camada para esse retângulo. Quando você desenha outro retângulo, é criada uma camada distinta com o nome padrão “Retângulo 2”.
Quando você agrupa objetos na prancheta, as camadas correspondentes aos objetos agrupados também são agrupadas no painel Camadas. Ao combinar objetos usando operações booleanas, as camadas de objetos são substituídas por uma única camada, com o nome da operação booleana.
Você pode gerenciar camadas, por exemplo, agrupar, renomear, duplicar ou exportar camadas usando o painel Camadas:
- Para agrupar camadas, selecione várias camadas, clique com o botão direito do mouse e escolha Agrupar no menu de contexto.
- Para expandir ou recolher todos os nós no painel Camadas de uma vez, use Cmd + clique (macOS) ou Ctrl + clique (Windows) e economize tempo e esforço.
- Para renomear uma camada facilmente, pressione Cmd+Opt+R (macOS) ou Ctrl+Alt+R (Windows) e digite um novo nome. Para editar a próxima camada ou o nome da prancheta, pressione Tab enquanto o nome da camada atual ainda está no modo de edição.
- Para duplicar uma camada, clique com o botão direito do mouse na camada e selecione Duplicar.
- Para ocultar uma camada, passe o mouse sobre a camada e clique em . Para mostrar a camada, clique em . Camadas ocultas não são visíveis na prancheta.
- Para bloquear uma camada, passe o mouse sobre a camada e clique em . Para desbloquear a camada, clique em . As camadas bloqueadas são excluídas de todas as operações de edição que você executa na prancheta.
- Para exportar camadas, selecione as camadas, clique com o botão direito do mouse e selecione Exportar. Escolha as opções de exportação na caixa de diálogo exibida.
- Para criar um componente usando uma camada ou um grupo de camadas, clique com o botão direito do mouse na camada e selecione Criar componente. Para obter mais informações, consulte Trabalhar com componentes.
- Para excluir uma camada, clique com o botão direito do mouse na camada e selecione Excluir.
É possível gerenciar pranchetas facilmente usando o painel Camadas. Por exemplo, se você estiver trabalhando com camadas, pressione Esc e o painel Camadas alternará para a exibição de pranchetas. Você também pode clicar com o botão direito do mouse nos nomes das pranchetas no painel Camadas para copiar, colar, duplicar, renomear, excluir ou exportar pranchetas.
Objetos que não estão em nenhuma prancheta e são colocados na área de trabalho são agrupados na “Área de trabalho” no painel Camadas.