Do desenho ao Adobe XD: design de IU e protótipo interativo | Irfan Rosandi | Skillshare

Velocidade de reprodução


1.0x


  • 0.5x
  • 0.75x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 1.75x
  • 2x

Do desenho ao Adobe XD: design de IU e protótipo interativo

teacher avatar Irfan Rosandi, Product Designer

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Assista a este curso e milhares de outros

Tenha acesso ilimitado a todos os cursos
Oferecidos por líderes do setor e profissionais do mercado
Os temas incluem ilustração, design, fotografia e muito mais

Aulas neste curso

    • 1.

      Introdução

      0:58

    • 2.

      Ativos de design

      0:40

    • 3.

      UI de informação da cidade - parte 1

      14:03

    • 4.

      UI de informação da cidade - parte 2

      6:52

    • 5.

      Ajustando a interface do usuário

      2:18

    • 6.

      Lista de cidades UI

      10:46

    • 7.

      Lista de cidades - Swipe Interaction

      1:28

    • 8.

      UI de informação de cidade

      7:24

    • 9.

      Como adicionar interação à interface de usuário

      18:42

    • 10.

      Como adicionar interação à 2ª cidade

      10:36

    • 11.

      Conectando interação entre cidades

      5:19

    • 12.

      Finalizar o protótipo

      3:35

    • 13.

      BÔNUS - Compartilhe o protótipo

      4:20

  • --
  • Nível iniciante
  • Nível intermediário
  • Nível avançado
  • Todos os níveis

Gerado pela comunidade

O nível é determinado pela opinião da maioria dos estudantes que avaliaram este curso. Mostramos a recomendação do professor até que sejam coletadas as respostas de pelo menos 5 estudantes.

202

Estudantes

--

Sobre este curso

Visão geral

Olá a todos que sou Irfan, sou Designer de UI/UX, obrigado por conferir este curso. Neste curso, eu quero compartilhar com você sobre como criar um protótipo interativo com animação usando o Adobe XD, este curso está aberto para todos que desejam aprender a projetar uma interface de usuário e um protótipo interativo seja um designer iniciante ou intermediário.

Este curso ensinará o processo passo a passo de como criar um protótipo de web interativo simples do zero, o curso começa com criar o Design de IU no Desenho de IU e criar o protótipo e animação no adobe XD.

No final do curso, espero que você possa criar seu próprio protótipo interativo usando o Adobe XD. Também recebi ativos de design usados neste curso, para que você possa assistir e praticar.

Então, vamos começar!

ESTUDO DE CASO

Conheça seu professor

Teacher Profile Image

Irfan Rosandi

Product Designer

Professor

Irfan is a product designer that passionate about designing digital products that work for the business and create a positive impact on the life of people. He specializes in enterprise and SaaS applications. He experienced designing for various industries and platforms. Irfan has helped early stages startups to Fortune 500 enterprises to achieve their goals through his product and design skills.

Visualizar o perfil completo

Habilidades relacionadas

Design Design de UI/UX Prototipagem
Level: Beginner

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

Faça cursos em qualquer lugar com o aplicativo da Skillshare. Assista no avião, no metrô ou em qualquer lugar que funcione melhor para você, por streaming ou download.

Transcrições

