Se você tiver alguma dúvida ou sugestão para compartilhar, venha participar da comunidade do Adobe XD. Adoraríamos ver suas criações e ouvir o que você tem a dizer.
Última atualização em
21/02/2023
- 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 criar grupos de rolagem para rolar elementos independentemente do restante da prancheta.
Os grupos de rolagem no Adobe XD permitem definir áreas em uma prancheta que rolam independentemente do resto da prancheta para criar efeitos de rolagem horizontal ou vertical. Os grupos de rolagem são úteis na criação de elementos da interface do usuário, como carrossel de imagens, controles deslizantes de produtos ou mapas interativos.
Continue lendo para saber como usar grupos de rolagem horizontal, vertical e uma combinação de grupos de rolagem horizontais e verticais no XD.
Antes de continuar
Confirme se você está familiarizado com os modos de Design, Protótipo e Compartilhamento no XD.
Limitação
Os grupos de rolagem não funcionam em especificações de design. Como alternativa, adicione grupos de rolagem a uma prancheta separada e publique-os como parte das especificações de design.
Criar um efeito de rolagem horizontal
Quer criar um protótipo de carrossel usando rolagem horizontal? Assista a esta animação e siga estas etapas para saber como criar um efeito de rolagem horizontal.
- No modo de Design, selecione os objetos que você deseja transformar em um grupo de rolagem.
- Clique no ícone
no Inspetor de propriedades. A janela ajusta automaticamente suas dimensões para fornecer uma experiência de visualização instantânea. Você também pode usar ⇧⌘H no macOS e Shift + Ctrl +H no Windows para criar um efeito de rolagem horizontal.
- Para exibir todo o efeito de rolagem horizontal, selecione .
Criar um efeito de rolagem vertical
Quer criar um protótipo de carrossel usando rolagem vertical? Assista a esta animação e siga estas etapas para saber como criar um efeito de rolagem vertical.
- No modo de Design, selecione os objetos que você deseja transformar em um grupo de rolagem.
- Selecione o ícone
no Inspetor de propriedades para rolar para cima e para baixo. A janela ajusta automaticamente suas dimensões para fornecer uma experiência de visualização instantânea. Você também pode usar ⇧⌘V no macOS e Shift + Ctrl +V no Windows para criar um efeito de rolagem vertical.
- Para visualizar todo o efeito de rolagem vertical, selecione .
Criar efeito de rolagem horizontal e vertical
Combinar efeitos de rolagem vertical e horizontal pode auxiliar na criação de objetos que permitem rolar em todas as direções, como mapas interativos. Assista a esta animação e siga estas etapas.
- No modo de Design, selecione os objetos que você deseja transformar em um grupo de rolagem.
- Selecione o ícone
no Inspetor de propriedades. A janela ajusta automaticamente suas dimensões para fornecer uma experiência de visualização instantânea. Você também pode usar ⇧⌘D no macOS e Shift + Ctrl +D no Windows para criar uma combinação de efeitos de rolagem horizontal e vertical.
- Para exibir todo o efeito de rolagem horizontal e vertical, selecione .
Saiba mais
Para saber mais sobre grupos de rolagem vertical e horizontal no XD, assista a este vídeo.
Duração: 6 minutos
Dicas e truques
Agora que você sabe como criar efeitos de rolagem horizontal e vertical no XD, conheça algumas dicas e truques:
- Ao visualizar seu protótipo no Windows e na Web, use o trackpad, o botão de rolagem do mouse e as ações de clicar e arrastar para verificar os efeitos de rolagem horizontal e vertical.
- Na visualização do macOS, use o trackpad, o botão de rolagem do mouse e as ações de clicar e arrastar para verificar os efeitos de rolagem horizontal e vertical.
- Combine grupos de rolagem com estados do componente e tipos de ação como Sobrepor, Animação automática e Rolar para.
- Use preenchimento para adicionar controles melhores de deslocamento aos seus grupos de rolagem.
- Use grupos de rolagem aninhados ao criar vários níveis de rolagem em seus designs.
O que vem por aí?
Agora você já sabe como criar efeitos de rolagem horizontal e vertical. Continue em frente e aprenda a criar protótipos interativos e compartilhá-los com designers ou colaboradores para feedback.
Tem alguma dúvida ou sugestão?
