- 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
Quer elevar o nível dos seus designs do Photoshop? Saiba como importar pranchetas e ativos do Photoshop para o XD para criar protótipos de alta fidelidade.
O Adobe XD permite conectar seus designs e pranchetas do Photoshop para transformá-los em aplicativos ou protótipos interativos. Com a integração complementar entre o XD e o Photoshop, você pode aproveitar ao máximo o potencial dos arquivos .psd e realizar ações simples como copiar e colar sem esforço.
Lembre-se:
Embora o Photoshop e o XD tenham um conjunto complementar de recursos, ainda existem alguns deles que não possuem um mapeamento um para um. Antes de prosseguir, vamos analisar os recursos que não possuem mapeamento direto no Photoshop e no XD.
|
|
Para proporcionar uma experiência perfeita ao trabalhar com o XD e o Photoshop, estamos aprimorando os fluxos de trabalho de interoperabilidade. Enquanto isso, se você quiser fazer alguma sugestão ou comentário, compartilhe-os no UserVoice.
Acessar os designs do Photoshop no XD
Conheça algumas formas de importar seus designs do Photoshop para o XD quando eles estiverem prontos.
|
|
|
|
|
|
Com o XD 57 e versões posteriores, quando você copia um ativo que tem um perfil de cores sRGB do Photoshop em um documento XD com um perfil de cores sRGB, você obtém cores consistentes. Se o documento XD tiver um perfil de cores Não gerenciado, você receberá uma mensagem solicitando que altere o perfil de cores para sRGB.
Criar protótipo de pranchetas importadas
Depois que os designs do Photoshop são importados para o XD, vamos ver como você pode usá-los para criar um protótipo.
|
Ao trabalhar com o Photoshop, você pode criar pranchetas do XD abrindo as pranchetas do Photoshop diretamente no XD. As pranchetas no Photoshop são facilmente importadas para o formato de prancheta do XD. Você também alterna entre os dois aplicativos para ajustar elementos visuais em trânsito. Quer aprimorar seus designs do XD? Eleve o nível dos seus designs usando recursos exclusivos no XD, como Repetição de grades, Estados, Animação automática, Protótipos por voz e muitos outros. |
---|
Compartilhar e colaborar com o XD
O protótipo está pronto para ser compartilhado?
|
Uma das principais vantagens de usar o Adobe XD para projetar e criar protótipos interativos é a capacidade de compartilhar seus designs e protótipos e receber feedback das partes interessadas. Seus designs compartilhados são otimizados sem perda de fidelidade, o feedback das partes interessadas está disponível em tempo real e os desenvolvedores podem baixar os ativos compartilhados e as especificações de design para codificação. |
---|
Use o Modo de compartilhamento no XD para compartilhar com facilidade seus designs e protótipos interativos com as partes interessadas e colaborar e coeditar com outros designers. As versões do seu documento são salvas automaticamente em intervalos regulares, o que permite restaurar as alterações de uma versão anterior.
Com o XD 57 e versões posteriores, você consegue apresentar as cores de maneira consistente para as partes interessadas. Para isso, mude o perfil de cores do documento para sRGB. Se você tentar compartilhar pranchetas selecionadas de um documento com um perfil de cores não gerenciado, receberá uma mensagem informando que pode haver uma discrepância de cores para as partes interessadas. Para obter mais informações, consulte Gerenciamento de cores.
Quer saber se a resolução de seus protótipos é afetada depois de compartilhá-los usando o XD? A resposta é Não.
Perguntas frequentes
Como posso converter meus ativos do Photoshop em componentes e usá-los consistentemente em projetos mantendo as convenções de nomes?
É possível usar seus ativos do Photoshop para criar componentes reutilizáveis que ajudam a criar e manter elementos repetidos em diferentes contextos e layouts. Você pode criar um componente mestre para definir um elemento reutilizável, como um botão, e alterar as propriedades dele para personalizar as instâncias desse elemento. As alterações feitas em uma instância individual são específicas desse elemento, mas as alterações feitas no componente mestre são propagadas para todas as instâncias.
Como faço para criar uma amostra de cores usando um arquivo de imagem?
Não é possível criar ou importar amostras de cores do Photoshop para o XD. Como solução alternativa, você pode arrastar essas cores do painel Amostras no Photoshop para o painel Bibliotecas, abrir as Bibliotecas da CC no XD, usá-las em um objeto e adicionar a cor ao painel Ativos.
O que vem por aí?
Apresentamos o essencial sobre o trabalho com ativos de design do Photoshop. Dê um passo à frente e aprenda a criar protótipos interativos e compartilhá-los com designers ou partes interessadas para feedback.
Tem alguma dúvida ou sugestão?
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.