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

Alterne para o modo de Protótipo.

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.

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 Voz, Teclas e Controle várias vezes. 

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

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. 

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

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.

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

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. 
  

 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.

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

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.
  

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

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. 

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.

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.

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

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

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.

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.