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.
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.
Conheça algumas formas de importar seus designs do Photoshop para o XD quando eles estiverem prontos.
|
|
|
|
|
|
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. |
---|
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.
Quer saber se a resolução de seus protótipos é afetada depois de compartilhá-los usando o XD? A resposta é Não.
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.
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.
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.
Fazer logon em sua conta