1. Introdução: Bem-vindo ao From Sketch para adicionar um B x, d u i Design e lugar protótipo interativo. Oi, eu estou verificando um U N Greg Designer Basing Indonésia Obrigado por verificar esta classe nesta classe eu quero compartilhar com você e como criar um protótipo interativo com animação usando Adam B X d. eu estou verificando um U N Greg Designer Basing Indonésia Obrigado por verificar esta classe nestaclasse eu quero compartilhar com você e como criar um protótipo interativo com animação usando Adam B X d. para todos que querem aprender a projetar um site de protesto interativo e U I. Se você é um designer iniciante ou intermediário. Divulgado, emitiu um processo passo a passo e como corrigir um simples interativo onde protótipo a partir do zero. A classe começa com a criação do I design e esboço e na criação do protótipo em uma imersão em outro B x d No final deste vidro, espero que você possa criar sua própria pessoa interativa. Sobreviveu usando fora do txt. Também lhe forneceram o design Isis. Eles tiveram problemas nesta aula para que você possa assistir e praticar. Então vamos começar 2. Ativos de design: antes de começar a projetar, queremos ter certeza de uma coisa, que é que queremos ter certeza de que já ligaram. O ativo registrado nesta classe é assim que eu forneci a você com uma pasta chamada Ativos. Então, neste, titulares confinou os anos de status de imagem nesta classe para que você possa encontrar também essas exceções de texto e você pode encontrar imagem. Então esta imagem que eu tirei no Splash Splash é muito caminhada. Recomendamos que o site se estiver procurando por imagem gratuita nenhuma atribuição gravada mesmo para uso comercial . Tão alta carreira comprometida com sua postura blush. 3. Informação de cidade - Parte 1: Tudo bem, então nesta classe, eu defini o processo em duas partes. Então a primeira parte é sobre o design I. Seu design é escolher o telefone, gerenciar os layouts e coisas assim. E a segunda parte é sobre Paris I ping, que é quem quer fazer o você eu para ser aplicável para ser interativo com animações e coisas assim e para o eu desenho parte engraçado esboço para isso porque eu tenho usado esboço para anos e eu sou bastante família com esboço para o seu projeto. Eu tenho memorizado as cartas curtas do esboço, por isso é um pouco mais rápido para mim, para o Rei e esboço para você. Eu desenho mas 40 por cyp Ingham usando o carro B X D. Mas se você mais confortável trabalhando com outro Bexley, isso é totalmente bom. Você pode criar o que você está usando em um B X d. Basicamente o é tipo do mesmo. Você só segue essas aulas. Você pode ver qualquer coisa e implementar que no outro B X d s. Bem, basicamente não é coisa muito diferente, Mas nesta classe, eu quero usar esboço porque eu estou mais confortável trabalhando em esboço para você. Eu projetei. Mas eu sei. Eu sei que como ser ecstasy é realmente ferramentas muito robustas para a digitação de peças. Então, estou usando ambos os sofrimentos. Tudo bem, então agora vou criar novos documentos. E a próxima coisa é, eu quero criar um popa de popa. Então, e para o tamanho amplo nesta classe divertido 12 80 e 7 20 Bem, este é apenas um exemplo. Fora do tamanho e você pode usar qualquer fatia. O mais importante não são os tamanhos, mas é sobre como você pode entender o processo. Tudo bem. A próxima coisa é, eu quero importar o ativo para esses motores de popa. Então vamos para o nosso eu disse pastas aqui e agora eu quero tentar esta imagem. Agora você pode ver que esta imagem está se transformando. Estou usando vários plugins se quiser verificar. Ah, caras curtos de medicina legal Praga em tem usado isso por muito tempo. E isso é muito legal, Borgen e muito alta Klay recomendar este plug em sua melhorar a produtividade e o segundo plug em Então eu recomendo que você use este distribuidor para que eu possa distribuir Ah. Um objeto para outro objeto com espaçamento muito específico. Em vez disso, você ajusta mentalmente. Pode checar isso para a escola, certo? Tudo bem, vamos voltar para a nossa aula agora. Hum, eu quero apenas precisar, tudo bem? Parece legal. E a próxima coisa, a menos que nos movamos para a imagem um pouco assim. Então eu acho que é legal agora, e qualquer coisa é, hum vamos para o imposto enquanto escrevemos algum texto aqui. Você quer digitar o título, então estou usando aberturas. Ele pode. Você veio dólar estes este telefone próprio Google telefone. É de graça. Eu vou fazer isso cheio. Tudo bem. Então a próxima coisa é, você quer adicionar algumas descrições portão para descrições. Quero torná-lo incerteza, e ainda é pequeno. 70. Tudo bem. Então você pode pegar as descrições sobre o detentor do ativo. Você pode usar a glória. Eu sou ipsum a swell, se você quiser. Ok, então é bem da Lila. Vamos cortá-lo para nós, certo? E o próximo elemento é o “tu “, um de lidar. Está bem. Está bem. Agora vamos criar negócio descobrir ok. Perto de torná-lo cheio. E o próximo é aprender. Bem, este é apenas um exemplo. Não é um site de verdade. É só aprender. Proponha T. OK, pegue o próximo. Provavelmente bloqueado. E a próxima é loja Arctic. Então já temos um caso. Mas você pode ver que isso ainda é bagunçado. O espaçamento entre Wan Ling e outro não é consistente. Então, como fazer isso consistente? Podemos usar o plugue que mostrei antes, que é distribuidor para fazer isso. É muito simples que acessar o Blufgan que estou usando curto chegou aqui e podemos inserir o espaçamento. Por exemplo, eu quero inserir para um cinco. Digamos que está bem, então você tem muito cinco. Tudo bem. Muito simples. E a próxima coisa que eu quero em alguns, não alguns, mas um, eu acho. - Sim. Então vamos às cores. Então isso é apenas, hum isso é como, a página atual. Então, ele está bem? Tudo bem. Está bem. Deixa a semana trabalhar. É como agrupar estes esta guerra? Tudo bem, parece legal. Agrupá-lo. E a próxima coisa é quem quer adicionar, hum, os botões, os botões de contração. Mamãe e eu usamos, uh ou terminamos com isso. Ok, então nós queremos fazer Musa para experimentar os ajustes. Bem, turnê. Então você pode definir esses 18 sobre esta questão em 30. Tudo bem, então vamos mudar o raio Gay já que, como, um pouco também. Está bem. Desculpe. Tudo bem, parece melhor identificação de grupo e mudar isso para gostar e isso para luz. Tudo bem, então a próxima coisa é, você quer adicionar alguma estatística abaixo dela, isso é o que. Então o país, este é 13. E esta é a Alicia. Está bem. Agora, a menos que façamos 17 e este aqui, reduzimos a capacidade em torno de 60. Então, queremos definir um espaçamento. Irão Fife. Kayla, Doce Corbett. Agora é duplicado que vamos perguntar. Disse que isto é População Swan estão em 1,8 mil milhões de linguagem cisne. Certo, então a próxima coisa é, queremos ajustar o espaçamento desta parede, então vamos usar o plugue chamado “Perturb Batory Game”. Então eu quero definir isso para 50. Tudo bem, olha, escola, isso é torto. Tudo bem, então a próxima coisa é, eu quero adicionar algo como um botão de jogo. Então isso é, tipo jogável. Agora vamos criar o ícone que vou usar. Ah, este retângulo. E agora estou usando o comando Enter. Você pode ver isso, e queremos que a Dell lide 81 pontos. Está bem. Assim como nós devolvemos assim. Está bem. E o próximo Lex, nós criamos. Horrível. Ok, eles colocaram aqui. Então eu quero mudar a cor para nós. Ok, isso é que nós perdemos para abaixo desta camada para que eu possa ver isso. Está bem. Está bem. A próxima coisa é, você quer fazer isso. É para ser o centro. Ok? Você quer este clique sobre esta forma achatada primeiro? Tudo bem, então eu quero fazer com que seja o centro. Está bem. Parece legal agora, e queremos clicar nisso. Calma, capaz de apreciar camadas usando como opressões sub atingidas. Clique. Ok, parece bom. Agora, vamos mudar isso para luz. Agora queremos mudar a opacidade para 80 ou 70. Ok? E a próxima coisa é, nós queremos na seta aqui, então isso é como um pequeno Sim. Posso clicar no toque do Cerro para mudar a cidade. Certo. Fizê-lo no muito simples Isso é que nós criamos em tudo. Primeiro, estou usando retângulo novamente. Vou usar o apoiante aqui. Desmarcada. Horrível. Está bem. Certifique-se de que eu quero usar isso para ser, mas isso no centro ea articulação também honesto neste meio aqui. E a próxima coisa é, hum, nós queremos usar essas costas quando eu tiver isso. Certo, agora, vamos. Ficamos excitados assim, certo? Parece legal. O conhecimento mudou. A cor é muito leve. Calo. Nós cortamos, é isso que estamos procurando. Parece bom, mas parece bem grande. Política. Reduza isso. Tudo bem. Parece legal. Nós mudamos isso. Nós sabemos. Altere a opacidade para cerca de 60 ou 70 anos. Tudo bem, então parece legal. Precisamos de mais um aqui, caça-níqueis, duplicamos esse comitê. Vamos doçura virar para a direita. É como a escola. Tudo bem, então vamos ajustar isso um pouco. Quero ter a certeza de que temos o espaçamento do Cory aqui. Acho que está tudo bem. E isso é apenas as dicas são geralmente estes ao lado da seção de ódio linha aqui, Então, se as fatias de telefone 17 você pode apenas multiplicá-lo 17 multiplicar com 1.5. Então você tem os números. Se você apenas gosta que eles vêem mais pode sair dele. Karekin, faça isso para ser, uh, marcar. Tudo bem, então a próxima coisa é, hum, você quer ter certeza de que este espaçamento, ok, tem coisas suficientes que, tipo, começou aqui. É, tipo, apenas espaço vazio lá pode consertar isso também. Tudo bem, então vamos reagrupar. E a próxima coisa é, queremos adicionar alguns todos ícone. Então, senhor , posso ir para outra cidade? Eles podem ver adversidades, então deixa você fazer isso. 4. Informação de cidade UI - Parte 2: quando eu uso todos retângulo. Ok, é apenas sete para começar que só para ter certeza de que esta é uma árvore quando nós escolhermos isso bate Trias guerra, é três. Certo, então vamos citar esses ataques de conhecimento homossexual aqui se todos fizerem isso puxar chances Toy pan esta parede. Ok, então é só fazer isso por volta das 15. Vamos lá um pouco. Tudo bem. Então parece bom e as caixas parece um pouco para um grande. Então você quer reduzi-lo? Já estive lá. Então, hoje queremos reduzir essa fatia. Então incrível comando K em uma escala estes para 80% parece melhor. Não, é nós que você pode ver que é bastante pixelado aqui. Então vamos corrigir isso quando eu disse para cinco em vez, ok, vamos gostar de múltiplo. Ok, então isso é o que faz isso parecer pixel mater. Ok, vamos apenas fechar isso no três, certo? Muito bem, agora vamos mudar o espaçamento em breve, certo? Então parece bom. Agora vamos nos ajustar. Ele espaçamento um pouco ou assim do topo aqui que querem definir estes ir para definir estes em torno de 50 este 'll na parede 50 s. Vamos mesmo com isso até aqui. Você quer fazer isso para ser para fazer cócegas centro para isso. Ok, parece bom. Agora, vamos nós dois. Mas tudo bem, então eu acho que está tudo bem agora. A próxima é eu quero mudar o espaçamento aqui. Então permite que você com ele estão em 60. Parece um pouco pequeno. Isso é nós movê-lo para 70. Ok, eu acho que 75 anos está bem. E podemos abaixar um pouco. 40 sua linha. Você pode querer reduzi-lo um pouco? Um pouco mais. Eu quero fazer isso para bife verticalmente centro. Então, nesta parede. Então, estou usando um esboço. Blufgan descoloriu o trabalhador de traço EM para memorizar este atalho. E é fazer design à esquerda, se um mais fácil. Então recomendo que verifiquem os plugins. Ok. Desculpe. 30 e quero fazer este 30 também. Tudo bem. Então parece que parece muito bom agora, e a próxima coisa é, nós queremos apenas fumar esses botões, mas queremos fazer isso em torno de 30. E este quer alinhar com o botão e de baixo. Você quer fazer este Irã 40 Eu acho que Suína 40 s vinho. E este nós queremos torná-lo verticalmente centro para este homossexual. Disses dizem 512 Faça esta guerra por aviso que parece um pouco onde E se mudássemos isso para, uh, o mesmo com isso? Parece sabe onde você mudou um pouco. Tudo bem, então isso é melhor. 50 e 65. Bem, no problema. Ok. Então acho que está tudo bem. 30. Tudo bem. Então só quero ter certeza de que eles estão nas mesmas exposições. Ok. Tudo bem. Nosso X. Então nós terminamos nosso projeto na primeira página. E no próximo vídeo, projetamos a interação. Quando você vê, clique na seção poucos sobre os poucos, tudo para que eles possam ver outras cidades. Tudo bem, muito obrigado. E deixa você no próximo vídeo. 5. Ajustando a interface UI: Tudo bem. Então a próxima coisa é, nós queremos Teoh truque um pouco sobre o design que o que nós projetamos antes, nós vamos trabalhar um pouco, então parece oficial em. Você pode ver aquela Ling aqui. Quero fazer alguns ajustes aqui. Então eu quero ter certeza de que agora você pode ver claramente o que assar é o passo atual. Então eu quero reduzir um pouco a opacidade em subalternos. Então vamos fazer isso. E eu disse, assim. E o que é isso? Algo no 15. Eu também quero torná-lo cheio. E podemos verificar novamente. Ok, você pode ver isso agora. O espaçamento tão diferente agora tem um especial diferente. Não se preocupe, porque você não pode apenas aquele Gae 45. Tudo bem? É legal. Isso sou eu. Vamos removê-lo. Então eu acho que 50 está bom. Tudo bem. Então, a próxima coisa é, eu quero apenas mover isso um pouco, e uma vez Basing teve esse idiota. Ok, então não está muito perto com esta flecha. Tudo bem. Desculpe. Acho que é. É vinho. Acho que este é o meu medo. O mordido de novo. Tudo bem, então eu acho que está tudo bem em apenas viver este EUA que é. Se ele seguiu estes, eu acho que é preciso muito basear-se. Acho que está tudo bem por enquanto. 6. Lista de cidades UI: Tudo bem. Então a próxima coisa é, antes de ir a novos lotes, salvamos a filha dele, cara. Porque eu não estou servindo o stickum e ainda assim, então eu só para ter certeza que metade de tudo, salvou minha vida. E eu sento aqui, e a próxima coisa é, queremos duplicar estes fora de borda. Então vamos pegar b e duplicar isso aqui em cima. Está bem? Está bem. E a próxima coisa é que criamos Tom Nail. Então, para o tempo de crédito agora nós queremos no F quatro patas primeiro. Então vamos usar retângulo e vamos à sombra, são pequenos castelos. Basicamente, é moagem. Certo, então, , disse isso para cegos, desonestos, mas esse aqui, vou reduzir a capacidade. Ok, então é como, ah, para Les on. A próxima coisa é, eu quero adicionar o carro. Vou usar estes arredondados. Ok, então você quer fazer, tipo, três, três cartas? Então o tamanho que eles querem fazer o com para ser em torno de 400 Eu acho que está indo para o inferno, é realmente apenas fazer o ódio para ser enfiado em terra. Eu acho que é como E agora vamos quem mudou suas idéias? Talvez por volta dos 15. Está tudo bem. Tudo bem. Então a próxima coisa é que nós praticamos. Isso é que nós transformamos isso em massa. Ok em. Queremos simular como ele parece para nós. Então eu quero fazer este 25 front-bottom e 25 de dias também. Certo, então vamos ler anos de doces. Este dinheiro para esta guerra, isto é 25. Ok, então nós temos um pequeno problema aqui com o nosso com o deles então você quer ter certeza que você, senhor, pode ver que esta é uma lista fora do cartão, então haverá outro carro aqui, então nós queremos injetar o ombro um pouco fora outro cartão para que você possa ver que isso é o que permutável Agora vamos reduzir a facilidade com Isso é Nós tentamos Irã para você, 50. Está bem. Quero reduzir a parede dos odiadores, para que fique melhor. Tudo bem. Então acho que está tudo bem agora. Olá, senhor. Você mudou isso para o portão 25. Esta vida, longe do fundo. Uma pequena chave. Agora vamos doce trike. Certo. Então parece melhor agora. Certo, então a próxima coisa vamos inserir a imagem aqui. Lobbies indo para o meu localizador está aqui. E isso é qualidade e pobre. Então esta é a imagem para inserir aqui. Chave. Tudo bem. Parece bom agora. A próxima coisa é, que nós adicionamos algum, algum tipo de texto fora do curso. Em baixo é o país apenas milícia. Eu quero fazer este 17. Ok, este é um pouco maior, mas 20 cisnes é um meio. Tudo bem. Parece legal. Agora, nós éramos Fitbit. Então é 40. Acho que são 30 anos, então você sabe. Está bem. Tudo bem. Então você tem que se certificar de que esse espaçamento está certo. Horrível. Então, às vezes, os esboços , como, se você espera para este, uh, mostrar distendido para o objeto onde suas histórias principais. Então, por exemplo, se eu ao longo do curso ou aqui, então o distendido é desses objetos para este objeto abaixo do curso são então você quer medir a distância desse objeto para esses, hum, livros. Isto é que você pode apenas ah, esperança de acres estão aqui, assim você pode ver que ele está mostrando a você o dissing que o vento neste objeto para o objeto em seu curso. Ok, então eu acho que sim. Eu conheço Onda. Queremos apenas um pouco escuro Grady aqui para que os detectores possam ser mais irritados. É isso que fazemos aquele retângulo incrível. Ok, agora vamos ver o Greg aqui. Casa de pequenez. Eu só quero torná-lo um pouco suave. Ok, então eu acho que é para eu saber em vez de fazer isso de novo e medir a distância. Vamos brincar de gatinhos, é só um espaçamento. Tudo bem. Então, Nellis, nós mudamos a imagem e mudamos o texto, então não precisávamos reajustar o espaçamento e adicionar isso direito. Agora a próxima coisa é, você quer adicionar outra cidade. Quero adicionar este remédio da cidade. Ok, então tudo bem, este aqui. Ok, isso está pronto. Mude isto para Dubai. Uma espécie de preconceito. E o teu nome fez o nosso “Ok”. Está bem. A próxima foi quando eu tinha essa foto. Então você não pode ver que isso pode apenas movê-lo primeiro Esperanças. Então eu, ah, fiz a chave. Borai Price Siyuan manter ou é como se eu não devesse pressionar esse caso. Sem problemas. Desaparece agora. Tudo bem. Então eu posso apenas um espaçamento no jogo certo. Swan é que eu tenho, uh, entra em Boenisch. Então, o pedido é cancelado. Ah, este Grady E é que você acha que este não é um rei legível e apenas ele. Mas o problema é que é Ah, não é consistente. Ok, então nós só se você quiser fazer isso, se você atualizar isso, se você mudar isso, você tem que mudar para outros lugares. Bem, desculpe. É consistente. Então eu vou para debaixo disso. Eu acho que está tudo bem. Acho que ainda é legível. Tudo bem, então eu acho que é legal. Por enquanto, está tudo bem. Tem pode ver que este é o arremesso inicial da guerra e, em seguida, foi clicar os poucos. Todos eles vêem isso, Eric. Então, formaturas. Agora vamos recrutar o próximo passo. 7. Lista de cidades - Interface de Swipe UI: A próxima parte é que queremos criar outro cenário, que é quando os usuários passam, menosdesprevenidos. criar outro cenário, que é quando os usuários passam, menos Então, quando o tirarem da rota, este carro ficaria assim. E esse cara seria assim. Sim. E queremos criar aquela do pele doAri. Oh, então o que você faz é que nós queremos apalpar este primeiro vem em G manter divertido ou cartão curto e pode duplicar isso. E vamos nos ajustar. Então é 25 Tudo bem, então porque queremos colocar um tipo em Ida B x d. O caminho em outro B X 'd para qualquer trabalho de carne é ah, precisamos criar vários estados de modo a ser extra auto. Estou animando nosso projeto deste estado para outro estado. E o que temos que fazer é criar o segundo estado. Então este é o primeiro estado e este segundo estado da ISTEA. Por isso, é realmente bastante simples. Nós só precisamos criar a tela para variação. O estado da tela e fora do raio X irá para qualquer carne e a animação para nós 8. 2ª IU de informação de cidade: Então criamos o primeiro gole de você para a miséria a bordo. E agora queremos criar outra cidade. Apenas na segunda cidade está Medina. Então, queremos duplicar os motores de popa, e vamos mudar o conteúdo. Então vamos fazer isso. Os EUA serão todos esses motores de popa implicados. Ok. Tudo bem. Então agora eu quero mudar essas imagens através desta imagem. Ok, então a próxima coisa é, você quer mudar esses títulos Bem, e para a sobreposição antes de Lay é baseada, basicamente enganando. Então você quer apenas eu quero um acordo de grupo para a vida, citar e apenas renomear este dedo excessivamente. Ok. Vontade desonesta. Ok, então, uh, deve estar aqui. Técnicos da Onda que querem mudar isso. Ok, desculpe, porque este é o carro que a imagem é bem diferente, então eu posso vê-lo no Texas. Não é credível comparado com o primeiro 11. Não, isso é errado, eu receio. Primeiro. Ok. Então eu posso ver a comparação. Tudo bem. Então, vou apagar isto primeiro. Tudo bem? Então vamos fazer alguns ajustes na imagem para que possamos ler o texto lá Para fazer isso é que queremos e alguns filmes. É muito com Grady dentro. Assim, a imagem pode ser mais onde o texto pode ser mais comestível. Ok, então você Texas um pouco mais comestível agora, e eu quero mudar esse pequeno idiota. Ok? Tudo bem. Então eu quero mudar. Você quer apalpar isso e isso uma vez vai. Ok, então, uh, eu queria consertá-lo, mas este aqui, esta parede, certo? Essa é a minha dor escondida. Então, idiota. Tudo bem. Ok, então isso é para um pixel. Então eu vou mover isso por um pixel. Inchar. Ok. Então você pode ver que isso não é legível. Difícil mudar isso para cores escuras. Então é mais capaz e este idiota Hajric. Então acho que está tudo bem. Vamos fazer no fundo para ser um pouco escuro. Ok, então eu acho que está tudo bem. Não. Então a próxima coisa é, queremos duplicar isso, certo? Podemos colocá-lo aqui. Não somos uma multa. Isso e nós podemos você está morto. Mas quem pode fazer isso também? Ok, então há muitas maneiras de fazer isso. Pelo menos a coisa mais importante é você entender o conceito porque às vezes você pode simplesmente projetar isso e então você volta, você vai, você muda algo, e então você devolve de volta para aqui. Se você já entende o conceito, então isso é realmente muito simples. Se você já entende o conceito, Então o conceito é o primeiro que criamos o primeiro estado inicial. Então este é o primeiro estado, e então nós criamos o segundo estado, que é quando eles clicaram nisso, mas e eles vêem horrível o suficiente para leigos. E então, uh, o carrinho, ok. E, em seguida, outro estado é quando você disse deslizar este cartão. Então vamos criar outro estado. Então isso é basicamente apenas uma variação fora dos estados, e então nós queremos qualquer carne que no anúncio A B x d. Nossas fileiras estão animadas. Agora vamos para o próximo vídeo. 9. Adicionando interação à UI: depois de termos criado com sucesso o nosso próprio projetado. O próximo passo é queremos transformar o que você eu crio em uma vida de processo clicável. Eles querem mudar a imagem estática em banda larga interativa clicável usando fora de B X D ea coisa legal sobre cidades Utterback que ele exceto programação para que você não tem que fazer nada. É simplesmente abriu este arquivo catch no próprio Adobe X'd para que eu não teria que fazer indo para nada tão simples como abrir como você abrir como Toby X'd cai. Então vamos começar. Nós vamos para o arquivo e depois porque eu salvei o arquivo de sketch de Falls no meu computador. Então, basicamente, um clique em abrir do seu computador, tudo bem, então eu vou escolher tese no meu arquivo. O Hajric. Então leva algum tempo para carregar. É contra o que outro B x d. Realmente bom na renderização do nosso design. Então não há uma imagem embaçada. Não há, como a Srta. Place. Objeto até agora é muito bom. É muito, muito bom trabalho sair. Então, sim, acho que é círculo agora. A próxima coisa é, vamos tentar. Então, para jogar um protótipo próximo t basta clicar neste jogo Eu posso Seus ex serviços são guerra Priceline em Se você quiser parar ou digitar, você pode ver que há um tipo de protótipo um toque aqui para que você clique nele e ele se transforma para ser mau humor digitação como GNC que há ícone home aqui. Então este é Ah, um sinal se você quiser fazer este ARB deve ser o motor de popa inicial quando o protótipo começar. Depois clicamos nesta casa que eu posso para que fique azul. Então, isso significa que quando os quatro top exibido, em seguida, esta arte, mas vai mostrar primeiro. Ok, então a próxima coisa é, vamos tentar por nós. Tamanho Hajric. Você pode ver lá está. Não é clicável. Se eu clicar nele e nada acontecer, é porque ainda não fizemos nada. Ok, então a primeira interação que você quer criar é nós queremos criar essas, hum, hum, interações as emissões iniciais a. Ok, então quando você diz jogar o parasita que eles podem ver, como em detects, como mover de cima, para que você possa ver que você pode sentir que as emissões. Então é para isso que você faz isso que é muito simples. Queremos duplicar isto. Certo, então voltamos à nossa torneira de design aqui e agora, vamos Rico Pittis e seu básico aqui. Ok, eu vou movê-lo para o topo aqui. Ok? Então, como eu disse, a forma como a animação automática funciona. Está fora para transformar o objeto de um estado para outro estado? Ok, que se deixe dar. Certo, lidere. Dou-lhe um exemplo. Então, franco simples. Eu movê-lo para a direita aqui. Ok. Este é apenas um exemplo. E eu vou para Broadside, e então nós queremos ter certeza de que esta é a pessoa inicial porque este é o primeiro motor de popa que será lançado primeiro. Ok, então nós queremos definir isso para ser ir para estes papelão. Quero definir o gatilho para o tempo e para o negócio em que você quer ter atrasos. Nós queremos. Quando você diz jogar, não há realmente nós queremos x t guerra são executados. A animação diretamente, Pensamos, tendo atrasado ou qualquer coisa e as transições que querem clicar fora do inimigo. Certo, digamos que o russo é três. Ok, então vamos ver como ele fica quando clicamos em Reproduzir. Ok. Então você pode ver que este é um dedo pequeno. Que isso não é bom. Isso não é bom. Mas a questão é, quero mostrar a vocês como eles são para qualquer rede. Então a maneira como ele funciona é basicamente ele se transforma para, hum, como o objeto de um estado para outro estado automaticamente. Então o que fazemos é nos preparar para declarar. Então este é o primeiro estado, e este é o segundo estado e alto animado irá automaticamente animar isso para nós como importações que. Ok, então isso é um pouco feio, então vamos mudar isso de volta. Eu quero verificar 12 obter as exposições. Poderia ser. E nós vamos dizer isso para a explosão de volta. Tudo bem, então no estado inicial, queremos fazer isso a opacidade fora do objeto para ser em torno de 10. Então é assim que se faz isso. Então a opacidade que ele quer disse para 10 Cisne idiota, ou você pode simplesmente selecionar. Ok? Tudo bem. É como se fosse bom. E a próxima coisa é quem quer mudar isso para um pouco aqui em cima, então a animação vai mostrar que esta pilha está vindo de cima para baixo. E este aqui? Eu queria estar no fundo aqui. Ok. E isso leva anos. Você quer colocá-lo Onley abaixo dele em baixo aqui. Certo, essa quando? Um certo daqui. Tudo bem, então este, este link que ele queria, também disse isso da conversa. Ok, então este é o estado inicial. Então vamos repetir o jogo. Então é verificar novamente no site da parte. Basicamente, é que podemos. Estamos usando o gatilho temporal. Então, há muito gatilho nas instruções lá. Toque, arraste, force as teclas e compacte. Mas, cronômetro, o que usamos o que escolhemos o tempo porque queremos ser que queremos definir é ser automatizado. Então é por isso que só temos tempo. Certo, então vamos repetir. Ok, você pode ver isso. É meio animado agora, certo? Vamos jogar de novo. Ok, então parece que é um pouco lento. É assim que mudamos isto. A velocidade em torno de dois segundos. Ok. Outra opção que podemos tentar. A opção oriental. Essa opção coisa é como a animação parece essa velocidade, ok, está fora significa, hum a velocidade que as animações pensaram um pouco rápido. E então, Ah, o cuspe vai diminuir lentamente no final da animação. Então este é o fora e os pecadores. A animação começará devagar para cuspir. Vamos começar devagar, e então vai bem mais rápido no final de qualquer missão, por assim dizer. Então flexibilização é sobre como a velocidade das animações. Ok, eu quero verificar se isso está fora e vamos quem jogar o jogo. Certo, vamos jogar de novo. Tudo bem? Por isso é fixe. Mas eu acho que se tudo é movimento, então é como um monte de distrações. Quero que estes fiquem nas posições. Não é nada. Acho que é melhor. Uma cópia. Agora, medida que voltarmos ao Design Tap, vou fazer esta exposição, vou aplicar isto aqui. Certo, então vamos jogar de novo. Sim, eu acho que é. É melhor. Eu acho que é legal. Bem, isto é animação. Você pode brincar com isso, você pode criar a sua própria e a missão, mas o princípio é que eu quero mostrar a você o diretor como ele criou isso novamente. Depende da sua criatividade. Quanto mais criativa a animação pode ficar. Melhor ainda, ele pode tentar sozinho. E para tornar as coisas mais interessantes, eu quero mencionar a imagem para ser um pouco maior no segundo são pobres, então você pode ver como se fosse uma espécie de zoom. Então há efeito fora do zoom. Certo, então vamos fazer isso. Ok? Agora eu gosto dessa imagem e então eu retomo sua própria. Ok? Sim. Apenas Nós não eram precisamente para ser muito grande, apenas pequena fatia re como este. Agora vamos jogar de novo, está bem? Então você pode ver que é uma espécie de zoom, certo? Ok, então você pode ver que é meio estranho. Não é realmente bom bater fora de Bhakti pode consertar isso. Mas por agora, eu acho que é. É muito legal até agora é muito bom agora. Certo, então vamos, uh, uh, fazer a próxima coisa que é quando você vê clique sobre estes poucos todos nós ganhamos. Eu quero mostrar ao usuário esta sobreposição para ajudar a fazer isso. Então este é o princípio é o mesmo, como Hardy. Professe isso na profusa. Este é o primeiro estado, e este é o segundo estado à direita. Neste caso, este é o primeiro estado, e este é o segundo estado assim por diante o elemento deve ser contido nessa parte. Então, se este é o primeiro estado e este é o segundo estado, digamos que o primeiro estado tem vários elementos. Em seguida, no segundo estado, ele deve ter sete elemento também. Então a questão é, bem, nós temos carros aqui, certo? Temos uma oferta mais tarde. Então significa que são elementos adicionais. A resposta é não. Este elemento deve ser o acesso aqui também. Mas o truque é que você quer definir a capacidade para ser zero aqui. Então, essas cartas que pudemos ouvir não estão mostrando. Aqui. Você vai comprar hoje à noite. Ok, agora, vamos começar com isso. Então eu cresci. Já tem o suficiente para mais tarde. Certo, então o sofrimento contém Ha. Estes Grady ins sombrios e este carrinho. Não, vamos Chicopee. Dennis Well para decidir o conselho. Está bem, está bem. Então você pode ver que isso é assim. E a próxima coisa é querer definir a opacidade. Certo, a opacidade a zero. Queremos definir a capacidade deste zero, e então queremos definir sua capacidade para zero é bem, antes disso, vamos removê-lo para o fundo. Aqui e l A v mudou sua 20 Então, a uma atração emocional mostra como este carro vai mostrar a partir do fundo. Certo, então vamos embarcar. É como se fôssemos proteger. Mas, infelizmente, porque , como podem ver, essa oferta estava no topo. Este é o top off tudo camada off lugar até tudo. Então, quando clicamos no topo do protótipo, não podemos acessar mais esses objetos de combustível. Porque quando clicamos nisso Ah, o que selecionado é isso vai uma camada de er off. Então o truque é quem quer criar outro objeto? Ok, quem quer criar retângulo enquanto colocamos em Tom um ajuste. Quem você vai remover a fronteira? E quando eu disse a capacidade de zero. Então, quando vamos para o protótipo, e então quando clicamos sobre isso, ele pode ver que podemos adicionar os pontos quentes aqui. Mas, basicamente, estamos adicionando nosso ponto no topo do retângulo inviável. Certo, vá ao ponto. E então somos nós. Então eu gosto deste relatório. Ok, então vamos, uh só para que o gatilho seja o passo. Por que é isso? Por que não o tempo? Porque estamos a clicar aqui, está bem? E a próxima coisa é realmente fora de um companheiro de equipe. Mas para este, queremos fazer com que a direção seja agachada mais rápida. Uma corrida. 0,38 Ok, então eu acho que é legal. Agora, vamos fazer uma lâmina larga. Ok, agora vamos clicar neste campo, certo? Então hey, parece muito suave. Agora. Queremos definir o tipo de peça. Quando você vê clique nesta área, eles voltam, a cicatriz será escondida novamente. Então, à medida que voltamos ao nosso X'd e na seção de tipos de parceiros aqui, vamos vender como este retângulo. Apenas este linear. Ouça o fundo deste cartão e, em seguida, você deseja adicionar essa instrução. Então, o que essa direção estatina faz é quando você clica nela? Quero devolvê-lo a este motor de popa. Ok? E o seu pode ver que o cenário será automaticamente dito pela cidade externa. Então ele está copiando a interação profusa, que é a mesma, como instruções de dis. Certo, nada menos. Jogamos de novo. Quem? Tocá-lo. E agora clicamos em alguns. Tudo bem, não consigo ver. Quando clicamos nesta área, ela volta. Tudo bem. Expectável Rx no espartilho Ellison. A próxima coisa é, queremos fazer interações medicamentosas. A direção do dragão também é muito simples. Sabe, a cidade grande. Então o que fazemos é que queremos na interação bebeu neste cartão. Então fazer isso também é muito simples. Nós clicamos neste cartão. Ok, nós clicamos neste cartão e, em seguida, quem em um link para este trabalho duro em vez de fora toque como o gatilho. Queremos que isto seja transportado, está bem? E ação também inimigo. E esta é uma onda que queremos acrescentar. Portanto, certifique-se de que o que selecionou o que selecionou é apenas este grupo. Então você não está adicionando indo para descobrir, como trabalho, mas apenas para isso, mas eles. Ok, agora vamos clicar nele, e apenas mas aqui ele também está automaticamente usando a mesma configuração. Agora vamos jogar. Nós clicamos em alguns, tudo o que é movê-lo. Tudo bem, então é movimento quando drogamos. Tudo bem. Relações atuais 10. Adicionando interação à 2ª cidade: nós criamos com sucesso nossos primeiros impulsos de instrução sobre a primeira cidade. Agora queremos continuar a trabalhar nas interações da segunda cidade. Então vamos começar. Em primeiro lugar, precisamos do primeiro estado inicial também para a segunda cidade. O mesmo, como esta primeira cidade. Só precisamos definir a capacidade, tipo, isso é o mesmo. Então vamos reduzir a opacidade para o estado inicial. Então, para isso, queremos copiar dias. Então vamos nos demitir. A não ser que o coloquemos aqui. Isso é quem você pode. Se estiver aqui. Agora, vamos mudar a capacidade do objeto da mesma forma. Assim, a opacidade é de 10%. Vamos fazer com que seja a mesma Gail. Então vamos reduzi-lo a 10% câmera faz isso. Esta parede. Tudo bem. E a próxima coisa é, nós também queremos que Teoh mude a posição fora do objeto, como você pode ver isso. Ah, esses impostos um pouco acima aqui. Então nós queremos tomar as posições de vinho, e nós vamos jogar aqui uma escola. Então é consistente que vamos pegar isso, como se fosse uma parede de firmeza. É básico. Aqui você pode ver isso. Ah, o botão. Você precisa ser mudado. Escola. Então este é 31 pixels do texto. Vamos removê-lo mentalmente. Tudo bem. E este aqui, é o que Kobe, tudo bem? É legal. E a próxima é Ah, essa ling. Foi isso que me trouxe isto também. Tudo bem, então parece bom. Não, vamos fazer a Grã-Bretanha assim que queremos adicionar Forma de parede Lingus. Ah, esta quente nascida para estes. Então vamos beber. Clique e tente. E então vamos definir o gatilho para o tempo, Russell, porque você quer que isso seja automático. Então, queremos ter certeza de que ah dissecando é o mesmo como este aqui. Então o temporizador é seus segundos. Além disso, qualquer carne. Ele está fora dois segundos e cisne é o mesmo. Zero doentes. Ele sai em dois segundos. Tudo bem, então se você quiser testá-lo, se você clicar neste botão de jogo aqui, ele vai começar com a casa com o popa que você já Marcus a casa com indicado por estes ícones azuis. Mas se você quiser iniciar o protótipo no em barcos que você quer começar a, por exemplo, queremos este pensamento que partiu do local para testes propõe a partir deste porque estávamos trabalhando neste momento. Então o que você faz é, em vez disso, você está rangendo. Este botão de jogo antes disso, enquanto você tem que fazer, é apenas escolher quais são comprados. Eles querem jogar como a partida no porto. Então, porque você quer fazer este aeroporto como o nosso porto de partida para este propósito de design neste momento, então nós clicamos nele para nós. Nós clicá-lo primeiro e, em seguida, mas clique no botão jogar. Então Ah, isso é o que vai se tornar os motores de popa iniciais quando eles trouxeram o almoço. Tudo bem, parece legal. Não, vamos aplicar a mesma coisa. Aplicamos a mesma coisa como nesta diversidade. Ok, então a próxima coisa é, quando você clica sobre isso para todos vocês Ah, eles vêem que são instruções de cartão. Bem, então para fazer isso vamos copiar esta parede porque o design Alice, nós copiamos esta oferta leigos pastas. Vamos acelerá-lo aqui. E a próxima coisa é, queremos reduzir a capacidade. Então é aí que está antes que eu quero que o Teoh coloque aqui embaixo. Tudo bem, isso é legal. E vamos quem reduziu a capacidade 20 Swan, idiota. Tudo bem, então vamos ver um retângulo aqui. Então, é apenas, tipo, bastante complicado. Certo, fronteiras sírias. E vamos ler isto, Theo Opacidade para zero pessoas. Tudo bem, agora, vamos voltar para o Protótipo Tab, nosso clique e dragão. Vou usar as mesmas configurações. Então, nestes levantando torneira ou para qualquer popa significada está fora. E há 0,3 segundos? Ok, este, isso é tudo. Bem, hoje, talvez ele tenha saído. Vamos nos certificar de que esses 0,3 segundos sejam como este. Tudo bem, então vamos refazer. Agora, vamos ver. Então, como, este derramamento vai clicar, clicar, jogar novamente. Gay trabalhou, tipo, se sentir bem. Está funcionando agora, então vamos seguir as outras instruções. Então, em sua adega, clique sobre essas sobreposições. Eles vão para este popa. Então, como ser extra? Você automaticamente que apenas dissecando o automaticamente copiou a configuração da instrução de preferência para que você não tenha que ajustá-lo novamente, certo? E a próxima coisa é, nós queremos, hum, recitar a imagem para hum, que você possa ver as interrupções do ismo. Deixe-me jogar o primeiro, está bem? Para todos vocês. Tudo bem. Então parece legal. Bading. Ok, então nós queremos adicionar interrupção do ismo. Como este aqui. Você pode ver que são instruções. Então, é muito simples. Onde você ia fazer é apenas recitar a imagem. Sim egx. Certo, então vamos nos demitir por nós. Muitas que não gostamos. Então, tipo, a imagem, Ok, permite que nós recitemos um pouco, então,ok então, , então, sim, é bastante complicado para advogado. Tudo bem, então vamos verificar. Então eu gosto de esboços. Se você quiser selecionar, hum, de camadas abaixo em, eu posso. Clique direito. E há, como, como, um seleto opções de mentirosos. Mas no Adobe X'd, uh, não há esse tipo de recurso. Então, quando você esquece o nome da falta, então é um pouco problemático. Agora, vamos virar antes de primeiro. Ok? Então esta é a imagem, certo? A não ser que o tenhamos preciso. Ok, então eu quero segurar minha chave de opção, e ela viu que recita no centro. Certo, então vamos recitar. Apenas um ligeiro redimensionamento. Não muito, então o currículo não é muito extremo, Will. Não muito rápido. Como eu acho que este é. Isso é bom. Vamos tocar de novo, está bem? Esqueci-me de seleccionar esta força. E enquanto clicamos na baía Ok, então agora você pode ver que as instruções de zoom. Certo? Tudo bem. Está bem. Agora vamos continuar olhando para a construção seca aqui, por isso é muito simples, na verdade. Uma vez que você entende o conceito, então isso é bem fácil, ok? Com clicar e arrastá-lo aqui e acionar seu golpe. Está bem. E nós também ao mesmo em russo neste cartão, clique e secagem. Está bem. Os gatilhos. Tentando como qualquer principal. Agora vamos jogar de novo. Certo, então está funcionando. Tudo bem, então parabéns. 11. Conectando interações entre cidades: depois de criarmos com sucesso as interações nesta segunda cidade e na próxima elas são melhores. Queremos adicionar interação quando você diz clique nesses cartões. Então, quando eles clicam neste escavador atual para, ah, instruções da cidade e algo assim, quando há um clique sobre esses cartões de qualidade e pobre, eles vão para essas interações de animação. Então é isso que fazemos. Então vamos para ou o tipo toque. E basicamente é muito simples. O que fazemos é adicionar direções de toque neste carro para que selecionemos este cartão, então eu me certifico de que ele está selecionado e clique e rastreie. Então vamos arrastá-lo para este popa. Por quê? Porque este é o ponto inicial dessas interações. Então, quando você clicar nele, queremos que o usuário pouse no pé deste tabuleiro de cabana. Ok, então você pode ajustar a configuração aqui como as transições, e para esses porcos queremos definir a ação para transição, não sair para animar. Ok, porque, ah, nós não estamos fora para nenhuma reunião. Na verdade, é uma coisa diferente. Ok, então nós apenas, uh, selecioná-lo, perguntamos as transições. E para as emissões de um, eu prefiro nenhuma. Porque como nós não vamos recorrer diretamente, hum, ver as interações e emissões destes a bordo em si. Então isso adiciona mais. Já tenho. É uma emissão. Então, quando você vê clique neste cartão para este carro, basicamente nós só queremos deixar estes ar ver este carro diretamente. Então vamos repetir. Este tipo mais amplo poderia jogar Alice Hebreus sentir todas e maneiras de clicar neste cartão. O assento saudita é idêntico a este motor de popa inicial. Ok, deixa você tocar de novo. Clique. Poucos todos clique neste cartão. Ok, então isso é muito simples. Não, vamos à mesma interação com este carro. Então você é DoubleClick garoto e clique e arraste, e queremos adicionar a introdução ao suporte. Ok, então nós vamos aplicar a mesma configuração, que é gatilho grampeado e a mesma coisa para endereço. Alyssa, clique em jogar. Sinta tudo por isso ainda quebrável. Ok, clique no jogo. Ok, Qualidade do clique. Pobre. Está bem, está bem. Ok. É frequente quando está ao vivo. Quando você clica neles, ele funciona. Por quê? Porque você não adicionou as interações neste. Então você quer fazer isso? Você não pode fazer nada. Você adiciona a interação neste Carcelle. Então vamos fazer isso. Clique e seque. Indra chega aqui, o Tigre esfaqueado. Transição sobre uma emissão não é. E nós vamos fazer a mesma coisa para este também. Certo, então acho que funciona. Agora vamos repetir. Nós clicamos em alguns todos quando em Medina. Tudo bem, nós cozinhamos para todos vocês e clicamos nesta qualidade pobre. Tudo bem, então funciona muito bem. Agora estão excelentes. Parabéns por completar estas aulas. Então eu espero que você possa desfrutar. Eles podem aprender algo com isso. , Basicamente, este é um conceito muito simples. Você quer entender o princípio básico fora do íntimo você pode aplicá-lo a qualquer projeto para este tipo de interação. Então isso é muito simples, na verdade, o que nós vagamos se você eu sugiro que você pratique isso. Se você quiser, você pode baixar os ativos e, ah, recriar isso do zero e fazê-lo sozinho e tentar você mesmo para que você possa obter uma melhor compreensão sobre como usar esses recursos de animação automática em outros B x D. Então parabéns por terminar esta aula, então espero que você possa aprender algo com ela. Se tiver alguma pergunta, pode me perguntar. Ok, então instalações Gore. 12. Finalize o protótipo: neste vídeo. Eu quero consertar duas coisas neste tipo de parte. Então, basicamente, não é um grande problema. É só uma solução rápida, porque há uma coisa que está faltando. Então, quando jogado o site de protesto, você pode ver que quando você clica nele, é trabalho. DeCero não se preocupa. E a segunda coisa é nesta cidade Marinus pode ver que o país ainda Malásia. Então são permissões erradas. Agora eu quero corrigi-lo este vídeo, então ele deve ser realmente conserto rápido. Então vamos começar com a correção desta informação é para ter certeza de que quando mudamos no design de nós estamos na guia design, não no protótipo. Ok, então eu quero mover esta camada sobreposta primeiro para escrever porque nós queremos acessar esses textos porque é difícil de clicar, e é muito difícil de clicar. Então, o corpo aqui para nós deu-lhe esta camada, certo? E então podemos acessar este imposto quando ah mudou seu para a Arábia Saudita e as populações são 1,1. A língua é árabe. Esta base tem 50. Está bem. Tudo bem. Então parece bom. Agora vamos colocar de volta sobre uma camada que podemos mudar a parede zero da Expedição. Tudo bem. Está bem. E a próxima coisa é, queremos adicionar essa interação. Então nós vamos para o protótipo e então quando você disse clique e estes são Oh, eles vão para estes Ah, no porto. Então queremos fazer o truque também, porque não podemos acessar essas flechas. Então, queremos adicionar algum retângulo no topo se ele portão quando um Forneris remoto e, infelizmente, um zero positivo. Certo, vamos para Broadside de novo. E agora vamos adicionar isso aqui. E desencadeou um passo. Transições, reducionistas, transições e animação. Não é nenhum. Ok, então a mesma coisa para este que não pode ir para projetado para nós, é que nós temos retângulo aqui. Ok, vai Border disse que 20 irritou um protótipo. Agora nós clicamos nisso e arrastamos aqui e um passo Tigre. A esta nação ist correta tinha uma linha de maquinista. Agora vamos profusamente broadside onde clicamos nele, Clique nele Clique neste. Está a funcionar. Clique. Aqui está funcionando. Clique em Este sendo clique aqui. Está a funcionar. Está bem, desculpa. Relações corretas 13. BÔNUS - Compartilhe o protótipo: Então, depois de ter cortejado com sucesso protótipo, você provavelmente quer compartilhar o protótipo amargo seu usuário ou para uma parte interessada para fazer isso em árabe. Status quo. Simples. Você vê nos botões de compartilhamento aqui, o que você quer fazer é apenas clicar de uma vez, e então você pode ver algumas opções aqui. Então, porque queremos compartilhar o protótipo para Refute persiste. Então, a melhor opção é clicar neste compartilhamento para se você, porque você pode interromper. Trazido fora do pode comentar. Mas se você quiser compartilhar um protótipo para fins de desenvolvimento, então o que você faz é clicar no compartilhamento para desenvolvimento para que você possa, ah, ah, seu desenvolvedor pode inspecionar o tipo de partes como espaçamento de cidade entre um objeto e outro objeto, mas para alguns propõe, por exemplo, que você deseja realizar estudos de teste de uso Erviti. O que você quer fazer é apenas clicar sobre estes compartilhamento para aqui, então vamos clicar nele, e nas configurações você pode sentir os títulos, e também você pode ver lá. Há tão poucas opções aqui que nós queremos um monte de comentários sobre ele lado irmão ou não, se você quer mostrar as cenas hot spot não são coisas assim. Um dos gatilhos. Se você quiser realizar testes de usabilidade, você provavelmente quer. E veja isso porque ele está mostrando as mãos do ponto quente. Isso significa que você para que eu possa ver. Ok, este aqui é clicável. Ok, eu tenho que clicar nisso. Eu tenho que ir lá. Mas você quer mesmo? Ah, teste o Yusor. Você provavelmente quer entrar em cheque, porque você, senhor, não deveria ter alguns aqui porque nós realmente queremos testá-lo. Tudo bem, então para fazer o mesmo quadro, basta clicar neles, criar lean, e então o processo será carregado para a Adobe Cloud. E então você terá algum tipo de lince. E então você pode copiar esse compartilhamento do Lincoln para sua parte interessada ou seus usuários. Ok, então está criando uma postura pública. Às vezes, é preciso. Está bem. Está bem. Apenas branco. Então, geralmente não é muito longo por seus minutos de guerra. Dois minutos. Está bem. Às vezes poderia ser facetado. Pode ser mais lento, mas não deve ser como uma tremonha doente. Está no nosso atordoamento. Está 100% agora. Tudo bem, então dissuade mais alguns segundos. Tudo bem. Está bem. Então você pode ver que a irmã Ling, que você quer fazer é apenas copiar para Sling. E você pode compartilhar isso vinculado aos seus amigos. Para você, senhor, para as partes interessadas. Então vamos verificar este link, eu vou golar com o Google Crumb, e isso é nós verificá-lo. Está bem. Tudo bem. Carregamentos laterais para que eu possa ver isso no lado direito. Aqui, há uma seção comum. Onde é isso? Pode comentar para o site de partida. Tudo bem. Então você pode esconder o espaço, Elissa Wall. É só clicar, está bem? Você também pode apenas expandir se você assim, vamos. Intricado. Porque eu deixei o hospital entrar. Então, quando você clica nesta área onde não há esperança de seu relatório mostrando os locais locais de ponto quente Então, se você quiser conduzir habilidades de uso, então você provavelmente quer injetar isso. Ok, vamos ver. Tudo bem. Então você deve notar que provavelmente o processo não é muito suave, mas eu acho que rosário depende mas eu acho que rosário dependeda complexidade do protótipo. E também provavelmente ele depende do computador que você usa. Você tem mais longe, senhor. Computador com processadores de alto desempenho. Provavelmente o bastante, hum, suave. Mas até agora eu acho isso muito legal. E você pode tentar. Tornou-se “ling “copiado e partilhado. Agarre-se aos seus amigos, aos usuários, às partes interessadas. Tudo bem, boa sorte.