Guia do Usuário Cancelar

Trabalhar com protótipos compartilhados no XD

Pesquisar

Última atualização em 20/04/2022

Guia do usuário do Adobe XD
Introdução
Design
1. Pranchetas, guias e camadas
2. Formas, objetos e caminho
3. Texto e fontes
  1. Trabalhar com ferramentas de desenho e texto
  2. Fontes no Adobe XD
4. Componentes e estados
5. Mascaramento e efeitos
6. Layout
7. Vídeos e animações Lottie
Protótipo
Compartilhar, exportar e analisar
Sistemas de design
Documentos na nuvem
Integrações e plug-ins
XD para iOS e Android
1. Visualizar em dispositivos móveis
2. Perguntas frequentes sobre o Adobe XD para dispositivos móveis
Solução de problemas
1. Problemas conhecidos e corrigidos
  1. Problemas conhecidos
  2. Problemas corrigidos
2. Instalação e atualizações
3. Inicialização e falha
4. Documentos na nuvem e bibliotecas da Creative Cloud
5. Prototipagem, publicação e revisão
6. Importação, exportação e trabalho em outros aplicativos

Saiba mais sobre como trabalhar com protótipos compartilhados no XD.

O Adobe XD facilita a colaboração entre designers e revisores com os protótipos compartilhados. Como revisor, você pode trabalhar com protótipos das seguintes maneiras:

Interagir com protótipos
Navegar nos protótipos
Adicionar comentários

Vamos primeiro nos familiarizar com as configurações e opções do link do protótipo.

Familiarizar-se com as configurações e opções

No link do protótipo, você pode verificar as configurações da sua conta, ajustar as configurações de zoom, verificar as notificações e convidar outras partes interessadas:

A. Convidar B. Configurações de zoom C. Modo de tela inteira D. Suporte e feedback E. Notificações F. Configurações de conta

Convidar: para convidar outras partes interessadas para o link do protótipo, clique Convidar. Ao convidar uma parte interessada, você pode definir o nível de acesso para Pode exibir ou Pode editar. Você deve entrar em sua conta da Adobe para ver o botão Convidar.
Configurações de zoom: para ampliar e reduzir o link do protótipo, use as configurações de zoom. Você pode selecionar um dos incrementos de zoom predefinidos: 25%, 50%, 75%, 100%, 150%, 200%, conforme necessário. Como alternativa, use o gesto de pinçagem no touchpad para ajustar o zoom ou mantenha pressionada a tecla Cmd/Ctrl e gire o botão de rolagem do mouse para rolar e ajustar o zoom em incrementos menores. O nível de zoom padrão no qual os links de protótipo são abertos permanece o mesmo de antes.
Modo de tela inteira: clique no ícone de tela inteira para exibir o protótipo no modo de tela inteira. Pressione Esc para sair do modo de tela inteira.
Suporte e feedback: a qualquer momento, se você deseja obter ajuda ou fornecer feedback, clique no ícone do ponto de interrogação.
Notificações: para exibir todas as atividades/notificações nos protótipos aplicáveis a você, clique no ícone de sino.
Configurações de conta: para ver os detalhes da sua conta de usuário, clique no ícone do perfil.

Interagir com protótipos

Os protótipos compartilhados são de natureza interativa. Você pode interagir com um protótipo usando gatilhos. Use gatilhos definidos pelo designer, como tocar, arrastar, teclado, controles e entradas de voz, que resultam em ações como transição, áudio, fala, vídeo e reprodução de Lottie. Você também pode usar os controles de navegação na parte inferior da tela.

Observações importantes

Se a tela de carregamento do link do protótipo tiver um vídeo configurado para ser reproduzido automaticamente, o vídeo ficará sempre sem som. Clique em Ativar som na mensagem que você recebe na parte inferior da tela.
[Somente Safari] Por padrão, a reprodução automática de som está desabilitada no Safari. Para habilitar a reprodução automática de som em links de protótipo do XD, consulte Ativar reprodução automática de som no Safari. Se você habilitar a reprodução automática para links de protótipo do XD, não será necessário ativar o som do vídeo no futuro.

Para saber como o vídeo funciona com outras interações, consulte Compreender as interações e o comportamento de reprodução de vídeo.

Ativar o som do vídeo — Clicar em Ativar som no banner azul na parte inferior da tela

Navegar nos protótipos

Na parte inferior do protótipo, clique nos botões de controle direito e esquerdo para percorrer as pranchetas de um protótipo. Clique em Início para voltar para a exibição da primeira prancheta.

Ao clicar em um comentário no navegador do aplicativo, a prancheta correspondente ao comentário é exibida na tela.

Para criar um ambiente mais controlado para testes de usuário em protótipos com fios, oculte os controles de paginação e navegação no seu protótipo da Web.

