Para fazer logon com uma Adobe ID, clique em Fazer logon e forneça suas credenciais da Adobe.
- 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
Revisão de protótipos compartilhados por designers.
O fluxo de trabalho de revisão
O Adobe XD facilita a colaboração entre designers e revisores com os protótipos compartilhados.
Depois que um designer conclui o processo de design, ele pode criar um link público ou privado para o protótipo e enviá-lo ao revisor. O revisor faz seus comentários no protótipo.
O designer pode ver os comentários, fazer alterações e, se necessário, enviar o link do protótipo para o revisor fazer uma segunda análise.
Para saber mais sobre o fluxo de trabalho, consulte O fluxo de trabalho do revisor.
O fluxo de trabalho do revisor
Você pode fazer comentários em designs e protótipos sem fazer logon na primeira instância.
Se o protótipo estiver protegido por senha, insira a senha para exibir o protótipo.
Se a senha for inserida várias vezes em um curto espaço de tempo, haverá suspeita de atividade maliciosa e o reCAPTCHA será ativado.
Depois de fazer logon, clique no ícone Exibir comentários para abrir o painel Comentários.
-
Para fazer logon como convidado, clique em Fazer logon como convidado na parte superior do painel Comentários. Quando precisar inserir um nome, digite um nome e insira o código CAPTCHA.
-
Use as seguintes ferramentas para ter a melhor experiência de exibição:
- Dicas de pontos ativos: as dicas de pontos ativos estão disponíveis para todos que exibirem um protótipo compartilhado. Essas dicas indicam os elementos interativos, nos quais os revisores devem clicar. As dicas são exibidas quando você clica em um espaço na prancheta no qual não há elementos interativos.
Observação: essas dicas não são exibidas se o designer as desabilitou ao compartilhar o protótipo. - Modo de tela cheia: exiba os protótipos em tela cheia no navegador e no modo de visualização. Clique no ícone de tela cheia no canto superior direito da tela enquanto exibe o protótipo compartilhado. O protótipo é expandido para preencher a tela inteira, permitindo que você veja os detalhes do design com clareza. Para sair do modo de tela cheia, pressione Esc.
- Dicas de pontos ativos: as dicas de pontos ativos estão disponíveis para todos que exibirem um protótipo compartilhado. Essas dicas indicam os elementos interativos, nos quais os revisores devem clicar. As dicas são exibidas quando você clica em um espaço na prancheta no qual não há elementos interativos.
-
Digite os comentários na parte superior do painel Comentários. Para adicionar uma linha ao comentário, pressione Shift + Enter.
Você também pode alternar de um comentário normal para um comentário fixo. O email de notificação de comentário fornece um link direto para a prancheta na qual o comentário foi feito, e não somente para a prancheta inicial.
O XD atribui um número a cada comentário fixo. Os comentários no painel Comentários também refletem esses números, permitindo que os designers identifiquem com facilidade o contexto do comentário.
Se você digitar um comentário no campo de edição, adicionar um pino e, depois, navegar para outra prancheta, o campo de comentário ficará vazio nas outras pranchetas. Ao retornar para a prancheta original, o comentário e o pino estarão preservados. Você também pode usar a opção Cancelar para cancelar um comentário adicionado no campo de comentários.
Para mover um pino depois de inserido, arraste-o para outro local na tela. Você só pode mover pinos que já foram colocados.
O autor pode exibir os comentários e marcá-los como resolvidos após avaliá-los. Para ver os comentários resolvidos, clique no ícone de Filtro e selecione Resolvido. Se achar que seu comentário foi marcado como resolvido por engano, clique em Mover para Não resolvidos para manter o comentário aberto.
O autor e os revisores podem responder aos comentários de outros revisores. Quando você responde ao comentário de um revisor, ele recebe uma notificação por email e no aplicativo de desktop da Creative Cloud. Quando alguém clica na notificação, ele é direcionado para a prancheta referenciada.
O autor pode excluir comentários de revisores ou respostas a comentários. O autor também pode usar @menção para exibir os usuários convidados a acessar um design por convite privado. No caso de especificações de design e protótipos públicos, somente usuários que comentarem pelo menos uma vez serão exibidos na lista de revisores. Quando você usa @menção, o revisor recebe uma notificação por email e no aplicativo de desktop da Creative Cloud. Quando alguém clica na notificação, ele é direcionado para a prancheta referenciada.
A caixa de diálogo de dicas de @menção fornece as seguintes opções:
- Link público: lista os revisores que já comentaram no protótipo ou na especificação de design ao menos uma vez.
- Link privado: lista os envolvidos no projeto convidados para acessar o link do protótipo ou da especificação de design.
Exibir todos os comentários em várias pranchetas
O recurso de exibição de todos os comentários na tela no Adobe XD facilita muito o gerenciamento de feedback dos envolvidos no projeto em protótipos e especificações de design. Agora, você pode exibir todos os comentários em uma só lista e clicar em um comentário individual para ir até a prancheta afetada e responder, resolver ou excluir o comentário.
Use o botão Todos os comentários na tela no canto inferior esquerdo do painel de comentários para listar comentários adicionados em várias pranchetas em uma só exibição. A opção está ativada por padrão em links de especificações de design ou protótipos publicados.
A. Exibir comentários B. Botão Todos os comentários na tela C. Filtrar comentários
Os comentários são exibidos para cada prancheta separadamente junto com o nome da prancheta. Todas as pranchetas onde comentários foram feitos são exibidas com a opção Todos os comentários na tela. O realce azul à esquerda indica comentários para a prancheta atual. Clique em um conjunto de comentários que não são para a prancheta atual e você será redirecionado para a prancheta para contextualizá-lo. Você então pode responder, resolver ou excluir um comentário individual para esse conjunto.
O número 3 no topo do ícone de notificação, no canto superior direito do painel de comentários, indica a quantidade de comentários não resolvidos nas pranchetas.
Agora você pode filtrar alguns dos comentários de acordo com os nomes dos revisores, data ou status dos comentários. Clique no ícone de funil no canto inferior direito do painel de comentários para filtrar os comentários.
- O filtro Revisores exibe os nomes de todos os revisores que adicionaram comentários no link de um protótipo ou especificação de design. Clique no nome de um revisor para filtrar os comentários específicos desse revisor.
- As opções de filtro por data são Hoje, Ontem, Últimos 7 dias ou Mais antigo.
- No filtro Status, você pode usar Resolvido para exibir apenas a lista de todos os comentários já resolvidos.
Um ponto azul na parte superior do ícone de funil indica que um filtro está ativo. Clique em Limpar para remover o filtro dos comentários.
A. Filtrar comentários por revisores B. Filtrar comentários por data C. Filtrar comentários por status D. Limpar filtro aplicado E. Filtro aplicado
Você pode desativar a opção Todos os comentários na tela para exibir os comentários apenas da prancheta atual. Para exibir comentários por prancheta, clique no botão ao lado de Todos os comentários na tela a qualquer momento.
Mover pinos
Você pode clicar nos números dos pinos na prancheta e arrastá-los para outra parte apropriada da tela.
- Passe o mouse sobre o pino em uma prancheta.
- Clique no pino quando uma cruz aparecer na parte superior e mova-o para o local desejado na prancheta.
Responder, resolver ou excluir comentários
Você pode abrir o link compartilhado no navegador para resolver, excluir ou responder a comentários.
- Passe o mouse sobre um comentário e clique nele para definir o contexto para uma prancheta atual. Clique em Responder para responder a um comentário. Um número no topo do link Responder indica o número de respostas recebidas para um comentário.
- Depois de corrigir o comentário, clique em Resolver para indicar que o comentário foi resolvido. Seu revisor também pode clicar em Resolver para indicar que um comentário foi corrigido. Como designer, você pode clicar em Não resolvido para reabrir um comentário.
- Clique no ícone Excluir para excluir quaisquer comentários indesejados.
A. Responder ao comentário B. Excluir comentário C. Editar comentário D. Fixar comentário E. Resolver comentário
Como faço para trabalhar com protótipos compartilhados de modo privado comigo (prévia)?
Os designers e os revisores podem acessar especificações de design e protótipos privados na seção Compartilhado com você (prévia) em Seu trabalho. A seção Compartilhado com você exibe artefatos privados e pastas compartilhadas.
Para obter mais informações sobre como usar a seção Seu trabalho como um cliente corporativo, consulte Configurações de ativos.
Designers e revisores têm experiências de usuário diferentes na seção Seu trabalho da Creative Cloud de acordo com suas funções.
Se você é um designer, veja as seguintes opções adicionais na seção Seu trabalho:
- Compartilhado com você (prévia): exibe os protótipos e as especificações de design compartilhadas com você para revisão.
- Publicado: mostra uma lista com os links de especificações de design e protótipos publicados.
Se você é revisor, pode exibir apenas as seguintes opções na seção Seu trabalho:
- Compartilhado com você (prévia): mostra uma experiência simplificada para os envolvidos no projeto que exibe as especificações de design e os protótipos compartilhados com os envolvidos no projeto para revisão. Você também pode clicar nas reticências ao lado do nome do protótipo compartilhado, remover o protótipo ou a especificação de design e deixar o ciclo de revisão.
- Arquivos: mostra uma pasta vazia, a menos que você tenha recebido arquivos para revisão do revisor ou se tiver feito upload e gerenciado seus ativos na Creative Cloud.
Esta exibição ajuda os revisores a se concentrarem na tarefa principal de revisar e comentar nos artefatos compartilhados com eles.
Esse recurso é aplicável somente para os links privados de especificações de design e protótipos compartilhados com os revisores.
Fluxo de trabalho do designer
-
Após criar um link privado, selecione o ícone Abrir no navegador na guia Convidar para fazer logon automaticamente na exibição online do ativo.
-
Clique em Seu trabalho no canto superior esquerdo da tela para exibir automaticamente a exibição Publicado em Seu Trabalho, que mostra seus protótipos e suas especificações de design.
-
Pressione o botão Voltar no navegador para navegar pela exibição online do protótipo.
Fluxo de trabalho do revisor
-
Clique no link recebido no email do fluxo de trabalho de revisão para acessar e comentar no protótipo (se você já fez logon com sua Adobe ID).
Não é necessário ter uma Adobe ID paga para acessar o protótipo, mas verifique se você fez logon na sua conta da Adobe com o mesmo email usado no fluxo de trabalho de revisão.
-
Clique em Itens compartilhados na exibição online do protótipo ou da especificação de design para direcioná-lo à seção Seu trabalho da Creative Cloud. Se sua conta da Creative Cloud está mapeada para o endereço de email ou se já tiver feito logon em sua conta da Creative Cloud, você é direcionado automaticamente para Seu trabalho.
-
A exibição do revisor em Seu trabalho exibe as opções Compartilhado com você (prévia) e Arquivos. Você também pode clicar nas reticências ao lado do nome do protótipo compartilhado, remover o protótipo ou a especificação de design e deixar o ciclo de revisão.
Saiba mais
Para saber mais sobre como revisar protótipos no XD, assista a este vídeo.
Duração: 3 minutos