Guia do Usuário Cancelar

Criar protótipos usando reprodução e comandos de voz

  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

Saiba como criar designs e protótipos usando comandos de voz, reprodução de fala e reprodução de áudio.

Use comandos de voz para acionar uma interação entre pranchetas ou estados de componentes ou para reproduzir fala, áudio vídeo ou Lottie.

Defina Voz como o gatilho e insira o comando de voz. Como tipo de ação, escolha Transição, Animação automática, Sobreposição, Rolar para, Prancheta anterior, Reprodução de áudioReprodução de fala, Reprodução de vídeo ou Reprodução do Lottie. Por exemplo, se estiver integrando uma pesquisa por voz em um aplicativo para dispositivo móvel, use Voz e Reprodução de fala para fazer a transição automaticamente entre as pranchetas.

Adicionar um comando de voz a um protótipo

  1. Alterne para o modo de Protótipo.

  2. Para definir uma interação, clique no conector azul no objeto, estado de componente ou prancheta de origem. Defina as seguintes opções no Inspetor de propriedades:

    • Acionador: defina como Voz.
    • Comando: digite o comando de voz como texto.
    • Ação: defina como Transição.
    • Destino: defina a prancheta ou estado de componente de destino.
    • Animação: defina as animações de acordo com as opções disponíveis.
    • Atenuação: defina a atenuação de acordo com as opções disponíveis.
    • Duração: defina a duração em segundos.
    Definir acionadores por voz
    Definir acionadores por voz para pranchetas

    A. Definir Acionador como Voz B. Inserir comando de voz como texto 

    Definir acionadores por voz para estados de componente
    Definir acionadores por voz para estados de componente

    A. Definir Acionador como Voz B. Inserir comando de voz como texto C. Definir Destino como um estado de componente 

  3. Para definir mais de uma interação para um objeto, estado de componente ou prancheta:

    1. Selecione-a e clique em + . Como alternativa, clique em + no Inspetor de propriedades.
    2. Defina as propriedades no Inspetor de propriedades.

     Você pode aplicar os acionadores Tocar, Arrastar, Focalizar e Tempo uma vez e VozTeclas e Controle várias vezes. 

    2
    Use vários acionadores para definir mais interações

  4. Para ver as alterações que você atualizou, selecione o botão Visualizar no desktop.

  5. Para visualizar a transição para a próxima prancheta ou estado de componente, segure a barra de espaço e repita o comando de voz. 

Adicionar reprodução a um protótipo

Adicionar uma reprodução de áudio

Use a ação Reprodução de áudio para adicionar efeitos sonoros aos seus protótipos. Por exemplo, uma confirmação de áudio após a entrega bem-sucedida de um email. Você pode importar um áudio como MP3 ou arquivo WAV.

Para adicionar reprodução de áudio em um objeto ou prancheta, execute as seguintes etapas:

  1. No modo de Protótipo, selecione o objeto ou a prancheta.

  2. No Inspetor de propriedades, defina as seguintes opções:

    • Clique em + para adicionar a interação. 
    • Acionador: defina como Tocar.
    • Ação: defina como Reprodução de áudio e, em seguida, procure e adicione o arquivo de áudio. 

     A reprodução automática de áudio funciona no Safari apenas se você habilitou a reprodução automática nas configurações do Safari. Para habilitar a reprodução automática para links de protótipo XD, consulte Ativar reprodução automática de som no Safari.

Adicionar várias ações usando um único acionador

Você pode adicionar uma ação não transitória, como uma Reprodução de áudio, com uma ação transitória primária, como Transição ou Animação automática no mesmo acionador. Por exemplo, um som de clique do mouse ao passar de uma prancheta para outra.

Para adicionar várias ações ao protótipo, execute as seguintes etapas:

  1. No modo de Protótipo, selecione o objeto ou a prancheta na qual deseja adicionar várias ações. 

  2. No Inspetor de propriedades, defina as seguintes opções:

    • Clique em + para adicionar a interação. 
    • Acionador: defina como Tocar.
    • Defina o primeiro botão Ação + (ação transitória) como Transição, Animação automática, Sobreposição, Rolar para ou Prancheta anterior
    • Defina o segundo botão Ação + (ação não transitória) como Reprodução de áudio ou Reprodução de fala
    multiple-actions
    Definir várias ações como um objeto ou uma prancheta

     O segundo botão Ação + no Inspetor de propriedades é habilitado somente quando você define Tocar como o acionador. Além disso, se você definir uma ação não transitória, como Reprodução de áudio ou Reprodução de fala como a primeira ação, o segundo botão Ação + não será habilitado.

Adicionar uma reprodução de fala

Para adicionar reprodução de fala em um objeto ou uma prancheta, execute as seguintes etapas:

  1. Arraste o fio da prancheta de origem para a prancheta de destino.

  2. Para adicionar uma reprodução de fala, no Inspetor de propriedades, defina as seguintes opções:

    • Acionador: defina como Tempo.
    • Atraso: defina o atraso (em segundos) para definir quando a reprodução de fala deve ser iniciada. 
    • Ação: defina como Reprodução de fala.
    • Voz: selecione uma voz para a reprodução de fala.
    • Fala: digite o texto que deseja reproduzir.
    Usar reprodução de fala
    Usar reprodução de fala

    A. Definir Acionador como Tempo B. Definir o atraso em segundos C. Definir Ação como Reprodução de fala D. Definir voz  E. Digite o texto que deseja reproduzir. 

  3. Para visualizar as alterações, clique no botão Visualizar no desktop .

  4. Para exibir a transição de reprodução de fala para a próxima prancheta, segure a barra de espaço e repita o comando de voz. 

    Visualizar reprodução de fala
    Visualizar reprodução de fala