Para isso, selecione Compartilhamento > Configuração de exibição > Personalizado > Mostrar controle de navegação ao criar links no XD. Para obter mais informações, consulte Compartilhar protótipos.

Se os controles de navegação estiverem:

Ativados (configuração padrão): o protótipo de aplicativo Web exibirá os botões Início, Voltar e Avançar.
Desativados: os controles de navegação do protótipo de aplicativo Web e os números da prancheta não estarão visíveis. Use os pontos ativos definidos para interagir com protótipos e clique no botão Início para navegar até a tela inicial. Quando você abre um protótipo em um dispositivo móvel, a tela de boas-vindas é exibida, as divisões esquerda/direita são ocultadas e o gesto de deslizar é desativado.

A. Início B. Prancheta anterior C. Próxima prancheta

Se os fluxos contiverem vínculos, você poderá optar por mostrar os controles de navegação ao publicar seus protótipos.

Exibição em grade

A exibição em grade de protótipos e especificações de design permite aos envolvidos no projeto ou desenvolvedores acessar as pranchetas mais relevantes com mais rapidez e facilidade.

Para alternar para a exibição em grade, clique no nome do link ou no ícone de grade no canto superior esquerdo do protótipo compartilhado.

A. Ícone de grade com o nome do link B. Recolher o painel de comentários

Na exibição em grade, você pode:

Exibir a representação em miniatura de todas as telas,
Ver o número de comentários em uma determinada prancheta,
Pesquisar uma prancheta específica pelo nome e
Clicar no ícone de tela vinculada para exibir todas as telas vinculadas a uma determinada prancheta.

A. Número de comentários em uma prancheta B. Clique no ícone de telas vinculadas para ver as telas vinculadas C. Telas vinculadas à prancheta First Cards

Adicionar comentários

É possível revisar os protótipos e compartilhar feedback com os designers ao adicionar comentários nos protótipos compartilhados. O link de protótipo está sempre atualizado com os comentários mais recentes.

Pré-requisitos

Você pode fazer comentários em designs e protótipos públicos sem fazer logon na primeira instância.

Você pode fazer logon usando sua Adobe ID ou optar por fazer comentários como convidado. Para fazer logon como convidado, clique em Fazer logon como convidado na parte superior do painel. Quando solicitado a inserir um nome, digite um nome e insira o código CAPTCHA.

Você pode digitar seus comentários na seção Fazer um comentário. Use as teclas Enter ou Shift + Enter para criar uma nova linha na caixa de comentários, e as teclas Ctrl/Cmd + Enter para Enviar o comentário adicionado.
Depois que os comentários forem adicionados, selecione a opção ao lado da sequência de comentários para Resolver, Editar e Excluir seus comentários. No entanto, não é possível editar ou excluir comentários adicionados por outros usuários.
Use o botão Todos os comentários na tela no canto inferior esquerdo do painel de comentários para exibir todos os comentários adicionados a 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.
Clique em para ocultar anotações ou marcadores e use o ícone para filtrar comentários com base no nome do revisor, no horário ou no status dos comentários.
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 em questão para contextualizá-lo.
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.

A. Opção Convidar B. Configurações de zoom C. Modo de tela inteira D. Suporte e feedback E. Notificações F. Perfil de usuário G. Opções do menu para comentários H. Filtrar comentários I. Ocultar anotações J. Botão Todos os comentários na tela

A. Filtrar comentários por revisores B. Filtrar comentários por data C. Filtrar comentários por status D. Limpar filtro adicionado E. Exibir filtro adicionado

Você também pode reproduzir animações ou gravações que fazem parte de qualquer protótipo compartilhado e adicionar seus comentários conforme o reproduz.
Use @menção enquanto adiciona comentários para exibir a lista de outros revisores em um protótipo. Se você usar essa opção, o outro revisor receberá 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.

Quando uma prancheta é excluída no XD, os comentários online na prancheta deixam de estar disponíveis.

Para obter mais informações, consulte Revisar protótipos.

Siga estas etapas para usar um navegador para dispositivos móveis no modo retrato para adicionar comentários a protótipos compartilhados em um dispositivo Android ou iOS:

Abra um protótipo compartilhado no navegador para dispositivos móveis e use o gesto de pinça para abrir o modo de navegação.

Um ícone de comentário aparece com o número de comentários no protótipo. Este ícone de comentário aparece apenas quando o proprietário ativa a opção de comentários no protótipo.
Para exibir o painel de comentários, toque no ícone de comentário. Neste painel, você pode adicionar, excluir, editar ou fixar comentários.
Toque no ícone de alfinete e, em seguida, em qualquer lugar da tela para colocar o marcador de fixação. Para confirmar o comentário e a fixação, insira o comentário e toque no ícone de avião de papel.