Guia do Usuário Cancelar

Revisar protótipos

  1. Guia do usuário do Adobe XD
  2. Introdução
    1. Novidades no Adobe XD
    2. Perguntas frequentes
    3. Criar designs e protótipos e compartilhar com o Adobe XD
    4. Requisitos de sistema
      1. Requisitos de hardware e software
      2. Adobe XD, Big Sur e Apple Silicon | macOS 11
    5. Noções básicas sobre a área de trabalho
    6. Alterar o idioma do aplicativo no Adobe XD
    7. Acessar kits de design de interface
    8. Acessibilidade no Adobe XD
    9. Atalhos de teclado
    10. Dicas e truques
    11. Opções de assinatura do Adobe XD
    12. Alterações no plano inicial do XD
  3. Design
    1. Pranchetas, guias e camadas
      1. Introdução às pranchetas
      2. Usar guias e grades
      3. Criar pranchetas com rolagem
      4. Trabalhar com camadas
      5. Criar grupos de rolagem
    2. Formas, objetos e caminho
      1. Selecionar, redimensionar e girar objetos
      2. Mover, alinhar, distribuir e organizar objetos
      3. Agrupar, bloquear, duplicar, copiar e virar objetos
      4. Definir traçado, preenchimento e sombra projetada para objetos
      5. Criar elementos de repetição
      6. Criar designs de perspectiva com transformações em 3D
      7. Editar objetos usando operações boolianas
    3. Texto e fontes
      1. Trabalhar com ferramentas de desenho e texto
      2. Fontes no Adobe XD
    4. Componentes e estados
      1. Trabalhar com componentes
      2. Trabalhar com componentes aninhados
      3. Adicionar vários estados aos componentes
    5. Mascaramento e efeitos
      1. Criar uma máscara com formas
      2. Trabalhar com efeitos de desfoque
      3. Criar e modificar degradês
      4. Aplicar efeitos de mesclagem
    6. Layout
      1. Redimensionamento responsivo e restrições
      2. Definir preenchimento fixo para componentes e grupos
      3. Criar designs dinâmicos com pilhas
    7. Vídeos e animações Lottie
      1. Trabalhar com vídeos
      2. Criar protótipos usando vídeos
      3. Trabalhar com animações Lottie
  4. Protótipo
    1. Criar protótipos interativos
    2. Animar protótipos
    3. Propriedades de objeto compatíveis com a Animação automática
    4. Criar protótipos com teclados e controles
    5. Criar protótipos usando reprodução e comandos de voz
    6. Criar transições temporizadas
    7. Adicionar sobreposições
    8. Criar protótipos de voz
    9. Criar links de âncora
    10. Criar hiperlinks
    11. Visualizar designs e protótipos
  5. Compartilhar, exportar e analisar
    1. Compartilhar pranchetas selecionadas
    2. Compartilhar designs e protótipos
    3. Definir permissões de acesso para links
    4. Trabalhar com protótipos
    5. Revisar protótipos
    6. Trabalhar com especificações de design
    7. Compartilhar especificações de design
    8. Inspecionar especificações de design
    9. Navegar em especificações de design
    10. Revisar e comentar especificações de design
    11. Exportar ativos de design
    12. Exportar e baixar ativos de especificações de design
    13. Compartilhamento em grupo para corporações
  6. Sistemas de design
    1. Sistemas de design com as Bibliotecas da Creative Cloud
    2. Trabalhar com ativos de documento no Adobe XD
    3. Trabalhar com as Bibliotecas da Creative Cloud no Adobe XD
    4. Migrar de ativos vinculados para as Bibliotecas da Creative Cloud
    5. Trabalhar com tokens de design 
    6. Usar ativos das Bibliotecas da Creative Cloud
  7. Documentos na nuvem
    1. Documentos na nuvem no Adobe XD
    2. Colaborar e coeditar designs
    3. Coeditar documentos compartilhados com você
  8. Integrações e plug-ins
    1. Trabalhar com ativos externos
    2. Trabalhar com ativos de design do Photoshop
    3. Copiar e colar ativos do Photoshop
    4. Importar ou abrir designs do Photoshop
    5. Trabalhar com ativos do Illustrator no Adobe XD
    6. Abrir ou importar designs do Illustrator
    7. Copiar vetores do Illustrator para o XD
    8. Plug-ins para o Adobe XD
    9. Criar e gerenciar plug-ins
    10. Integração do JIRA com o XD
    11. Plug-in do Slack para XD
    12. Plug-in do Zoom para XD
    13. Publicar o design do XD no Behance
  9. XD para iOS e Android
    1. Visualizar em dispositivos móveis
    2. Perguntas frequentes sobre o Adobe XD para dispositivos móveis
  10. Solução de problemas
    1. Problemas conhecidos e corrigidos
      1. Problemas conhecidos
      2. Problemas corrigidos
    2. Instalação e atualizações
      1. O XD aparece como não compatível no Windows
      2. Código de erro 191
      3. Código de erro 183
      4. Problemas ao instalar plug-ins XD
      5.  Solicitação para instalar e reinstalar o XD no Windows 10
      6. Problemas com a migração de preferências
    3. Inicialização e falha
      1.  O XD trava ao ser iniciado no Windows 10
      2.  O XD fecha ao fazer logoff da Creative Cloud
      3. Problema com o status da assinatura no Windows
      4. Aviso de aplicativo bloqueado ao iniciar o XD no Windows
      5. Geração de dump de falha no Windows
      6. Coleta e compartilhamento de registros de falhas
    4. Documentos na nuvem e bibliotecas da Creative Cloud
      1. Problemas com os documentos na nuvem do XD
      2. Problemas com componentes vinculados
      3. Problemas com bibliotecas e links
    5. Prototipagem, publicação e revisão
      1. Não é possível gravar interações de protótipo no macOS Catalina
      2. Problemas com fluxos de trabalho de publicação
      3. Links publicados não são exibidos nos navegadores
      4. Protótipos não são renderizados corretamente nos navegadores
      5. Painel de comentários aparecendo repentinamente em links compartilhados
      6. Não é possível publicar bibliotecas
    6. Importação, exportação e trabalho em outros aplicativos
      1. Exportação e importação no XD
      2. Arquivos do Photoshop no XD
      3. Arquivos do Illustrator no XD
      4. Exportar do XD para o After Effects
      5. Arquivos do Sketch no XD
      6. Aplicativos de terceiros não visíveis na exportação

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.

Fluxo de trabalho designer-revisor
Fluxo de trabalho designer-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.

Inserir uma senha para exibir um protótipo protegido por senha
Inserir uma senha para exibir um protótipo protegido por senha

 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. 

  1. Para fazer logon com uma Adobe ID, clique em Fazer logon e forneça suas credenciais da Adobe.

    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.

  2. 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.
    Arraste o pino para uma área específica da tela e digite um comentário
    Arraste o pino para uma área específica da tela e digite um comentário

  3. 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.

    Comentário não resolvido
    Comentário não resolvido

    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.

Exibir comentários em várias pranchetas
Exibir comentários em várias pranchetas

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 HojeOntemÚ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.

Filtrar comentários
Filtrar 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.
Mover pinos
Mover pinos

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.
Resolver, excluir ou responder a comentários
Resolver, excluir ou responder a comentários

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.

Seção Compartilhado com você
Seção Compartilhado com você

Fluxo de trabalho do designer

  1. 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.

  2. 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.

    Exibição do designer
    Exibição do designer

  3. Pressione o botão Voltar no navegador para navegar pela exibição online do protótipo.

Fluxo de trabalho do revisor

  1. 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.

  2. 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.

  3. 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

Logotipo da Adobe

Fazer logon em sua conta