Adicionar uma narração a um protótipo

  1. No modo de Protótipo, selecione a Tela inicial na qual o início do fluxo é definido e clique no botão Visualizar no desktop.

  2. Selecione a seta suspensa ao lado do botão Gravar e selecione a opção Ativar microfone (macOS). Se estiver usando Windows, ative o microfone por meio de um controle n nível do SO em Gamecenter. Ao gravar, preste atenção no ícone vermelho que pisca na interface.

  3. Salve a gravação como MP4 e compartilhe com os envolvidos no projeto ou publique-a nas redes sociais. 

     Isso não captura diretamente a saída de áudio do XD, como a reprodução de fala. O microfone ouvirá ou gravará a saída dependendo da configuração do usuário (o microfone do sistema captará os alto-falantes do sistema tocando a reprodução de fala).

Compartilhar e revisar protótipos ou especificações de design na Web

  1. No aplicativo de desktop, clique no ícone Compartilhar na parte superior direita e selecione Revisão de design (para protótipos) ou Desenvolvimento(para especificações de design).

  2. Quando visualizar um protótipo em um:

    • Desktop ou notebook: segure a barra de espaço.
    • Aplicativo Adobe XD para dispositivos móveis (iOS/Android): use um gesto de pressionar em qualquer lugar da tela. Coloque o dedo na tela (sem movê-lo) e use o comando de voz antes de levantar o dedo.
    • Navegador móvel em smartphones: segure o ícone de microfone localizado no canto inferior direito da tela.
  3. Ao visualizar especificações de design, os desenvolvedores podem ler ou exibir os comandos de voz e a reprodução de fala como texto. 

     Especificações de design não são compatíveis com interações de voz.

Ativar reprodução automática de som no Safari

Por padrão, a reprodução automática de som está desabilitada no Safari. Para ativar a reprodução automática de som em links de protótipo do XD, siga as etapas abaixo:

  1. Abra um link de protótipo do XD no Safari.
  2. Na barra de menu do macOS, navegue até Safari > Preferências.
  3. Na guia Websites, selecione Reprodução automática no painel esquerdo.
  4. Na janela Permitir que os sites abaixo reproduzam mídia automaticamente, selecione Permitir reprodução automática ao lado de xd.adobe.com

Esta configuração garante que o som nos links de protótipo do XD funcione automaticamente no futuro.

Ativar reprodução automática de mídia no Safari
Ativar reprodução automática de mídia no Safari

Ativar som no Chrome

Ao executar um protótipo no Chrome, se você receber um erro informando que houve um problema com a ação de reprodução, habilite o som nas configurações do Chrome.

Siga as etapas abaixo para habilitar o som nos links de protótipo do XD nas configurações do Chrome:

  1. Na barra de endereço do Chrome, digite chrome://settings/content/sound. Pressione Enter.
  2. Na seção Comportamentos personalizados, clique em Adicionar ao lado de Sem autorização para reproduzir som e adicione https://xd.adobe.com.

Esta configuração garante que o áudio seja reproduzido em links de protótipo do XD no futuro.

Ativar som para links de protótipo do XD nas configurações do Chrome
Ativar som para links de protótipo do XD nas configurações do Chrome

Solução de problemas de interações de voz usando notificações

Agora, você pode solucionar problemas de interações com comandos de voz durante as visualizações de protótipo no desktop ou na Web. Os envolvidos no projeto, que revisam as especificações de design, também podem usar este recurso para compreender melhor como interagir com os protótipos no Adobe XD.

Antes de interagir com seu protótipo na visualização, verifique se a opção de menu Mostrar notificações está marcada. Por padrão, essa opção já está marcada quando você inicia o Adobe XD.

Mostrar notificações
Mostrar notificações no protótipo de voz

Cada comando falado ao XD é comparado a todos os acionadores de voz presentes na prancheta ou estado de componente atual. Se nenhuma correspondência for encontrada, você receberá a seguinte notificação: Nenhuma correspondência encontrada para: {o comando falado}. Saber o que o XD ouviu ajuda a determinar por que uma correspondência não está sendo encontrada quando você fala.

Pode haver diferentes razões pelas quais uma correspondência não pode ser encontrada. Talvez o comando de voz falado não esteja sendo usado em nenhuma interação nessa prancheta ou estado de componente. ou o serviço de conversão de fala em texto esteja retornando um resultado inesperado.

Por exemplo, você pode adicionar a frase dois dólares como um comando de voz em uma interação. Mas, quando falado, o serviço de conversão de fala em texto pode retornar o resultado US$ 2,00. Como numerais substituíram as palavras na notificação, você deverá alterar a interação para usar números em vez de palavras.

Logotipo da Adobe

Fazer logon em sua conta