Design da web com UI e UX usando Adobe XD — design de experiência de usuário

1. Introdução ao Adobe XD: Oi lá. Meu nome é Dan e eu estou no Adobe Certified Instructor agora juntos em você tem que aprender a usar um Eckstine sujo. Agora isso você é UX ferramenta de design vai nos ajudar a criar belas interfaces de usuário, bem como uma experiência de Argel simplificando. Durante este curso, vamos usar um projeto freelance real em que estou trabalhando. Um projeto precisa tanto de uma mulher para enfrentar quanto de um aplicativo móvel. Então, ele vai lhe dar uma compreensão muito boa de como executar seu projeto de UX em potencial Meu curso aqui é chamado Pessoas novas no design e experiência do usuário começarão logo no . início e se moverão apenas passo a passo. Punho para cima também teve uma boa dor construtiva e por cento. Então você aprenderá a criar alguns quadros de arame simples. A partir daí, você aprende a implementar cores e imagens corretamente em seus projetos, você aprenderá o que fazer e não é para escolher fundos para sites. Emma Violence também vai trapacear um pouco. Por que explicar pré fez você crianças para acelerar sobre fluxo de trabalho? Vamos construir um protótipo tanto o design do nosso site e design móvel conectando as páginas e adicionando interatividade total Realmente para você estatística enquanto ela com você muitos dos truques secretos dentro do Adobe Eckstine Isso realmente vai ajudá-lo a acelerar aqueles tarefas repetitivas até exportar os arquivos certos na criação de seu próprio espaço de design no final, eu tenho um projeto para você ajudar você a desenvolver suas habilidades. E então você tem algo realmente para o seu portfólio. Então eu espero que você realmente se atualize e se junte a mim para aprender a Adobe. Sim, é um plano falso para o Mike. Aqui você entra na loja e eles ficam ótimos. Você gosta? Vai ficar bem no escritório e depois chegas a casa e é uma planta falsa. 2. Introdução com seu projeto XD: Ei aí. Para começar, você precisa baixar os arquivos de exercícios. Haverá um link nos comentários ou descrição abaixo. Às vezes, há um botão. Ok, você está olhando para fora para os arquivos de exercícios de download. E a outra coisa que você pode fazer é durante este curso. O que eu faço é tentar e o quê? O vídeo individual. Eu saboreio-o também. Ok. E o mesmo para algo chamado arquivo completo. Ok, então cada vídeo terá um botão de ligação onde você poderia delicatessen, onde eu estou até 60. E se o seu não está parecendo o mesmo, você pode baixar menor. Basta comparar os dois. A última coisa é que durante este curso, você será convidado para revisão. Então revisa o sangue vital de mim como treinador. E por que tenho que fazer isso em tempo integral. Então, se você está gostando do curso e você nos receber para revisão, por favor, deixe cair. Quando lá dentro. Ok. E uma crítica honesta. Isso me ajudaria. Cargas. Tudo bem. Uh, vamos continuar com o curso 3. O que é interface de usuário vs UX de usuário de usuário com de usuário: Certo, antes de começarmos, cobriria rapidamente o que você ex enfrenta você sábio. Se você é novo no campo, eles ficam meio unidos. UX é mais um guarda-chuva. Ao McKay. Abrange muitos componentes, incluindo você. Por quê? Então você usa designers de interface do usuário o que vamos cobrir neste curso? Então vamos fazer muito em Derby Eckstine, onde ainda desenvolvemos a interface de usuário para uma web e um APP. Então esse é o componente U. Y. , mas isso geralmente é parte de um projeto U X maior, e nós podemos meio que ser divididos em três partes principais. Um é o caso do lado da pesquisa. Você faz sua pesquisa de experiência de usuário, e isso é meio que se separando. Estou descobrindo quem são as personas, como os seus clientes. O que os requisitos do cliente é tipo de construção fora de breve distância, os recursos que precisam estar em seu produto. Ok, esse é o lado da pesquisa das coisas. Depois, há o design real. Ok, o design U I, que vamos cobrir neste curso. Em seguida, você se move para o usuário testando K. O teste de usabilidade depois você pega seu projeto ex d e você começa a testá-lo. Vamos nos concentrar nessa parte do meio. Ok? Vamos mostrar-lhe um pouco de como obteve o resumo e como se preparar para usar o teste. Mas tenho outro curso chamado “Como Ser Ux Designer”. Confira isso. Isso é amore de, ah, tipo de uma visão geral do design ux e que lhe dará estratégias, toe construir resumos corretamente. Personas, provavelmente. E também os testes do usuário foram para fazer isso. Um pouco mais abordará e brevemente aqui, mas vamos nos concentrar nos recursos reais de design UX. Agora você como um designer de UX, só para que você saiba, isso significa que estamos trabalhando como se você está trabalhando em uma empresa menor , empresa média, você provavelmente vai ser esperado para fazer todo o tipo de três partes pesquisa o U Y eo testando em. Se você está trabalhando em uma grande empresa, você poderia ser apenas o designer U Y. Está bem, faz parte daquele projecto de UX maior. Você pode ter especialistas, pesquisadores que você pode ter um usuário especializado testado, então isso vai depender de onde você está. Mas X'd meio que fica no meio. Lá para as ferramentas de design. E, no entanto, é isso. Vamos passar agora e começar a construir como as coisas estão extintas. 4. A breve persona para o nosso projeto de vida real: Certo, antes de começarmos, quero delinear rapidamente o resumo deste projeto. Este é um projeto real de um dos meus clientes e meu para que haja uma boa maneira de explorar 60 através de um projeto real. Então o que? Tivemos que fazer esse tipo de pesquisa do U X e tivemos que construir um resumo do cliente . O que? Vou te mostrar aqui, e tivemos que construir a persona. Ok. Assim como quem será o público tigre. Então vamos dar uma olhada aqui na tela. Ah, é sim, ambos o quê? O cliente me enviou como um resumo inicial, e então o que tivemos que realmente movê-lo para, então tivemos um projeto real para trabalhar. Tudo bem, então isso confira, sabe? Ok, então, primeiro, como qualquer bom trabalho criativo, você tem que tipo de obter o breve direito, especialmente para você ex, porque muitas vezes o cliente em especialmente clientes idéia com não realmente executado através de um monte de projetos UX antes. Então eu acho, e controlar o que é e o que é descoberto. O que não está coberto. Esse tipo de coisas. Portanto, um resumo é sempre essencial para qualquer projeto. Certo? Então pensei em mostrar-lhe o que temos. Então este é o resumo que recebemos do cliente, então basicamente era muito fino. Eles têm um site, trazer seu próprio laptop ponto com e eles construíram esse tipo de volta para ele para seus treinadores usarem. E eles querem apenas liberá-lo para outros treinadores para definir usando potencialmente usá-lo como um produto. Ok, então eles querem um site que um aplicativo, eles muito, muito, muito básico. Então o que eu fiz foi ter um pouco de olhar através dos detalhes k através da análise de seu site. Eu sei um pouco sobre eles porque eu já lidei com ele antes, mas basicamente, eu passei por um tipo de projeto de pesquisa UX descobrindo quem eram os concorrentes, o que o produto faz é nós Pease quem os potenciais usuários seriam K e construído breve. Então esta é a coisa que eu enviei para eles gays e basicamente apenas cobre o básico fora. A maioria das cuecas veio. Isso é rapidamente executado através dele, você sabe, entendido. Você poderia simplesmente pular vai parar de fazer X t coisas, mas neste caso uma descrição do nome do projeto K. Basicamente, foi o que eles disseram. Eso apenas delineando essa descrição. Para quem é? Foi um caso muito importante. Então construímos uma persona. Eu vou te mostrar isso em um doente e como a persona realmente se parece. Mas isso é o que combinamos com o cliente, quem é a pessoa em potencial agora. A grande coisa com personas é que você pode adivinhar que você pode sempre biscoitos, mas você precisa rever potencialmente quem sua personalidade pode ser porque você pode ir. Sim, é definitivamente essa pessoa, mas você precisa permitir um quarto e um pouco de ortografia e vovó. Ok, então nós construímos para quem nós pensamos que os clientes são. Nós construímos a partir da lista de recursos, Ok, apenas para ter certeza de que sabemos o que está realmente indo para os quadros de arame de início quais são as partes importantes, Ok, deixamos de fora coisas como um rodapé ou outras características que eu tipo de apenas normal lá. A página entre em contato conosco precisa estar lá todas essas coisas. Então este é o tipo de material único para este projeto concorrentes e inspiração produto. Isso só ajuda nossa neve e o cliente a saber que estavam alinhados. E o do Tim é o tipo de coisa que estamos construindo entregáveis do rei. Isto é super importante. Então nós passamos por duas partes é esposa enquadramento E nesta alta fidelidade, basicamente alta para seu Lee significa que você sabe por que Frames uma alta fidelidade realmente simples tem ALS, as fontes e cores e imagens. Então nós construímos arames puramente apenas para aprovação do cliente. Ok, eu não saio e testo armações de arame. Vamos falar sobre uma carta sobre, Então nós construímos um protótipo Hope Fidelity e, em seguida, vamos para alguns testes de usuário com base no teste de usuário vai fazer. Nosso relatório de usabilidade que pode ser grande ou pequeno basicamente apenas alimenta de volta o que você descobriu . Seu teste de usuário, em seguida, uma vez que tudo está terminado e nós temos resolvido qualquer um de seus problemas com o usuário. Testing vai pegar todos os U. S. É para os desenvolvedores, e isso só significa dar-lhes imagens e código e ícones e símbolos que eles podem construir ou o aplicativo com o site. Então é aí que o nosso trabalho vai acabar. Ok, então eu sempre tenho um tipo não incluído, apenas no caso de o cliente apenas para tipo de ter certeza que os limites de ficar bem e claro . Então eles nos pediram para protótipos do back-end K, que é o tipo de instruir de lado, fora deste site, há também um lado estudantil dele, que eles já têm desenvolvido. Eles não querem que nós redesenhemos o seu, então eu só estou me certificando que é claro que eles me disseram lá. É claro que não estamos cobrindo isso porque eles esperam usar seu tipo de sistema atual . O lado do instrutor, que vamos testar os custos, disse Kay. Isto é o que eu cobrei por este trabalho e os empregos muitas vezes eles meio que começam em cerca de 2,5 mil nós e obter até cerca de 10 mil para projetos maiores. Este aqui basicamente um treino o quê? Meu dia Raiders, e é cerca de $800. E então eu poderia descobrir quantos dias eu preciso trabalhar com algo como uma linha do tempo em um pouco de um buffer e, em seguida, dar-lhes uma taxa horária depois disso para que se eles começarem a perguntar o material que não está coberto nos entregáveis, e você pode dizer Shuriken fazer isso, mas provavelmente vai me levar mais meio dia e então eles sabem sua taxa horária para eles saibam que você sabe que vai custar X vinhos ele e eu acho que é uma boa maneira de parar o trabalho para se assustar. Então, o creep do trabalho acontece com cada trabalho que eles vão tudo pode. Você rapidamente apenas adicionar essa coisinha extra e você é tipo de você adicioná-lo e você vai decidir mais tarde se você construí-los para ele ou não no trabalho ao longo de rodadas e você ou você surpreender com uma conta gigante ou você apenas chupar esses custos, que é uma droga. Então eu faço para a costa que o começo de nos dar custa porque é isso que todos querem. Ninguém quer uma taxa horária, mas dê-lhes bem cedo, modo que quando você está conversando e eles estão tipo, oh, hey, você também pode fazer isso? Nova Iorque? Claro , provavelmente vai levar três horas. Eles conhecem os Raiders anuais, e você pode adicioná-lo à sua conta e todos ficam limpos desde o início. Sempre são solicitados 50% de pagamento até o portão da frente para iniciar o trabalho. Há tantos trabalhos que acabo por começar que nunca podem ser terminados. Então eu gosto de ter certeza que eu recebo 50% adiantado para que eu possa cobrir meus custos. Para a parte inicial como essa, é a parte mais importante, esse tipo de fazer a pesquisa UX de trabalhar os recursos. Essa é uma parte muito importante do trabalho, eu acho que sim. Me pediram ou porcentagem adiantada. Você pode entender algo menor do que isso, mas 50% é bastante comum e, em seguida, 50% nos prazos de conclusão. Gay, cada trabalho um pouco diferente. Mas foi isso que fizemos. Então há uma espécie de ah, eles e eu. Então eu vou fazer o uso da pesquisa para começar com três arames e são entregues para tornar seu laptop fino. Então eles me dão feedback até essa data certa. Então eu lhes dou a alta fidelidade. Então eles me dão feedback sobre essa alta fidelidade, e então ele realmente vai para usar um teste e, em seguida, nós temos permissão para um par de semanas com testes de usuários. Isto não poderia ser um meio diferente de como, para este projeto, nós vamos fazer um monte do que é chamado de teste de corredor ou testes por cima do ombro. Vamos tentar encontrar-nos com pessoas para fazer coisas de vida física, encontrar pessoas que a pessoa do Metro e trabalhar com elas. Não, Novamente, não vamos cobrir totalmente os testes aqui. Tenho outro curso para isso. Confira como ser um designer de UX para algumas das técnicas de teste. Sim, vamos fazer coisas por cima dos ombros deles. Provavelmente fazer alguns testes moderados da UNM. Onde vamos, você diz que usa testes ponto com eu acho que é realmente útil. E você poderia apenas parecer que eles e as pessoas se gravam ovelhas rapidamente. E é algo para o qual você não precisa organizar reuniões. E você tem gravação para que você possa cortar fora. Mas para mostrar ao cliente alguns dos resultados. Ok, então haverá um usuário testando em relatórios completos sobre o básico Apenas feedback sobre. Isso é o que acontece no usuário testando esses ar, as mudanças que vamos fazer e você faz essas mudanças e uma vez que as alterações finais foram feitas, vai entregar os ativos para o desenvolvedor para ser construído, que neste caso seria eu provavelmente vou acabar fazendo o lado Web das coisas k pelo menos o material de web design front-end. Mas o AP e o desenvolvimento de back-end terão que ser feitos pelo desenvolvedor, que é totalmente fora da minha zona ou mais do seu lado criativo, a frente dentro. Então, sim, esse é o tipo de resumo que vimos para o cliente. Sempre certifique-se que, porque eu aposto que você 100% promete que isso não vai ter o quarto de dezembro significa porque o feedback Ok, então seu cliente vai ver esta data e dizer que vai fazê-lo, mas as coisas só vai aparecer tarde. Você sabe, só estar um ou dois dias atrasado, e eu só me certifico que assim que for alguns dias depois, eu revisto a próxima linha do tempo, ok, ok, que eles saibam que foram eles que empurraram para fora. Então, quando está dois meses atrasado, não é por minha causa. É porque fora de seu feedback ruim, Ok, então ser realmente meio rígido no início, dizendo que sim. Ele precisa estar aqui até este encontro e assim que eles se atrasarem, adicione isso ao tempo e apenas empurre isso para fora porque isso vai parecer longo se for empurrado para o próximo ano porque vai adicionar, tipo, mais duas semanas no meio do Natal. Deveríamos ter entregado isso em meados de dezembro. E antes que você perceba, é fevereiro e eles tiveram no meio de dezembro. Portanto, apenas tenha muito cuidado com cronogramas e prazos. Agora, novamente, este é o meu processo. Você pode estar trabalhando em uma agência e os $4000 não pagariam o aluguel. Então você pode estar começando nos 5000 e terminando na marca de $50.000, dependendo do tamanho dos projetores. Você pode estar apenas começando, e você pode estar assumindo um trabalho muito mais barato do que o Reino Unido. Você pode estar fazendo desenhos para 1500 ou até 500 para conseguir seu primeiro emprego, mas eu pensei em mostrar onde eu me encontrei como designer de UX freelance. Então você tem algum tipo de idéia sobre preços, cronogramas e resumos. Vamos dar uma olhada rápida na personalidade que eu fiz. Certo, então esta é a persona que construímos para este projeto agora, e o resumo inicial pode evitar um esboço áspero. O que temos feito desde então é uma pesquisa de UX sobre quem essa pessoa é mais provável de ser. A coisa boa sobre este cliente em particular é que eles têm muitas análises do Google e têm um canal forte no YouTube. Então, é fácil obter dados reais sobre quem está usando o canal, quem está usando seu produto e depois falar com o cliente sobre quem essa pessoa em potencial pode ser. Certo, então o que entrar nisso vai depender do seu projeto. Então demos um nome a esse cara. O Peter. É uma mentira falsa, todas as imagens. Mas sinto que representa a pessoa a quem damos aos homens a idade o seu cargo num lugar onde vive . Ok, agora o que vai dentro dele? O que você realmente quer fazer é ser capaz de se comunicar. O quê, depois de ler isto? Não, a pessoa. Ok, então você precisa anotar a pasta de dentes para usos ou os drives de transporte? Potencialmente, mas potencialmente não se for um Prius, ou uma Ferrari. Isso é um tipo de indicação potencialmente que tipo de pessoa ele é. Ok, então alguns de ver algumas pessoas que apenas chegar até nós como o meu novo deve detalhar, como se fosse o que você quer lá é só para que você possa ter o suficiente aqui para meio sair e ir embora. Eu entendo o que ele faz em relação ao meu produto. Ok, então pode ser falta da enfermeira. Provavelmente não muito mais curto, mas eu também não aguentaria muito mais tempo. Então, leia isto. Só para você entender quem é Peter, o que estamos fazendo. Este projeto, o que tem feito por você está nos arquivos de exercícios. Há, ah, pasta chamada persona template. E você pode usar isso se quiser. Há um arquivo ilustrador. Você pode alternar as imagens e fontes e outras coisas e usar isso, se quiser, você tem permissão total para usá-lo. Mas você tem uma leitura e ver como Peter faz as coisas. Então, leia e entenda Peter e suas posições que quando estamos construindo um X T, podemos tomar algumas decisões baseadas no que Peter iria querer não o que o cliente quer e não o que eu quero pessoalmente. Certo, então esse é o breve “M personas”. Vamos para o próximo vídeo. 5. Enframe baixa na Adobe XD: Certo, então vamos começar a emoldurar e ex D agora. Por que Framing ou baixa fidelidade? Gay é o termo usado com frequência. Alta fidelidade significa apenas a visão com as fontes, as cores e as imagens. Certo, isso parece exatamente com o produto final. O enquadramento do fio ou baixa fidelidade só tem um fundo, uma cor, um layout básico real. E para mim, o enquadramento da esposa é provavelmente a parte mais importante. Essa é a parte. Comigo está um gelo estilista. É daí que vem o meu valor. Meu palpite é trabalhar o fluxo de usuários. Ok, como eles vão de A para B, quanto tempo leva, quantos passos, como é fácil. Esse tipo de enquadramento largo é eram. A maior parte do valor vem de mim como designer. Mesmo que eu ame as coisas de alta fidelidade, o enquadramento da esposa que eu acho é muito importante. Agora, você testa as armações de arame? Eu uso arame frames para enviar para o cliente disse que eles podem verificá-lo para se certificar de que tudo está no lugar certo, mas eu não usar-se para testes reais para realmente em usuários ou as personas que você pode encontrar ? Eu sou rápido o suficiente para preparar as versões de alta fidelidade, protestando, e eu prefiro testar com aqueles com o material certo de marketing, imagens, fundos e todo esse tipo de coisas lá dentro. Vejo-te. A outra coisa é que, em termos de arame, eu vou fazê-las manualmente primeiro. Como se eu usasse algo assim no meu livro rapidinho. Isso não vai para ninguém além de mim. Ok, então eu vou segurá-lo no microfone e desaparecer e você realmente não pode me ouvir. Hum, espero que você possa ver que talvez você pode até mesmo me ouvir, mas sim, é apenas esboços realmente básicos essas páginas e páginas destes e eu apenas passar por e meio de extrair as idéias que tudo precisa ir e, em seguida, começar a construir um próximo você apenas mais rápido. Desta forma, você pode preferir ir direto para o computador. Isso é bom, também. Sim, então vamos começar no X T. Agora veja alguns dos kits da U.Y. Finalmente X t tempo. Ele continua prometendo, eu prometo. Próximo vídeo 6. Trabalhando com kits de interface de usuário no Adobe XD: Olá, no setor. Vamos começar nossa página aqui. Vou receber uma página. Nós vamos pegá-lo, ter uma navegação. Vamos puxá-lo de alguns dos modelos que são construídos em 60. Sim, e faça com que pareça assim. Tudo bem, vamos entrar e começar e X'd. Certo, então finalmente abrimos o X'd. Agora, primeira coisa que vamos fazer é baixar um dos modelos que o X'd fez para nós. O que vai tirar partes disso enquanto trabalhamos? Porque, sim, eles acabaram de fazer algumas armações pré-fabricadas que podemos roubar peças dos dedos ajudam a acelerar o processo. Você pode fazer isso baixando. Aqui. É dele. Vocês kits brancos são uma opção. Isto é armação de arame. Ou você pode subir para arquivar seus kits y e clicar neles aqui. E isso só vai abrir caçadas e vários deles gays em. E ele pode clicar em kits de download. Agora, eu já baixei para você e coloquei nos arquivos de exercícios. Então, se você tiver baixado os arquivos de exercícios estarão lá prontos para ir. É saltar de volta para 60. Ouça aqui. Na próxima véspera, é aberto o arame, tem um arquivo para abrir e os arquivos de exercícios que baixamos. Há um e eles te chamaram de modelos brancos. Então eu baixei esses quadros de arame aqui, e vamos começar com a web agora. Por que estava configurando com Web e não móvel? Isso é totalmente com o seu projeto. Gay al Brief é bem específico. Os principais alvos serão usar a Web que as mulheres enfrentam. Mas se você soubesse que seu projeto foi baseado principalmente para uso da Web móvel ou talvez um aplicativo. Certo, você começaria com Mobile, mas vamos começar com Web e abrir, certo? A primeira coisa em primeiro lugar é navegar e dar zoom em torno. Na maneira mais fácil é manter pressionado o comando em um Mac ou controle em um PC e tocar na tecla mais para ampliar e a tecla menos para diminuir o zoom agradável e fácil. Algumas outras técnicas de navegação estão mantendo o espaço. O Bar K dá-me a minha mão. Eu começo a tipo de movimento em torno de K se eu zoom em um pouco segurando o espaço por clique, segure e arraste ok com o meu mouse. E isso me permite mover os documentos. Agora, dois outros pequenos gatos de navegação útil cuidado antes de começarmos é manter pressionado comando em um Mac ou controle em um PC e tocar na única tecla deu esse zoom antigo em 100%. E é aqui que devemos fazer a maior parte do nosso trabalho. Ok, um, estar muito longe e muito ampliado em gays e tomar tipo de decisões sobre a escolha da fonte e tamanho. Não é tão útil, porque eu uso é o nosso único que nunca vai sentar 100%. Então, é ótimo ter este tamanho um comando ou controlar um fora. Você está em um PC. O último. Eu prometo. K é o meu favorito é se eu selecionar este elemento aqui e ir comando três ou controle três em um PC, ele amplia, e ele apenas tipo de destaca que uma área eu acho que super útil. Você faz isso todo o popa também. Então você quer ver isso de popa? Você pode clicar no nome ao longo do comando superior três, e ele irá centrá-lo em sua visão. Certo, então essa é a navegação básica. O que vamos fazer é criar em torno do documento agora, então vamos para o arquivo. Vamos para New. Há alguns padrões aqui. Ok, você tinha essa pequena lista para encontrar outras opções. Depende do que você quer fazer. Eu gosto de começar sites com isso. Isso é 920 de diâmetro por 18. 80 de altura. Você pode digitar um tamanho personalizado aqui, ou se você obviamente trabalha com iPhones IPADS. Você pode usá-los por padrão. Ok, então eu vou usar esse cara para cima, Ok, então nós vamos salvar este, ir para arquivo salvar, e vamos colocar todos os nossos arquivos para esta classe em um desktop. Vou fazer uma nova pasta, e esta vai ser apanhada. Instrutor. É fofo. E vamos chamar esse instrutor de arquivo H Q. Vamos chamá-lo de protótipo químico. Esse é o meu “V”. Certo, então a primeira coisa que precisamos fazer é seu nome, nosso motor de popa. Veja, clique duas vezes nas palavras aqui. Vamos chamar esta página inicial. Agora, se você é uma pessoa como eu que nunca nomeou suas camadas e loja de fotos ou ilustrador. Você tem camada como 57 gays e não tem nome nomeando suas placas de arte aqui em X t tornar-se super útil quando paramos de prototipar isso mais tarde. Então, sim, eu tenho o hábito. A outra coisa. Eu vou fazer a quantidade de Zynga, K e eu faço minha maçã muito longo agora porque eu não tenho nada na minha página e nada selecionado . Eu apenas padrão para o motor de popa. Não há popa para ok que você poderia usar se você quiser o oficial. Mas porque eu não tenho mais nada na minha página, Eu posso apenas atualizar facilmente o ascendente você notar o aqui esta linha pontilhada deu este é apenas um pequeno guia visual agradável aqui para mostrar-lhe o que a porta vista inicial é ou dizer acima da dobra, Isso só significa que tudo acima aqui é o material que as pessoas vão ver primeiro em sua página web. Tudo aqui embaixo vai ser coisas que eles têm que procurar. Então é aqui que a magia precisa acontecer. Você precisa fazer. Você está vendendo o seu principal convincente que você chama à ação tudo acima desta linha pontilhada aqui, você pode ajustar este ponto de vista inicial se você acha que é muito alto ou muito pequeno. Certo, então primeiro de tudo, vamos roubar algumas partes daquele caso modelo. Vamos saltar para ele. Você pode ter uma janela e problemas entre eles aqui. Então isso é saltar entre este e este. Certo, é com você. Eu uso o comando inclinando em nosso mech até que estes o nós acenamos a chave acima de sua tecla tab. Ok. E em um PC, eu acho que é controlado Tab apenas tacos entre eles. Então eu faço um monte de saltar entre esse caminho. Ok, então o que eu quero agora é que eu quero um desses elementos de navegação, então eu ia escolher o que mais parecido com a minha mão desenhada simulada, e provavelmente é este aqui, então eu vou clicar uma vez, ir para copiar. Então, copie, e eu vou pular para o meu projeto, ok? E eu vou pegar uma pasta. Então, uh, o que eu quero fazer é usar meu erro negro, e a coisa boa sobre eu tentar entrar no centro, mas você assiste X profundo. É inteligente. Tipo de conhece o centro que você pode ver que pega, enfiá-lo no topo. Agora, quando estamos projetando isso, eu escolhi um tamanho. Ok, se eu clicar na borda aqui, nós cozinhamos nos nomes. A maneira mais fácil. Ok. Dá-me os meus documentos, sessões, sessões popa, e escolhemos 1920. Nunca quero desenhar um site tão grande, especialmente a partir dos meus arames. Nunca quero desenhar um site tão grande, Ok, eu escolhi este tamanho porque eu gosto de usar o mesmo tamanho aqui, 1400 para fazer o meu site. Mas eu gosto de ter esses ferimentos extras aqui só para que eu não esteja tentando projetar dentro de uma pequena caixa. Isto é aqui é apenas uma espécie de área de buffer para que eu possa ver o que parece em uma tela potencialmente maior. Então, o que eu também gosto de fazer é estender o meu nunca por muito tempo, porque vai ser por cima. E então o que eu vou fazer, certo é bom. Ungroomed este clique direito novo selo um atalho cortes aqui. Vamos passar por mais Marshall recebe à medida que avançamos. Mas no grupo esse atalho é o mesmo que muitos outros produtos adobe. Ok, então eu tenho isso Eu vou copiá-lo e colá-lo. Por quê? Porque quero usar isto. Só um czar vai diminuir o zoom que estou usando. Este é um tipo de guia aqui para me mostrar onde eu deveria estar desenhando de dentro para fora. Ok. E o que eu vou fazer com ele, eu vou pegar o cheio e eu vou apenas baixar a capacidade deste completamente para baixo. Só para que seja só uma dica no fundo, OK? Para me enviar com meus limites fora. O que eu também vou fazer com ele não vai trancá-lo, então eu não posso movê-lo. Ok? Com ele selecionado, você pode clicar com o botão direito e Luckett. Ok? Há algumas maneiras de conseguir travar o dedo do pé. Certo, aí está. Ali. Eu uso o comando de atalhos l em um Mac ou controle Eleanor PC. E você só tem este ícone de bloqueio que você começa desbloqueando facilmente clicando nele. Ok, então isso está me dando a minha largura e só significa que eu não posso movê-la agora. Está bem, entra em conflito, mas não consigo movê-lo. Uma das coisas que quero fazer é que está acima de tudo aqui nas minhas camadas. OK, então quando eu tento clicar na minha navegação, está no caminho. Então eu vou clicar, segurar e arrastá-lo para que ele fique no fundo. Você pode ver lá no painel de camadas. Ele está trancado se você não pode ver camadas tomadas neste pequeno ícone aqui. Então eu vou cozinhar nisso e eu vou segurar um pequeno atalho. Mantenha pressionado o volume em um PC ou a tecla de opção em um Mac e arraste um lado. Você vai ver que meio que vai para os dois lados. Não importa como você arrastá-lo para fora. Mas é isso que quero começar. Ok, eu tenho um tipo de guia aqui para saber onde a síndrome, uma cidras de teia e minha navegação vai até o topo porque é assim que eu planejo ter no meu resultado final. E só parece legal e minha esposa enquadrar tudo bem, então uma última coisa antes de irmos é que aqui na minha esposa moldura que o modelo que você pode ter notado e já consertado que você pode ter fontes faltando. Ok, clique no botão e você pode afundar as fontes usando kits de tipo agradável e fácil. Não ignore, K. E se você não pode consertar, não se estresse. E ele vai funcionar muito bem com este tutorial. Se você não consegue encontrar as fontes, nada de drama. Mas se você pode corrigi-los e você quando vai passar para o próximo vídeo? 7. Trabalhando com tipo em seus wireframes XD: Oi lá. Neste vídeo, vamos olhar um tipo de dia seguinte, vamos atualizar alguns dos Neve aqui. Vamos falar sobre quais fontes podemos usar e não podemos usar. Vai fazer. Então, meu forro e distribuição e vamos atualizar o logotipo aqui no canto superior esquerdo Excitante. Não é muito homossexual, mas algumas coisas essenciais. Então é entrar em n fazê-lo. Ok, então trabalhar com o tipo a seguir é bem fácil. Vamos cobrir tipos mais específicos de fundos da Web e outras coisas mais tarde quando entrarmos em nosso tipo de versão final de alta fidelidade. Mas o básico para o momento é que eu quero substituir o 60 sem logotipo de negócios. Ok, então eu vou cortar nele e apagar o meu tipo, também. Agora, você pode estar inclinado a começar a usar o logotipo da marca para a empresa. Não é útil e arame quadros. Você tem que manter isso bem simples. Por que molduras e, em seguida, deixar sua criatividade correr livre no tipo de versões de alta fidelidade ou nas versões finais? Eu não, mesmo que eu me levantar muito em, como colocar um logotipo em, e você acha que eu vou apenas usar a cor da marca para a navegação. Então você começa a pegar fundos. E então, antes que você perceba, você está totalmente projetando uma armação de arame, e deve ser um processo rápido e fácil. Vou colocar o instrutor H Q. disse o nome da empresa e não vou me preocupar com nada, exceto aquela cor aqui , Phil, só que poderia ser vista. Então, o básico está aqui. Você tem o tamanho da fonte. Você tem o seu fundo, obviamente, e os diferentes tamanhos ou os pesos. Andi, você só tem um tipo básico. Casey, você tem os espaços entre as letras. Caso. Eu poderia abrir. Talvez 200. Está bem. E eu tenho um pouco mais de espaçamento entre os personagens. Eu não quero estar fazendo isso neste processo, e este é o líder do espaço entre as linhas. Agora, um dos truques úteis quando você está trabalhando com fontes é essa coisa. Ele não é como um “drop down”. Você realmente digita. Por isso, às vezes é mais fácil. Só um clique. Segure este pequeno ponto aqui, pegue seu erro preto, então há um pequeno ponto branco Ele faz algumas coisas. Se eu arrastá-lo para baixo, ele faz o telefone deslizar para cima e para baixo, o que é legal. E você também percebe se você um pouco abaixo dele, mas você pode começar a girá-lo. Ok, então meu conselho Aqueles não giraram qualquer texto em um site ou projeto APP. É muito difícil, tecnicamente fazer o tipo girar. Parece uma coisa fácil de se fazer. Mas se você já duvidou de sites antes, na verdade, tipo de classificação é impossível. Então temos que transformá-lo em uma imagem. E é um grande drama, então tentar fazer isso. Então a outra coisa é, quando você está escolhendo tamanhos, ok, você quer estar em 100% você pode ver que eu sou 75%. Então eu estou de pé, tomar algumas decisões sobre a ira. Isso é grande o suficiente. Mas quando você não é 100% homossexual, você pode tomar algumas decisões ruins. Então, se eu entrar, lembre-se do comando um no controle Amec um em um pc. Ok, então você pode ter uma sensação de ok, estes são os tamanhos reais que usam que eles vão ver. Então eu sinto que eles são bem pequenos, e isso é bem grande, então eu vou encolher isso um pouco. O que é isso? Aquele 20. Então eu posso arrastar aqui, obviamente. Digite-o ali. Vou manter o nosso tipo de tamanho de fonte consistente. Ok, 16 é realmente um básico padrão, exceto a maior frente que você quer usar. Então eu vou clicar nesses caras também. Na verdade, eu vou ajustar alguns desses, então eu não quero que eu tenho três deles que eu quero. Está bem. Vou cortar todos os três. Na verdade, não, só fazemos um e depois duplicamos. Então ele vai usar o meu preto, nós apenas deixá-los, e eu vou clicar neste 1º 1 sons vai ser exemplo. Está bem? E eu vou fazer o tamanho da fonte até 16 para combinar com a outra coisa. E eu quero um par deles agora. Então pequeno truque é que você pode fatiá-lo e ir para editar, copiá-lo e colar gays ou controlar D em um PC ou comando Deana Meca. Isso dá-te dois deles. Mas acho que a maneira mais fácil é com a sua flecha negra. Com o seu selecionado, mantenha pressionada a tecla de opção no pescoço da tecla antiga no PC e arraste-a . Você notará que, assim que arrastá-la segurando a tecla pressionada, você obtém um login de preços duplicado. Membro de puxar estes do meu tipo de características. Estas são as principais coisas que precisam entrar. OK, e neste caso, o último é inscrever-se. Ok, então o que eu quero fazer é que eu provavelmente quero esse cara no limite aqui, talvez um pouco por dentro. E eu vou segurar o turno e selecioná-los todos tão bem. Meu preto está segurando o turno, apenas clicando em cada um deles. Está bem? E, na verdade, eu poderia arrastar este para fora um pouco mais. Você pode arrastá-los e assistir. Consegue ver os espaços entre eles? Comece a forrar. Eu vejo aquele ponto rosa lá para que você pudesse fazer isso, então eles são todos iguais. Certo, é com você. Ou se você selecioná-los todos segurando turno e usa opção aqui em cima que diz, Veja esta quarta opção e ele tem sua distribuir horizontalmente apenas tipo de como spritz todos para fora. Agora a outra coisa que você precisa fazer é como eu brigando com você mesmo para não escolher uma fonte melhor. Só um mais agradável. Gay e talvez usando superiores e baixos e só quero manter isso fora dos momentos. Quer ser essa armação de arame realmente desajeitada e funcional? Sem estilo enquanto eu passar e alinhá-los bem, E. Ok, então não há muita coisa que você pode ignorar. Certo, então seremos nós no próximo vídeo. 8. Como criar botões de seleção no Adobe XD: Ei, neste vídeo, vamos fazer algumas caixas de entrada, algumas caixas de garotas e um botão ligado. Nós também vamos olhar para a criação de estilo de personagem Alphas. Então vamos começar a criar agora. Certo, então a primeira coisa que quero fazer é pegar a ferramenta retangular e dividir um pouco de espaço. Vai haver a minha caixa de embarque, está bem? Está acima da dobra. É o meu mais importante. É pedir que as pessoas se tornem membros, pelo menos testem o curso. Ok, então o que eu gostaria de fazer é que eu estou infeliz com o branco encher a fronteira aqui. Vou mudar um pouco para ficar escuro. Sabe, eu disse para não gastar muito escolhendo fontes e cores. Às vezes não consigo evitar, mas escolhi um cinza um pouco mais escuro, e vou reutilizar este cinza ao longo do curso. Então vê este pequeno botão mais aqui à frente? Além disso, significa que é facilmente acessível. Nunca é a mesma coisa para aqui em baixo. Vou clicar na navegação. Está bem. Vou clicar no azul, e vou adicionar isso também. Por isso, é agradável e fácil de reutilizar. O que também vai fazer é ver este pequeno ponto aqui. Ele pode ser arrastado por suas cores. Vou arrastá-lo para o canto superior esquerdo. Então ele é totalmente branco. Não se preocupe com esta navegação no momento. Então eu tenho uma cor branca pelo menos lá. E um preto cheio. Eu só estou bebendo todo o caminho até o fundo. Clicando com o botão esquerdo e arrastando por aquele canto. Então eu tenho pelo menos algumas cores básicas para começar a trabalhar, então eu vou colocá-lo de volta. Minha navegação de volta ao azul. Agora, por que estou usando o Blue? Aconteceu de ser o único que estava no modelo. E eu estou relutante em ir escolher a cor da marca para usar talvez o verde da cor que eu poderia começar a usar. Não, você poderia usar preto e branco. Isso é bom. Ok, então esta vai ser a minha caixa de embarque. O que vou fazer é olhar para mim nesse comando. L ou controle Elena pc, Na verdade, um pouco de tipo no topo aqui Primeiro vai ser onde minha mensagem de embarque vai. Hum, ok. Vai ser uma espécie de Ah, eu vou fazer isso apenas um grande de frente. Ok, então na mensagem de embarque vai aqui, eu tento não adicionar qualquer tipo de diálogo real ou tipo real de material de marketing aqui novamente apenas para mantê-lo simples, dado a idéia para o que os títulos significam para ser usado. Então, agora, tudo em um campo de texto ou uma caixa de entrada que eu vou ir e obter do meu modelo. Ok, então aqui minha armação de arame. Eu estava olhando em volta, e eu encontrei sobre isso uma seção de formulário, e então eu acho que é apenas escolher o tipo de estilo que você mais gosta. Ok, então eu vou pegar este aqui, ok? E eu vou copiá-lo e colocá-lo de volta para a minha opção aqui, ok? E parece-me que, em vez de entrar, , vou pôr o nome do teu curso, tipo de repassar a minha coisa que dizia, sem mensagens de marketing ou não, como o tipo real. Eu não poderia pensar em uma maneira melhor de descrevê-lo sem realmente escrever o texto neste caso. Certo, então, em termos de texto, eu vou manter tudo grão. Basta manter a consistência chata através do acelerador. E eu vou adicionar um pequeno sinal de mais aqui apenas clicando em um está batendo. Além disso, selecionando em que eu poderia torná-lo um pouco mais grosso para que ele pudesse ser visto em negrito. Ok, tamanho sábio. Provavelmente precisa ficar quites. Muito bem, Black Arrow em posição. A próxima coisa que quero é uma caixa de seleção. Ok? Você pode gostar de arrastar essa coisa por aí. Realmente quer se encaixar nas coisas. Está bem. Normalmente. Muito legal. O que você pode fazer é se você achar que um pouco difícil é deixá-lo ir e emitir o seu teclado. Estou usando minhas teclas de seta no teclado só para movê-lo. Você pode ajudar a mudar. E você vê, Eric, ele é um grande pedaço incrível. E sem ele apenas se move em pequenos pedaços costas. E agora quero uma caixa de garotas. Ok, então eu vou saltar de volta para a minha armação de arame, ok? E há um bem aqui que serve. OK, sério? Então consegui uma cópia para ele. Ele atravessou. Está bem. Vai estar em algum lugar. Eles são ótimos. E eu vou clicar duas vezes nele, e eu vou dizer que você amostra de vídeo. Eu vou usar o meu, uh oh, que eu estou usando ao longo da próxima vez quero colocar e iguais. Ok, Esfrie e vamos colocar um botão aqui. Então eu vou encontrar um bom botão de jogar. Com sorte, está bem. E é só uma questão de olhar ao redor indo Há um botão lá para mim no grupo estes , isso é o que quando você não vai copiá-lo, movê-lo através, colá-lo. E é por isso que vou usar bengala. Este vai estar dizendo que este é um preview O que eu poderia fazer um selecionado torná-lo perfumado. Agora você está notado que na verdade, ele não está conectando seu grupo da caixa externa, mas não está meio conectado, então eu vou agrupá-lo para que eu possa arrastá-lo para o meio aqui em termos do tamanho da fonte , Decidi escolher um maior de Deus aqui. 14. Ok, então eu tenho 16 e 14 então eu poderia realmente fazer isso, mas mais consistente. Então você sabia que ia ter 14 anos também. Eu sinto que é um pouco de tamanho divertido. Há algo que não nos livramos deles. Venha agora. Uma das coisas que acontece comigo quando estou projetando aqui é que você pode ver, eu acho isso difícil de ver. Ambas as bordas. Está bem. Quero ficar a 100%. Certo, estou projetando no tamanho certo, mas é difícil ver os dois lados. Você vai ter que ligar e desligar isso. Se você está trabalhando em como esta tela, Aqui está um Mac livro pro gay. E acho que é 15 polegadas. Então as telas não são grandes o suficiente. Você é um monte de problemas de 13 anos e que espero que talvez você possa estar trabalhando em um monitor externo. E é isso que normalmente faço quando não estou gravando. Ok? Só tenho uma mistura. Monitor maior para monitor K que eu conecto para trabalhar e sim. Tudo bem. Eu vou pelo menos fazer isso perfumado lá dentro. Isso parece legal. Peixe. Bem, a última coisa que esqueci de fazer é que você pode pular agora. Não estamos ficando mais excitantes. Vou a uma pequena opção. E aqui isso significa dizer, escolha o seu arquivo. Além disso, e vou usar a mesma fonte e outras coisas como esta. Então o que eu quero fazer é eu vou realmente mergulhar em um pouco de estilos quando eu posso usar estilos muito neste nível. Ok, então com este selecionado ok, eu vou para o grupo. Então eu conflito apenas com este tipo. Vou abrir o que é chamado de painel de ativos. Então aqui em ativos Ok, eu posso ter algo chamado estilo de personagem. Então é como estrelas de personagens de outros produtos, como ilustrador ou design. Se eu clicar nele, é apenas como um tamanho pré-fabricado que eu começar a reutilizar muito facilmente. Então eu clico nele e clique nele. Agora todos combinam. E se eu atualizar este por direito, clicando nele e entrando nele e dizer mais tarde, eu decido. Na verdade, não. Acho que 16 precisa ser usado. Você pode ver tudo vai e fica atualizado. Você pode ver que este não era parte desse estilo. Mas xdd ism que desenhou magia onde meio que alcança o documento, encontra aqueles que são executivos mesmos e atualiza-os também. Então, será útil. Então, na verdade, vou voltar para 14. Sim. Uma coisa que eu poderia fazer para fazer parecer um link que pode ser clicado é devido subjacente estranhamente você não pode fazer sublinhados ainda. Em 60. É meio que imaginou um. Certo, então vamos dar uma folga. Bots meio que um dos mais importantes vai pegar o dedo do pé e fingir. E sublinhado veio e tipo de indicar um pouco de hierarquia entre isso ser o mais importante. E isso, sendo como esse tipo de parte do Nick, eu poderia realmente usar um tamanho ligeiramente diferente 14 e justiça em lata. Eles podem ir por baixo para que eles possam usar o exemplo de vídeo ou escolher em torno de arquivo. Agora, quando chegarmos a um tipo de versão de alta fidelidade, eu vou ser capaz de mostrar que muito mais e mais claro tipo de luta com eles. Tipo, eu realmente quero passar algum tempo fazendo isso parecer uma opção de zona. Como uma segunda opção. Mas hey, ho, nós vamos deixá-lo lá por enquanto. Tudo bem, então vamos para o próximo vídeo 9. Ícones gratuitos para seus projetos de Adobe XD UX: Ei, nesse vídeo, vamos encontrar ícones. Você pode ver o vídeo. Aqui está um ícone de música. Há uma imagem um. Vamos mostrar-lhe os principais lugares para ir e reunir ícones consistentes sobre estes três lugares principais. E então vamos explicar isso bem rápido. Certo, só um risco. A página e vamos rastrear em nosso rodapé. Então vamos fazer isso agora. Ok, então eu quero alguns ícones, certo? E eu estou olhando para o meu tipo de arame aqui, e eu tenho uma caixa grande embaixo que vai ter este pedido tocando vídeo. Isto é como vídeo. E por baixo disso há um grande infográfico. Então eu preciso de alguns ícones. Preciso de um vídeo. Preciso de um botão mudo. E eu preciso de um tipo de ah, ícone que mostra uma imagem porque eu obviamente não quero usar imagens reais específicas e vídeos específicos. Um pequeno lado que você pode realmente colocar vídeos, vídeos reproduzíveis dentro de 60 no momento. Está bem. E assim nós queremos. Meus contras, há alguns lugares para pegá-los. Um dos lugares fáceis é fornecido pela Adobe. Você clica em seu logotipo da Creative Cloud. Ok? E está aqui em cima em um Mac e seu fundo, certo? Eu acho que em um pc. Ok? E você quer ir para os ativos e, em seguida, comercializar. Em seguida, clique neste pequeno ícone de pesquisa e, em seguida, digite o ícone. Você está procurando por eles em vez de fazer o vídeo justo tipo de imagem porque eu não consegui encontrar um bom vídeo aqui. Ok, mas você pode encontrar uma boa versão de imagem. Ok, então isso é razoável, consistente. Como o que eu esperava como um espaço reservado para uma imagem, você pode clicar sobre eles. Verifique se este é um gráfico vitorioso de gráficos vetoriais escaláveis SPG. Se você não está acostumado com os PG, eles são incríveis. E um novo eles são como ateus é dos velhos tempos, eles são intercambiáveis. Mas a vítima, que é adorável clique download e onde o meu novamente baixá-lo para. Vou fazer uma nova biblioteca para este projeto. Vou ligar para este instrutor. Instruir. Uh H Q. Ok. O nome da empresa esperançosamente é baixado em seu ok, Você pode ver que ele está afundando aqui vai demorar um pouco doente em se eu saltar de volta para X d. Agora, Agora, se eu vou arquivo sobre minhas bibliotecas CC. Foi para lá que o guardei. Você pode ver que tem um elemento não suportado. OK, então isso é um pequeno problema. Acho que 60 é novo homossexual e não suporta é Fiji ainda. Ok, se você baixou um porco J ou PNG, vai funcionar. Mas não. S P G no momento. Há um tipo de trabalho fácil, e eu tenho certeza que trabalhar duro para atualizar isso em seu fechamento que para baixo, eu acho que é fácil apenas entrar em algo como Illustrator. Abra suas bibliotecas CC daqui. Encontre a biblioteca em que estamos trabalhando. Instrutor H Q. Há um duplo. Clique nele, em seguida, selecione-o copiar e eu acabei de editar cópia e um ex profundo. Um passo, sem grande drama. Uma coisa que eu quero fazer é mudar a cor e você pode ver porque ele é agrupado A não pode ver as cores, então você pode desarrumá-lo. Ok, eu acabei de usar um comando de atalho Shift G em Amec e sua mudança de controle G em um PC ou aqui em cima sob um grupo, Então eu tenho um selecionado Eu vou escolher cores, diz que um dos ícones é querer Eu vou encolher Para baixo agora. Se você segurar shift enquanto você está arrastando qualquer um dos cantos, ele vai fazê-lo proporcionalmente agora, sem deslocamento pressionado, você pode ver que é um pouco Squidgy. Ok, Outra coisa legal se você está segurando turno, mantenha pressionada Ault bem em um PC ou opção em um máximo de turno uma opção juntos enquanto você está bebendo um canto e ele vai do centro, está ficando mente mais tamanho proporcional. Há um. Os ícones são quer qualquer túmulo ou deleite para outros lugares. Então, um dos mais úteis está em um site aqui. É material do dedo do pé Io caso. Isso é executado pelo Google e se você vai para ícones de barra Ok, há um monte de ícones legais aqui, e a coisa legal sobre eles é que eles são muito bem considerados e usados muito através, digamos, digamos, o navegador cromado como estamos olhando agora, bem como através de um com os telefones Android. Casey, use o ícone de busca aqui e eu vou colocar um vídeo e você pode ver que não é o que eu quero. Esse é o tipo de coisa que eu acho que vai funcionar para isso ou dizer parte daquilo. Cabe a você o que você acha que pode funcionar. Vou clicar neste. E o que você pode fazer é escolher o tipo de cor que você quer baixar. Que e o tamanho. Ok, realmente não importa tamanho porque ele vai ser um membro do formato SPG. Aquela coisa do Victor. Isso é incrível. Está bem. E você clica nisso e ele baixará um SPD para você. Se quer um alfinete J, pode pegar daqui. Já os baixei para nós, K. E estão nos seus arquivos de exercícios. Então o que você pode fazer é voltar para 60 você pode obter um arquivo e você pode ir para importar ok. E no telefone deles, você exercita arquivos, encontra ícones, e há alguns aqui que vamos usar. Vou usar este é dele. Eu vejo Whip Cam Cayenne e Click Import e tenho uma webcam novamente. Eu poderia ter que executar grupo Ele veio apenas para baixo como um pequeno grupo agradável Gay com seu selecionado. Agora vou escolher aquele azul. Provavelmente vou conseguir do tamanho. E agora eu vou encontrar o último no meu último lugar, K, K, que é o meu ícone mudo. Vamos ver de onde podemos conseguir isso. Ok, então este é o último lugar. Há milhões de lugares para encontrar ícones que eu sei sobre ícone finder ponto com é um lugar muito bom . Ei, aqui, se eu quiser procurar um botão de mudo, ok? E você pode ver que há opções pagas, mas você também pode dizer, Victor, eu quero de graça, e eu quero que não haja link de volta para uso comercial. K, eu costumo ir a esses e você vai encontrar muitas opções aqui. Nada sobre o site é que muitas vezes você pode encontrar um bom, grupos consistentes para dizer. Você decide que gosta desse estilo. Mas se eu clicar nele, você vai notar que é parte de um grupo maior que pode ser super útil. Certo, mas nesse caso, quero algo bem simples. Então eu vou usar quem este aqui. Sim. Continue com a opção SPG e eu vou baixá-la. OK? Já baixei um, está bem? E nós podemos entrar, pegá-lo agora, mas esses são o tipo de três lugares que você pode obtê-lo no mercado de adobe. Você pode obtê-lo a partir de material dot io ícones barra ou você pode obtê-lo a partir de Icon Finder. Descobri que você tem que usar esses três lugares para encontrar tudo o que eu preciso. Não há nenhum lugar ainda que tenha tudo o que eu quero. Vamos trazer. O último vai conseguir um arquivo. Vou pegar a importação. Há uma opção aqui chamada Volume Off. Vejo o volume desligado. Certo, na verdade, um pouco diferente do que quando olhei antes no grupo. Clique neste ícone azul ineficaz coisas agora vai começar a usar estes no meu grande aperto aqui. Então vamos fazer isso. E eu quero você, meu amigo de Unlocked it K e eu quero este papel também. Então eu tenho que segurar o turno. Clique em ambos. Agora, se eu segurar tudo enquanto eu os arrasto, nós trazemos esses dois caras grandes aqui, então há 12 e depois há outro aqui em baixo. Minha pequena marca lá em cima. Ótima. Ah, este top um k é o vídeo um e este aqui. Ele é os fãs de imagem para fazê-los ir bem, Dan. Está bem. E o que você pode fazer agora é realmente apenas avançar rapidamente para o final de ir para o próximo vídeo. Porque agora eu só vou passar, realmente juntar essas coisas, então não é super excitante. K, cabe a você. Vai ser eu como o Porto jogando ordem jogando como o vídeo veio, mas isso no meio aqui e vai ser assim, mas vai ser silenciado para começar. É por isso que eu queria este ícone. Na verdade, vou enchê-lo de brancos e agarrá-lo de novo. Mantenha o turno pressionado. Aqui está o meu Eric. Ele deve movê-lo para o outro lado. Essa é a minha solução para tentar mostrar que vamos colocar um copo pequeno e silencioso . Tudo bem, então esse é o cara. Mas eu estou no meio. Estou fazendo enviá-lo ótimo. E agora este aqui é algo parecido, mas eles ainda se alinham, e este vai ser o meu infográfico para o ecossistema agora, porque não vai realmente sair para usar um teste. Não precisamos ser explícitos com o que tudo é. Eu amo arame frames, obter as idéias para baixo, mas não todo o teste do usuário que deve ser feito com, como, uma versão completa, de alta resolução. Certo, então seriam as pessoas que discutem comigo sobre isso . E está tudo bem. Então você está na mensagem de embarque. Então este aqui, ele é como, duas pequenas listas. Então o que eu vou fazer é meio seccionado para mostrar duas peças. O slide aqui, vai ser lista passo a passo para o marketing você mesmo. Ok, este aqui vai ser o mesmo. Mas este está a comercializar a sua linha de curso para separá-los no meio. Você pode ir lá. Você precisa estar no meio. Handel costumava ter essas imagens segurando tudo enquanto eu estou arrastando a opção no Mac. Este aqui vai ser para o meu painel. Ok, então vai haver exemplo fora do trem um esporte mortal. Ok? E este é um pouco especial, como em, como em, eu realmente quero saltar para fora para a moldura da minha esposa. Desculpe. Minha esposa enquadra e descobre que há uma chamada para ações. Havia um pouco aqui com gráficos e outras coisas. Está aqui pressionando na seleção da tabela. Então eu meio que meio para começar a pegar alguns desses gráficos de energia e coisas assim. Mas eu ainda sinto que provavelmente há muito detalhe nisso para o que eu preciso no momento, então eu vou apenas manter um pouco simples. Certo, vou esconder isso da minha juventude. Meu exemplo de ganhos do painel de usuários vai ser a imagem. Está bem. E aqui vai ser o meu download do APP. Ok, então, Ugo Slick, Maura e download. Acabamos de colocar um aplicativo para iPhone. Foi solicitado pelo cliente, então vamos garantir que isso seja incluído. A última coisa aqui em baixo seria uma lista. Então eu só estou trabalhando neste e também, este aqui. E esta vai ser a minha lista de funcionalidades. Agora, neste caso, eu só precisava de uma tomada de corpo. Então eu vou pegar um pouco de Lauren Epsom. Não havia nada embutido no X'd ainda, então você poderia usar design ou fazer o que muitas pessoas fazem e ir para Lipson Dot com. Pode soletrar? Ouça ponto com A coisa boa deste site é feia. Mas pode dizer quantas palavras quiser. Eu quero, na verdade, apenas uma parte de parágrafo. O gera no parágrafo muito grande. Gay. Alguns iam agarrar isto primeiro. Esses sintomas que eu vou usar. Isso é apenas texto de espaço reservado é muito comum usar misturado deixando para fazê-lo pode vê-lo. Vou usar a minha antena. Vou me certificar de que estou no meu 100%. Ok? E, na verdade, esta coisa aqui 14 é muito pequena. Então não há pontos de bala no momento prolongado. Então você pode copiar e colar um de outro programa ou manter a opção oito pressionada. Portanto, mantenha pressionada a opção em um Mac ou em um PC e clique no oito. O número que uma chave lhe dá esse tipo de padrão. Use isso repetidamente. Na verdade, o que posso fazer é copiá-lo. Basta colocar, uh, um monte deles e, em uh, seguida, colocá-lo para fora com um espaçamento de linha aqui. Então, quanto? Certifique-se de voltar ao comando um na linha de comando. Espaçamento vai ser também, pois vai ser isso para os momentos. Então, apenas espaço reservado para isso no momento. Então, duas colunas podem estar bem. Ótima. Então, é a maior parte. Uma das últimas coisas que quero fazer é pegar um pé para cima daqui. Ok? No topo, foram os elementos, e eu vou pegar qual deles e não super preocupado no momento em que eu peguei esse cara aqui, apenas copiá-lo vindo através, colá-lo e encaixá-lo no grupo. É aguentar como fizemos para o cara de topo ou opção no Mac Kay. E o que eu poderia fazer é colocar isso aqui. Agora vou pegar meu pé de popa. Na verdade, nunca uso essa foto. Na verdade, só não tome a vantagem aqui. E você, você é capaz de redimensioná-lo. Ótima. Vou ter de mudar isto, porque se deixares isto uns 60 mais algumas coisas, o cliente volta e diz: “ porque se deixares isto uns 60 mais algumas coisas, o cliente volta e diz: “Não é o nosso endereço. E você se depara com problemas dessa maneira. Dele. Então eu vou colocar em um ah, colocar em estrada de amostra. Um pouco de piscina na Califórnia é bom. Nosso número vai ser Lá está lá, e vai haver amostra e lembretes de colocar em instrutor, eu mantenho. Tudo bem. Mais alguma coisa? Quero alterar rapidamente o endereço de e-mail. Isso é bom. Subscreva a nossa newsletter. Parece que alguma coisa vai servir. Só uma armação de arame vai combinar com essa coisa lá em cima. Então temos exemplo, e temos preços Cadastre-se. Acho que há um Logan também. Perspectivas em matar como lá. O que você copia? Direitos diretos para H.Q. H.Q. é 2018 menos certo, que está chegando perto da nossa página inicial. Então levamos um pouco para conseguir esse tipo de pedaço. Mas você vai ver como, depois de um tempo, você é elementos por aí que você pode reutilizar uma vez que você tem seu próprio tipo de estilo para uma armação de arame do que eu quero dizer com estilo. Como você pode ver que este aqui é eu acho altamente projetado e parece bonito, e é bom, mas eu acho que tem sido muito tempo tentando torná-lo realmente bonito. Onde é isso? Você pode ver que é feio, mas é funcional, ok, e não vai usar o teste. Vai para o cliente só para explicar ou que se uma parte para ter certeza não falta nada antes de passarmos horas fazendo o projeto, certo? E passar o tempo das fontes e das imagens. Tudo bem, então vai ser isso para este tutorial. Vamos saltar para o próximo é um baixo, hein? Tudo bem, vamos. 10. ProtoTyping para adicionar interatividade à Adobe XD: Oi lá. Bem-vindo a este tutorial onde vamos parar de prototipar e terminar um pouco de indireção. Você pode ver esses fios pendurados por aqui. O que acontece é que quando eu tinha o jogo, eu posso clicar em pré-visualização e, em seguida, fechá-lo e voltar. Isso vai adicionar um pouco de direção de limão para que possamos parar de nos mover. Estes não são placas e começar a fazer alguns testes enquanto estamos trabalhando. Tudo bem, vamos começar. OK, para começar a prototipar e conectar nossa armação de arame para termos alguma direção. Precisamos de mais de uma página. Temos uma página inicial do tribunal de popa. Você é um par de maneiras de fazer um novo. Você pode clicar sobre isso e nós enganaremos isso. Temos usado até agora neste curso. Mantemos pressionada a tecla de opção no Emiko Ochiai em um PC e, em seguida, clique na página inicial da palavra. Você pode nos fazer arrastar através de mim um novo? Mas eu não quero todos esses elementos, então não é isso que eu vou fazer. Vais desfazer, podes ir ao teu painel de camadas e clicar neste tipo, certo? Clique nele e diga duplicado, e você terá dois deles. Ok, eu quero uma nova página para fazer isso. Você pode pegar a ferramenta de popa, ok? E basta clicar uma vez aqui, e você pode ir e redimensioná-lo se quiser. Ok, se você precisa de um tipo diferente fora de documento, Ok, você pode ver aqui embaixo, há as maçãs que Google Microsoft web para que você possa clicar em qualquer um eles dizem que eu preciso de uma faca. Eu telefono. Ok, isso vai Adam Dedo. É fácil ler páginas antes de conectá-las. Nós só precisamos adicionar algo a esta página esta ter se conectar a. Então vamos renomear o motor de popa. E este vai ser o nosso caso de página de opção de pré-visualização. Quando as pessoas clicarem neste pequeno ícone aqui, você pode ampliar? Quando eles clicam sobre isso, eles decidem sobre o tipo de pré-visualização onde eles vêem o lado do aluno ou o lado do professor . Primeiro, vou pegar alguns pedaços emprestados. Vou agarrar-te. Não, agarrar-te também. E isso é tudo o que eu quiser. Ah, mas uma revisão de texto. Copiar. Em seguida, clique nesta página, cole-o. Eles vêm para a direita. Ok, então esse é o tipo de partes que eu quero. Vou redimensionar isto para ser algo como isto no meio. Vou usar esses dois turnos para pegar os dois, certo? E olhando para o meu tipo de arame, minha mão desenhou uma. Eu tenho dois desses. Quero que este diga: “ Mostre-me”. Na verdade queria ambos dizer Mostre-me lidar e é este texto aqui. Vou usar esse tipo de 16 pontos para o texto um pouco maior, ok? E aqui eu quero dizer o que seus alunos vêem e o cara vai lá, tudo bem, alinhá-los para que quando eu duplicá-lo e chegar aqui e dizer assistir, você vê como o instrutor que eu vou estar interessado em ver, Tipo, eu só estou usando essa linguagem para começar, OK? E vai ser você que o teste que me permite trabalhar com realmente faz quaisquer pecados. Eu sinto que ele pode saber. Tenho certeza que as degustações de usuários vão voltar e sair. Ficamos confusos aqui, mas que em si para começar. A outra coisa que eu quero é do outro lado. Eu poderia usar o X no meu teclado, mas a Alemanha não parece tão bonita. Então eu vou passar por aqui e encontrar o outro lado. Tem um ali. É um documento prático, esse cara, não é? Então clique nele no Grupo em. Eu quero você por favor. E vou colá-lo aqui. Ele vai vir aqui, fazer em St. Louis. Certo, então agora vamos montar essa coisa é um protótipo. Eu tenho duas páginas e eu quero ser um pouco de protótipo e conectá-lo. Por que estamos fazendo isso agora? Não terminamos nossa armação de arame. Acho que é realmente uma maneira de fazer isso. Como o que preciso fazer enquanto estou desenvolvendo. Isto é que eu preciso projetá-lo N b testá-lo em ambos da web e telefone como eu estou trabalhando em vez de esperar até o final. Ok, então é meio que Ah, você trabalha entre projetar e prototipar um pouco. Então estamos no modo de design e você pode ver quais nossas opções de design se você tiver um protótipo. Esta é a distância. Nós meio que adicionamos interatividade. O que eu gostaria de fazer é, em primeiro lugar, essa é a minha página inicial. Então eu deixo claro que isso é tipo de base doméstica. Serão quaisquer que sejam as estatísticas anteriores em K, algumas em protótipo, e você notará que muitas das opções mudam. Eles estavam faltando um pequeno painel de propriedades aqui, mas o que podemos fazer é o que eu quero fazer é quando este botão de visualização é clicado, não o texto. Ok, este texto é por si só ou a caixa. Eu estou realmente indo para slick ambos que o golfe savaiko no fundo e, em seguida, clique no turno. Olha, ambos os Aiken os agrupa. Ok? Então estou usando o atalho. Mas o caminho mais longo está bem? E com os dois selecionados, há essa pequena opção que sai. É assim que conectamos portas. Vou diminuir um pouco e clicar, segurar e arrastar. Significa que quando os botões se recolherem, vai para esta página aqui. Agora você começa algumas opções veio por padrão vai se dissolver. O caso vai ser como um desbotamento atravessando. E há um pouco de facilidade que pode apenas fazer com que pareça agradável. Uma bengala em tubos do movimento. E eu disse quanto tempo leva uma coisa legal sobre isso é que quem fez este anexo D. Eles são todos muito doces para começar, e eu realmente não preciso mudá-los. Então vamos testar essa coisa e descobrir o que quando você faz a seguir. Então, para testá-lo, usamos esta pequena peça, mas não os hits de sua pré-visualização da mesa porque estamos visualizando uma página da Web. O melhor da pré-visualização, na verdade, no seu laptop. Se você estivesse projetando um aplicativo, você iria direto para o Mobile para testar. Ok? E vamos falar sobre testes móveis um pouco mais tarde quando começarmos a criar a versão do aplicativo deste. Mas vamos jogar agora, e isso é como uma pequena janela que se abre, e nos permite fazer nossos testes. Tudo bem, então agora vamos testar para vir pré-visualização e você vê que fez aquele pequeno cruzado, sua velha coisa de fé. Você pode não gostar disso. Você pode alterá-lo e desligá-lo. Está bem. E agora, aqui e agora, eu não posso clicar em nada no caso de um tipo de travado. Então, vou fechar a pré-estréia aqui. Preciso fazer outra coisa para você. Mas isso funciona, e você pode ver que está conectado. Andi, Outra maneira de chegar ao é essa coisa aqui, é o exemplo dele. Vou usar isso como botão para atravessar, mas um dos problemas é que Texas? Bastante pequeno. Então seria muito comum aqui em X'd? Dois. Se você tem um botão aqui, eu vou fazer um pequeno botão falso. Então, vou voltar ao design. Eu ia fazer uma grande área para este caso do dedo do pé. Vou desligar a borda, dar a mesma cor azul, para que pareça o mesmo que o fundo. Ok? E o que eu quero fazer é ter certeza que este doente o texto que eu vou trazer para a frente, pode pegar meu tango Rick, e é um pouco difícil de ver, eu acho. Mas eu escolhi ambos, e eu vou agrupá-los, OK, isso significa que apenas a área clicável é Mawr em vez de justiça. Pequeno texto, que pode ser difícil de clicar. Ok, eu vou torná-lo agradável e grande, especialmente. Chegamos a versões móveis de parte das vezes de volta ao protótipo. Diminua um pouco o zoom. Eu quero que esse cara vá para o mesmo que realmente importa onde você clique nele. Vai saltar para o ponto certo e queremos dissolver? Foram apenas teste e mostrar-lhe como alguns dos outros vão deslizar para a direita. Você pode decidir o que deseja usar. Tudo bem. O que eu também queria fazer é este pequeno botão cruzado que eu queria ganhar. Ele clicou para voltar a esta página aqui. Então, por que temos que fazer o mesmo truque. Então, de volta ao design, pegue este dedo do pé, desenhe algo que seja mais fácil de acertar. Desligue a fronteira. Está bem, vou mudar-me. É mais fácil mover isso para a frente do que o outro para a saída traseira. Fique atrás desta caixa. Então, traga-o para a frente, encontre os meus parques num bocadinho. Ouvi dizer que estou usando meus comedores de Eric para tocar em volta, ficando doente em ambos segurando o turno para clicar em ambos agrupá-los. E agora tenho um protótipo. E o que você pode descobrir é que arrastar e soltar é a costa que você consome para fora e, em seguida arrastá-lo para cá, e isso funciona bem. Certo, mas às vezes é mais fácil, na verdade, ou quero desfazer isso. Como se o Under não estivesse funcionando. Ok, o normal típico em Quando você está no modo protótipo, o que você pode fazer então você quer quebrar isso. Basta clicar em, arrastá-lo para a terra de ninguém, e isso meio que vai desligá-lo. Então acho que quando estou tão perto, não quero ter que diminuir o zoom para tentar encontrar o uso de popa. Clique sobre isso e diga, na verdade queria ir para, uh neste caso, anterior página de guerra de madeira fora de borda, cuidando juntos. Mas volte para a página inicial e verá que ela salta assim. Perfeito. Ok, qualquer forma, você quer fazer isso. E então vamos melhorar isso agora. Então vamos brincar, está bem? E, no entanto, agora podemos clicar sobre isso. Através das saídas deu um pequeno slide à esquerda, o que é um exemplo estranho. Sim, eu não gosto desse deslizamento. Funciona, mas eu fico confuso, Kay, e há uma hora especial e um lugar principalmente através de telefones onde o slide funciona, não através de sites porque nenhum site faz essa coisa pequena. Foi estranho e vamos desligá-lo. A outra coisa é que esta é uma janela separada agora. Eu estou trabalhando no meu laptop do momento para este curso de treinamento, Mas o que eu faço quando eu estou trabalhando normalmente é que eu tenho um grande tipo de monitor de quatro K que eu trabalho, e eu tenho meu laptop no lado dele. Caso gosto de trabalhar a partir de dois monitores. Então o que normalmente faço é que tenho dois meses, está certo. Eu tenho um laptop homossexual, e eu tenho um grande monitor que eu trabalhei principalmente. Então eu vou ter ambos abertos um ao lado do outro, e eu vou ter este painel em um deles normalmente na minha parte superior esquerda, e eu vou estar trabalhando nesta parte no meu grande monitor principal. Então, a coisa legal sobre isso é uma atualização ao vivo. Então, enquanto você move as coisas para cá, o que é isso que você vê como um movimento? Esta coisa actualiza-se. Tenho isto aberto 100% do tempo, está bem? Então eu poderia estar fazendo ajustes, vendo o que parece em 100% e estar brincando de marrom com as interações para relatar um tipo. Então eu tenho que continuar dirigindo aquele botão play. Ok, qualquer forma, eu tenho que fechá-lo e abri-lo de volta no momento porque eu estou apenas trabalhando no laptop. O que eu gostaria de fazer é um exemplo aqui. Não gosto da ligeira. Certo. Eu só vou me dissolver. Provavelmente só precisa de um salto dissolvido. Parece legal. Ok, eu estou colocando este pontinho Ouvi-lo tomar de ambos os lados, e eu vou me dissolver também. Incrível. Eso Isso é o básico para prototipagem. Ok, nós vamos passar, construir mais páginas e protótipos mais à medida que avançamos, mas isso é uma introdução a ele. 11. Visualizações de estudante em produção: Ei aí. Este é o nosso vídeo de proteção. O que é um vídeo de produção? É onde eu preciso fazer algumas coisas para este tutorial para continuar. E você pode me seguir ou pular, porque não vamos aprender nada particularmente novo. Você vê parte do fluxo de trabalho que eu passo para que possa ser interessante. Ou você pode simplesmente pular para o seguinte vídeo onde aprendemos algumas coisas novas. Tudo bem, neste vídeo em particular, o que estamos fazendo é criar esta página e conectar esse botão. Então isso salta para este tipo de botão cruzado para voltar para isso. Não há nada realmente acontecendo aqui porque o cliente, em seu resumo, nos pediu para não trabalhar em um estudante para você. Eles já têm visão estudantil. Querem que façamos o protótipo do treinador ou instruamos você. Certo, vamos entrar no vídeo e parar de fazer isso. Ou você pode pular e só ficará um pouquinho ofendido. Tudo bem, desça. Ok. Então, primeiro, precisamos na página. Eu acho que é mais fácil manter velho e apenas arrastar que é através. Você recebe uma espécie de duplicata. Adoro as caixas cor-de-rosa. O espaçamento automático recebendo um renomeado. Ouve, isto vai ser vista de estudante, está bem? E eu vou manter apenas alguns pedaços fora daqui, então eu vou selecionar tudo isso. Você foi embora? Não use o botão também. O texto e as roupas. Ok, fim. E aqui tem um pouco de tix. Isto é o que os alunos vêem. A frente da plataforma. Certo, lembre-se, o cliente somos nós para não projetar isso. Então nós meio que gostamos de deixá-lo aqui para que os botões tenham algum lugar para ir, e o que eu poderia fazer é porque 16 esquecem. Sim, isso é bom. Tamanho velho, e eu vou colocar aqui o que eu poderia fazer é realmente tênis em um botão maior, como em eu estou agrupando, e eu estou fatiando sobre ele em agrupamento não está funcionando. Está totalmente funcionando. Coloquei a borda de volta nela e tento torná-la num círculo perfeito. Ok, é desta forma é o dedo do pé link não para ligá-los é apenas certifique-se de que o mesmo aumentou com tudo certo. Ah, é como ambos e horizontalmente alinhados, muito claro grupo eles co. Então isso vai ser isso é tudo o que vai ser nesta página, não há muita coisa acontecendo. E eu vou ter certeza que está no Papai Noel, ok, e agora vamos falar disso. Então vamos para o protótipo. Eu vou fazer algumas coisas é que quando este botão é clicado que me mostrar, eu vou agrupá-lo com a caixa azul e você pode agrupar enquanto você está no protótipo ou design , que é meio legal. E quando você clica que você vai para esta página aqui e o que vamos fazer, você se dissolve. Vamos continuar com isso. E quando eles clicarem neste botão cruzado aqui, eu vou fazê-los voltar para provavelmente voltar para a página inicial. Toda essa opção de pré-visualização, provavelmente vigília caseira. Teste isso para ter certeza de que vamos fazer aquele teste rápido para ver onde estamos. Então você clica em uma pré-visualização e você pode ver o que os alunos vêem. E isso é o que as agências fecham de volta para a base. Eu acho que essa é provavelmente a melhor maneira de fazer isso e é por isso que eu gosto de ter um protótipo aberto e trabalhar enquanto você está desenvolvendo, não esperar até o fim. Tudo bem, então vai ser isso para este. Isso é fechar este um para baixo para obter uma visão completa, comando zero ou controles, você está em um pc. Tudo bem, vamos salvá-lo. E ainda no próximo vídeo. 12. Como usar símbolos no Adobe XD: Oi lá. Neste vídeo, vamos ver símbolos em XD. Certo, então por que eles são bons? É porque quando eu tenho um símbolo você pode ver aqui, mas a navegação usado em mais de uma página. E quando eu atualizá-lo, ambos atualizam e mudam, que é super útil para coisas que são reutilizadas através de bloqueios de documentos, como IDs de pés e acertar o seu Vamos e ver como criá-los agora, Ok, Para criar um símbolo, vamos reutilizar este hit e o rodapé vai criar uma nova página. E há muitas maneiras que eu continuo mostrando maneiras diferentes voltando para a página dois e clique sobre isso, que é o meu padrão. Mas usei o começo. Vou arrastá-lo arrastando o nome por baixo e dar-lhe um nome. Eu chamo este de instrutor. Uh, isso é o que Ok em. E eu quero estender só um pouquinho. Então lembre-se que o benefício de usar um símbolo é que eu posso conectá-los todos juntos. E quando eu fizer atualizações para a navegação dizer, nesta página inicial aqui, ele vai atualizar para instâncias ALS do bolo. Então eu vou fazer zoom nele. O que eu quero é que eu quero tudo isso. Eu estava começando aqui na área cinzenta com a minha era negra. Estou apenas clicando, segurando e arrastando. Só disse, claro, que é, tipo, top little bitty bit. Ok? E o que eu quero fazer é que você pode ver que eu selecionei muitas coisas, mas eu também selecionei essa coisa, tipo, azul que eu estou usando para me dar o meu juízo. Então eu vou segurar a mudança, basta clicar nele para me livrar deles. Então eu tenho tudo no topo aqui. Como sabemos que eu meio que arrasto para Chick. Todos vieram pela direita. Então o que eu vou fazer é que você pode estar no seu painel de camadas. Ok. Você quer ir para este top aqui? Ok. O painel SS aqui dentro, algo chamado símbolos. Clique em Mais. E é isso. Isso agora é um símbolo que eu posso reutilizar. Ok, então deixe-me clicar. Segure e arraste, ok? E isso é útil, eu acho. Sabe, eu tenho uma coisinha boa como ela para reutilizar, mas eu poderia fazer uma aposta, eu acho. E o que é realmente útil é agora se eu tiver o Clã voltar e dizer, na verdade, você soletrou login como você. Algumas pessoas usam log é uma palavra. Deve ser duas palavras. Certo, é com você. Mas digamos que estivemos convencidos que deveria ser espaço de registro , então fizemos isso, mas por padrão, ele se torna um símbolo único. Então este, o seu par ainda não mudou. Então o que precisamos fazer é certo. Clique neste companheiro e diga atualização, símbolos Will. Ok, ele atualiza o símbolo na biblioteca pendurado depois de diminuir o zoom. Este aqui. Vamos lá. Três. Para ampliar um pouco mais e você pode ver que está olhando. Ok, então há o benefício para símbolos. Você começa a ligá-los a esta coisa para que eles sejam facilmente arrastados para fora e reutilizáveis. Mas o que é realmente soberbo, útil como você adaptá-lo um e atualizá-los também obviamente bom para a navegação, gays. Tudo aparece em todas as páginas. Então vou fazer o mesmo aqui em baixo. Ótimo, meu amigo em um clique de turno esse caras só tem o selecionado. Apenas verifique se eu tenho tudo, e eu vou conseguir símbolo. Você não pode nomeá-los ainda. Ganhe Os ícones são um pouco pequenos para este. Está tudo bem. E esta é a página certa? Está se arrastando. Venha aqui. E lá vai você. Ok, então se eu atualizar um agora, ambos estão atualizados. Tudo bem, venha. que eu quero fazer para terminar isso é que eu quero colocar aquele tipo azul grande de listras no fundo, então eu sei as bordas para cima. Então você copia. E aqui, cole um errado. Ok, então eu quero você e vá destrancá-lo. Copie, tranque de novo e venha aqui no esconderijo. O que você tem andado? A coisa legal sobre isso vai perfeitamente onde deveria. OK, o único problema é que provavelmente está em cima de tudo o resto. Ok, então eu ia clicar com o botão direito e dizer, enviar para a parte de trás, e então eu posso comer o comando use. L ou Controle. L Eu posso clicar com o botão direito e ir olhar bem, porque sendo meus limites, o que eu preciso agora é um menu mão esquerda. Estou olhando para o fio do tambor de mão. Enquadrá-lo. Ok, então eu quero que sobra. Nunca. E eu vou saltar para esta coisa aqui, e eu tenho que encontrar uma mão esquerda. O Nev. Onde posso ver um? Há uma navegação aqui. Parece bom. Vai ser o meu começo de qualquer maneira. Mata. Vou agarrar-te. Incrível. Copie isso. Arrastando através, cole-o. E esse será o meu começo para este. E o velho desarrumado causa algumas coisas que eu preciso fazer. Preciso te colocar no fundo. Vamos arrumar isso daqui a pouco e eu não preciso do caminho 60 lá. Me dê um clique bem duro. Ok? Eu quero a palavra painel, então eu provavelmente vou fazer você. Você faz. Você faz. Você filma por cima. Eu vou fazer isso com o painel, mas eu vou usar meu 14. Isso é 75% mau hábito. Tem que ser 100. Então você poderia fazer o seu tamanho de fonte é que ele ia ser painel de controle e eu vou fazer este negrito. Vá por baixo aqui, na verdade, faça que 16 usando 12 e 16 para diferenciar alturas. Agora o que farei também é ótimo. Minha conversa clicando aqui. Eu tenho um texto para este são os carrapatos que vamos usar com o meu Sim, resmungando agora, porque eu estou apenas preenchendo frentes. E para ser honesto, se vai haver mais genialidade nesta turma, talvez queira ficar por aqui, penso em genialidade. Ok, então eu só estou colocando isso. O que eu poderia fazer é colocar os pequenos pontos na frente para fazê-los parecer algo você, mas lá estou eu, segurando Holt e rumo oito. Opção oito em um Mac. Desculpe em um PC, porque isso não tem marcadores para começar com Costa painel você para as diferentes coisas que você pode escolher. Incrível. E uma última coisa que está na minha mãozinha desenhada, meu amigo aqui é, hum eu tenho aquele pequeno anúncio da página inicial. Agora, não há uma maneira fácil de saltar entre páginas. Ok, você pode usar seu painel de camadas, voltar para aqui e voltar para a página inicial. Não é assim tão bom. Eu não acho, e espero que um dos upgrades vai nos dar um recurso como esse. Então aqui, Marshall White voltou para isso, mas explodiu. Então nós vamos usá-lo, e ele vai para aqui no três. Um pouco mais de pasta. Ok, ele vai para esta pequena área aqui. Agora, eu acho que isso precisa ser maior, porque eu vou ter dias mais longos do que os deles de forma diferente. Venha baixar o aplicativo. Talvez até menor. Na verdade, não há gênio vindo. Tudo bem, a última coisa que vamos fazer é porque vamos usar este curso, todas as páginas de instrutor. Vamos transformá-lo em um símbolo. Então ele vai arrastar uma caixa em torno de tudo isso, De selecionar a cor azul mais clara e dizer isso simples. Tudo bem, isso vai ser tudo para este vídeo. Se você esperou até o fim, você é incrível. Isso ficou um pouco doloroso lá no final. Eu sei. Hum, sobre o próximo vídeo vai ser incrível. Começamos a fazer grades repetidas sobre a minha bondade. É incrível. Vamos fazer isso. Agora, No próximo vídeo escondendo 13. Usando a grade no Adobe XD: Ei aí. Bem-vindo ao melhor vídeo de todo o curso, Cates, Cates, sobre a repetição do hematócrito. Adoro a grade de repetição. Tem um nome chato. Deveria ter um nome super excitante, mas não tem. Está bem? E o que ele faz é desenhar algo uma vez, e ele se repete a favor. Olhe para isso. Certo, o mesmo com estes. Vamos fazer esta lista de cursos, e ele encolhe e contrai e continua adicionando cada vez mais sempre tão bom. Eu adoro isso. Vamos aprender a fazer isso agora, neste vídeo. Ok, então nós vamos usar a grade de repetição no nosso painel aqui. Está bem? Vamos tirar uma caixa para a coruja e para onde vamos. O retângulo para o dedo do pé do retângulo e uma caixa de drive aproximadamente sobre esse tipo de tamanho têm tipo de, como três atravessado. E eu vou adicionar um pouco de texto fictício em stets, e eu uso meu estilo de personagem. Está bem. Eu poderia realmente usar o 16 para este. Casos podem ter estatísticas, e vai haver um número no meio do número. - Claro. Ainda assim, provavelmente, aborrecido. Atribuído para começar. Coloque 40 mil. Isso vai ter coisas como a receita mensal recorrente. Quantos visitantes do lado Quantas vendas este mês versus mês passado? Além disso, o esconderijo. 40 passos. Então eu vou colocar isso, tentando não projetar tentando. Estão a tentar não o fazer. Certo, então só o básico. Então você e lá precisam ter um pouco de explicação. Texto na parte inferior, acho que vai roubar isso da página inicial. Isto é apenas descrever o que está acontecendo neste bloco em particular. Todos os direitos. Então nós passamos o ritmo. Sim. Isso parece lindo. Vai para o meio. Lá vai no meio. Vamos fazer isso. É até selecionar todos eles suportam corretamente, então. Certo, então temos azulejos. Na verdade, precisa ser como uma caixa de botão do Seymour. Estamos ficando um pouco mais, provavelmente neste canto superior aqui, então você pode tipo de clique. Não sei se devo ser os três pontos K ou o sanduíche nunca. Provavelmente, não. Marshall decidirá em testes de usuários, e então eu tenho meu azulejo, então eu vou selecionar todas essas partes ok. E este é o botão médico aqui. Repito o crédito deveria ser. Posso saber algo mais incrível? O botão incrível ou algo assim? Então eu clico nisso e veja o que acontece. Magia meio que duplica, que é legal, mas é ele ou algo assim. Ok, então eu não tenho certeza de quantos desses iria realmente ter, então eu vou fazer. Eu vou fazer isso. Mini no DSO As coisas que você pode fazer para fazer ajustes é que você pode, obviamente, ver essas coisas cor-de-rosa aparecendo entre as linhas k. eu posso arrastá-los para fora para expandi-los ou contratá-los. Você pode ir para Negativos. Ok, então eles estão realmente parecendo bem do jeito que estavam antes. Então, vamos embora assim. Então, a grade de repetição irá e obviamente duplicá-los. A guerra fica boa é que eu poderia pegar o tipo que pode realmente fazer estes bastante únicos. Este pode ser 50 k OK, então pode ser a ver com seus números. Agora você pode se ajustar. Ver que eu poderia ajustar os números. Está bem. Eu vou realmente fazer isso centrado, então eu vou agarrar isso, torná-los mais centrados. Ok, mas se eu começar a movê-los fisicamente, eles estão todos conectados. Então é o melhor dos dois mundos. Eu posso passar e realmente colocar em diferentes tipos de dados porque eu sou apenas uma espécie de representar as coisas diferentes. E eu tenho controle total sobre isso. Tipo, se eu quisesse deixar o botão realmente apagar o mais, eu apaguei o vinho, e todos eles apagam se eu adicionar um K, se eu decidir que eu realmente quero adicionar uma coisinha para esse cara, você vai notar que todos eles entendem. Repito, grade é incrível. Está bem? E vamos deixar isso lá, e eu quero mostrar a vocês uma última peça incrível para o crit repetitivo é que você pode trabalhar com imagens também. Então o que eu vou fazer é eu vou construir cursos Page, que é a próxima página desta lista. E, na verdade, o que eu vou fazer é que eu vou acelerar isso porque não é nada novo gays ou apenas fazer uma nova página e construir o primeiro elemento. Então vamos acelerar por isso. Ok, Taylor, leve-o embora, acelere, e vejo-te quando acabarmos. - Ok ? Então aqui estamos agora tipo de página do curso. Então, eu vou esfaquear tudo. Vou repetir a grade e assim como fizemos com a coisa do treinador. Eu ainda estou espantado com isso toda vez que eu uso isso é incrível. Então vamos dizer que temos tantos cursos certos sobre a imagem que eu estava me referindo agora é provavelmente a minha coisa mais excitante para mostrar a alguém. E estou em nossos arquivos de exercícios. Eu estou em imagens, e eu encontrei todas as nossas imagens de curso. Eu fui selecionado todos eles. Está bem. E a maneira mais fácil é ser capaz de ver o encontrar uma janela ou se você estiver em um pc, ter a janela aberta e simplesmente arrastar de lá para qualquer um desses quadrados azuis. Pronto para a magia. Oh, meu Deus. Isso é magia. Ok, eu estou super animado com isso. Vá, senhor, e apenas tipo de replica-os todo o caminho. Está bem? - Sim. Amo isso. Repita o hematócrito. É pigsties. Arma mágica. Está bem? E isso significa que eu ainda posso ter, tipo, um pouco de controle. Lembre-se, eu estou em conflito aqui e eu posso encontrar minha grade aqui, e eu posso abrir e fechar. dizem que eu quero esse tipo de, tipo, ferrado para fazer isso. Bem, talvez um pouco separados, ok? Eu tenho um pouco de ajuste e dizer que esta lista de verificação aqui, Eu preciso ir e mudar isso para o preto ou o cinza K. Fácil de ir e objeto. Agora, você pode fazer uma mensagem? Sim, você pode. Está bem. Eso em seu exemplo para você só precisa de um arquivo de texto. Ok, como este, ele tem um monte de nomes lá, e ele vai certificar-se que não é um arquivo dot txt ou rtf. Apenas algo muito básico. Nada que tenha qualquer formatação como palavra gay ou um pdf. Então, apenas um documento de texto simples e velho e o calor é clicar segurando. Arrastou o documento real em si através de um dos títulos e bingo. Quão legal é isso? Então eu amo na grade de repetição, e eu não poderia deixá-lo mais tarde no curso, especialmente essas imagens, porque nos pediu para especial. Mas para este arame real, estamos ficando muito detalhados no caso, então eu vou ter que passar e desfazer para me livrar de todas essas imagens ok e voltar para ele era apenas a velha Jane simples. Eu provavelmente deveria obter remover isso com aqui e apenas colocar em curso de amostra. Tudo bem? Então é isso para as redes de pico. Eu amo os Butts. Você provavelmente está doente de eu falar sobre eles. Vamos para Mawr. Fora da grandiosidade em 60 e outro vídeo. 14. Mocking no Adobe XD: Ok, então neste vídeo, vamos olhar para construir a versão do iPhone Aly na versão do nosso produto. Ok. E então nós vamos ligar uma volta para que ele tipo de deslize um ao lado do outro. Muito bem, vamos construir isto. Agora. Estamos trabalhando com os quadros de arame para os molduras de fio de ID de modelo de 60 para a web Ok, . então nós queremos entrar, abrir aqueles para celular. Ok, então em seus arquivos de exercícios sobre os modelos dos Estados Unidos Estados Unidose uma armação é um dos dispositivos móveis da corte aberto e o mesmo tipo de coisa, mas obviamente a partir de telas móveis. Ok, então para começar. Está bem, estou à procura de um tipo de recolha no embarque. Será que eles têm alguma coisa a bordo? Eles fazem. Então é esse tipo de coisa quando você abre a tela e há esse tipo de, tipo, tipo, próximo salto, você sabe, você sabe, apenas para tipo de dar a você um pouco de uma visão geral do produto, então minha esposa amigos meu mão, romanos aqui. Que tipo de passar? Alguns a embarcar. Esse slogan. E então você começa a ver o painel co. Então eu vou escolher um. Tudo isso e o que eu posso fazer é pegar este, porque o que eu realmente quero eu não quero muito disso. Eu quero levar você e eu vou aceitar esta aposta. Ok? E o quê? Isto? Isto? Sim, essa é a parte. Alguém vai copiar isso, e eu vou pular para o meu encerramento anual. Os fios para a Web não precisam dele no momento. Então, apenas o meu projeto e a versão APP. Então eu vou trabalhar na versão do telefone móvel. Vou clicar na ferramenta de popa, e vou escolher o sucesso do iPhone. Ok? E eu pego a linha da filha quando você faz zoom longe o suficiente para ver que você não pode ver o nome apenas se torna um agora, três pequenos pontos que você pode arrastar por aí. E onde vou começar com eles? Vou começar como uma nova linha ao longo do fundo. Aqui. Há espaço no comando, três quartos em um lugar específico. O que você tem? Selecionado? Algo colar aqui e jackpot. O que poderia fazer tão bem quanto na verdade, eu vou fazer alguns minutos, e então eu vou e vou e me comprometer com um símbolo. Então isso vai ser instrutor resfriado e estrutura. Está tudo bem e sim, sim, sim, está tudo bem. Então eu vou pegar todos eles, na verdade, e apenas jogá-los no símbolo. Então você gosta do símbolo deles? Incrível. E eu vou colocar um texto falso aqui no meio. Esta vai ser uma mensagem empolgante no embarque número um. Ok. E você vai entrar. Vou usar essa grande versão de God Co. E eu vou fazer um pequeno trabalho de design, e eu sei que não deveria, mas eu gostei do círculo que eu vi no último. Então, quebre a rosa. Portanto, você está feito? Você tornou isso super excitante, E. Não sei por que fiz isso. Está bem, mas essa vai ser a minha super excitante falta a bordo. Haverá realmente isso apenas faça três deles, então eu vou clicar duas vezes primeiro clique novamente. Você meio que chegar lá muito fácil clicando duas vezes fatiado todos estes três. Coloque-os no prado, e depois lembre-se, Eu posso clicar sobre eles e dizer clique direito, atualizar todos os símbolos. Mesmo que eu não tenha usado de novo, eu só estou atualizando o que está aqui na minha biblioteca. Ótima. Então eu quero quantos destes eu quero três. Então, vou segurá-la. Vai nomear. O primeiro caso será o meu aplicativo. E este é o embarque número um. Deixe as pessoas entusiasmadas antes de se inscrever ou ter que entrar porque é o Ocidente. Coisas como Hey, comprometer-se com um sinal onde é o que quer fazer é dizer, hey, antes de entrar, é um pouco essa coisa legal que você pode fazer casos número um, isso vai ser número para e apenas de o usuário sabe quando há prototipagem. Ou pelo menos o cliente sabe que vamos mudar de cor para sabermos o que estamos fazendo. Vá! E mais uma pequena linha. Isso e você vai ser a Mensagem número três. Número três. Ótima. Você poderia ser o azul. Estamos ficando sem cores quando você chegou na casa do Keller, não é ? Tudo bem, então vamos voltar para o azul. Não era, por isso temos três destes, Andi, que vai ser o meu a embarcar. O que podemos fazer a seguir é devido a prototipagem porque queremos realmente verificar a maneira principal . Você pode ver isso em um aplicativo. Então, antes de fazer isso, precisamos resolver e tornar esses botões um pouco mais fáceis de clicar. Então, como fizemos antes, Ok, eu vou cortar isso. Vou clicar duas vezes. Então é por isso que o conheço dentro dela. Vê esse tipo de bar verde do lado de fora? Eu sei que dentro da minha montagem e vou pegar a ferramenta retangular, e eu vou tirar o Phil. O que? Bem, eu tenho uma coisa selecionada. Não faça isso. Fazer o jogo. Como eu podia ver o verde em uma garra, você teme uma caixa grande. Você meio que vê que ainda estou lá porque olha, o que é quando eu arrasto para aquele verde ao redor do lado de fora fica maior. Desligue isso. Vou copiá-lo, e vou mandá-lo para trás agora. Certo. Clique. Mande uma cera para trás. Ok. Estou usando um atalho e você pode ver o atalho lá. É a mudança de comando nos colchetes, que fica ao lado do pico. Isso é o tempo todo? Porque é o mesmo em In design, ilustrador e loja de fotos, o que é bom. E ainda assim há a minha grande caixa branca. Então vai ser fácil clicar em uma cópia para cima. Ok? E aqui, vou clicar duas vezes. Então eu sou Norm dentro da coisa verde pagando estado mudou-se para trás. Ótima. Esse cara clica duas vezes em alguns momentos da coisa verde como você ficou, mova para cima. Apresentado na parte de trás. Talvez fazer com que este toque mais pequeno. Ficar bem grande pode ser ele e não há ninguém lá. Então eu vou cozinhar em segundo plano, Clique de uma vez. Eu tenho isso selecionado. Ok, você tem todo esse tipo de grupo que eu fiz e lembre-se, atualize todos os símbolos. E espero que agora, por aqui, quando eu clicar duas vezes nele e lá estiver aquela caixa Incrível. Então símbolos são ótimos porque é significa quando nós g o e agora fazer prototipagem. Tenho caixas grandes para clicar. OK, então há armadilhado isso. Nós vamos pegar a próxima caixa, e eu vou dizer quando você estiver clicado, indo para lá e por padrão, ele vai dissolver gays. E agora que estamos em um mundo mais tipo, móvel centrado e vamos olhar para o slide para a esquerda. Certo, então, sim, vamos ver essa prévia feminina e o que podemos fazer, só uma história de que eles são amigos, é que vamos para esta versão e vamos olhar para a outra, que é, Uh, empurrar elevador. Vim ver as diferenças entre eles. Então, o próximo, próximo. E este não tem para onde ir ver. O que eu poderia fazer é realmente apenas pegar outras placas e vai fazer este o aplicativo. E esta pode ser a tela de login. Não estávamos construindo isso no momento. E assim ele simplesmente exclui tudo nesta página. Adeus e cadarços tem algum caminho a percorrer para agora crescer a caixa branca. Você vai dar o “ok”. Vai ser o mesmo para os botões de pular. Eu vou dizer para você ir lá, eu quero que você vá lá. Assim como pular. Estamos indo até o registro que não se conectou. Ok? E Skip, aqui está o mesmo. Não consigo vê-lo. É por isso que é fácil ir aqui e ir. O Logan. É onde nomear é bastante útil. Eu disse no início , são eles. Feito. O que posso fazer é mudar esses pontos para passar. Mas eu não vou me incomodar. Eu deveria, porque eu quero, mas porque é uma esposa, Rain. Vamos nos apressar nos Botões de trás. Preciso de trabalhar, está bem? E então eu vou pegar esse cara, tenho um protótipo. E tu, meu amigo, volta para ti, e volta para ti, está bem? E um pouco de um chão no meu símbolo fazendo k. isso significa que ainda estes para funcionar. Mas há um erro que não vai a lugar nenhum aqui. Então, provavelmente vou ignorá-lo. Ou Aiken fatiado em bom meu cozinheiro design nesta coisa, que é assento verde em torno do lado de fora aqui, Eu posso ungroomed o símbolo, que não é grande. Ah, mas eu preciso nesse caso. Ok, então adeus. Adeus. Não tive o mesmo problema com estes pontos. Se eu quisesse atualizá-los pode ficar um pouco empolgado com meus símbolos. Fiquei impressionado quando disse isso. Tudo bem, então o que queremos fazer agora é alguns testes em dispositivos móveis. Então vamos saltar para o próximo vídeo porque há um pequeno aplicativo legal que você pode baixar mais. Olhe para isso. Agora, 15. Como usar o aplicativo XD no iPhone Android: Tudo bem. Então é hora de baixar o aplicativo. Então, há uma versão Android e iPhone, o que é incrível. Eso vá baixar isso para o seu celular. Agora, há duas maneiras de realmente obtê-lo em sua dependendo se você tem um computador Mac K como um MacBook Pro. E eu conheci ou se você tem um PC, boo. Está bem. Está tudo bem. Pedaços. Certo. Ok, então eu vou lançar o aplicativo levou em X'd. E agora, se você estiver nele, estamos usando a versão Mac Primeiro membro. Portanto, não importa se você gostou ou um telefone da Apple, mas tem a ver com um computador, e você pode ver aqui. Eu conectei apenas com o pendrive USB como, ou um cabo USB. Nada extravagante. E o que podemos fazer é usar a visualização ao vivo chamando sobre ao vivo. Use isso. O que você tem aberto em sua tela aparecerá aqui em baixo no seu celular. Agora está mostrando o que quer que tenha a casa ao lado. Ok, então se eu fizer zoológico onde ouvimos que há minha home page, você pode ver esta casinha aqui. Havia saltos entre telas e tudo aqui, mas você pode ver, esta casinha aqui está me mostrando isso no meu telefone. Ok, então eu quero mudar a casinha para isso para que eu possa visualizar sobre ele. Clique sobre este cara para Kim a casinha, e você pode ver lá ele está em toda a sua glória. O que é realmente legal sobre você ao vivo é que veja isso enquanto eu começo a mover essa coisa . Está bem? Ele é atualizado automaticamente. Ok, M Então é muito bom ter isso configurado em uma pequena tela aqui. Então, quando você está editando meu disfarce ou limpo, nunca é tão limpo, uh, só para filmar, mas sim, eu tenho tudo configurado em um iPad e tudo mais para que você possa ver como você está trabalhando nele e você pode fazer ajustes. A ligação também é porque nós temos uma espécie de arame enquadrar esta coisa. Ok, devemos ser capazes de clicar em nós e ir em seguida. Está bem? E foi para o elevador deslizante para a terra de ninguém. Nós fazemos essa coisa ir. Por alguma razão, eu conectei isso a todo o caminho até aqui. Eu era muito bom. Tudo bem, então minha casa vai ampliar e descobrir o que eu fiz aqui. Então você vai lá, mas eu acho que eu cozinhei na madeira. Próximo. Como atravessamos todo o caminho até lá? Nem sei se o Eso é o próximo. Ok, agora funciona. Uh, próximo. E, em seguida, a tela em branco. Agora, quando você está trabalhando nesta maçã é um par de coisas que você pode fazer para, tipo , navegar. Você pode clicar e mantê-lo pressionado por um tempo, e você obtém algumas opções aqui. Um deles é navegar pelos motores de popa e você começa a ver, tipo, a versão grande de tudo que está no meu fogo X T, que é uma ótima maneira. Apenas pule de volta para aqui. Outras coisas que você pode fazer enquanto estiver aqui é segurar e ver essa. Este é o ponto quente. Assim você pode ativar isso, porque se você clicar em algum lugar que você vê, é para as pessoas que eu quero dizer. Como se meus pais precisassem de um pouco de incentivo para poder usar essa coisa de distância. Certo, deve ficar tudo bem, porque é Nixon Skip. Mas se você tem algo um pouco complicado e você precisa de dicas Ed, provavelmente é um sinal de uma má experiência de usuário. - Os robôs. Ok, às vezes você só precisa ter essas coisas que aparecem. Só ativei alguns botões. Não, todos eles. Ok, então o que? Casa em? Ótima. Então, isso é viver você se você tem um mech conectado a um iPhone ou este crédito K velho no telefone Android com adesivos de patrulha pobres nele para o meu filho. Certo, grandes rachaduras na tela. Então, e você pode fazer de outra maneira. Está bem. E a maneira é, você entra aqui e você terá a opção fora. Vou clicar e segurar. Quero voltar ao meu documento X'd documentos. Portanto, 60 documentos são coisas que foram salvas em sua nuvem criativa. Então o que você precisa fazer aqui na tela é que você precisa ir para o arquivo, e você precisa ir dizer que há um no seu computador. Está bem? Não importa para o Mac ou PC, Isso vai fazer isso funcionar. Está bem. Você precisa encontrar sua pasta da Creative Cloud. Só sei onde está. Todo o meu Mac. Você terá que verificar novamente com a Creative Cloud manter suas pastas em seu PC. Eu sei que no meu mech that é onde sabemos que está por aí. Aqui está debaixo de todo este lixo quando chegar à sua palavra, o seu nome é meu. Daniel Scott Que. Aqui está com o chute do Mac. Mantém-nos bem no PC. Você vai ter que dar uma olhada rápida para ver onde eles chegaram. Isso é o que eu posso fazer é clicar nele e eu posso colocar sua própria foto especial. Ou eu poderia jogar essa coisa aqui. Então este é o meu teste I telefone e clique em salvar. E o que vai acontecer é, uma vez que tudo estiver afundado, você verá este pequeno ícone no topo aqui começa a afundar K. E ele acabará por acabar em sua nuvem criativa. A biblioteca veio. Essa é a coisa toda com uma nuvem criativa. Está bem. E magicamente, esta coisa vai ver. Ok, então eu vou atualizar e verificar Enganar? Está lá dentro. Ainda não é o que eu digo no lugar certo. Acho que já fez arquivos de cartão de crédito? Bem, algo se abre. Às vezes você pode dar essa coisa. Você podia vê-lo afundando aqui. Não sei por que não sei se é grande, mas vamos fazer uma pausa e esperar que afunde e tudo o Jim acenar. Agora, se isso não funcionar, o que o meu não é. Por alguma razão, o meu parar de afundar funciona a cada dois dias. Não é o momento. Boa desculpa. Para mostrar outra maneira, fiz login na minha conta da Adobe. Então é dot adobe dot com barra arquivos e você pode simplesmente arrastá-lo para aqui. Está bem? E você pode ver que ele está carregando Hansen doce aqui agora, e espero que agora agora no meu telefone. Se eu for atualizar, ele vai e se sentar. Mostre todos os arquivos do clube de crédito e veja se há algum documento extra. Vamos, Betsy. Ei, aí está. Ali. Ok, então esta é uma maneira que eu posso fazer isso. Não quero estar ligado ao meu telemóvel. Ok, então eu não tenho que usar este cabo, ok? E eu posso tê-lo aqui agora, e, e, hum, faz a mesma coisa para testes. Está bem. Em seguida, eu posso pular junto, e a coisa legal sobre isso é, uma vez que você tem em arquivos de nuvem de crédito, ele é ótimo para testes de usuários. Porque o uso ao vivo só quando você está conectado, certo? Então, o que? Você pode fazer é ter essa coisa, um, em campo para mostrar as pessoas indo, ver um cliente, lançá-lo. O que está mostrando às pessoas colegas ok em reuniões, e é o mesmo de antes. Eu posso clicar e mantê-lo pressionado e eu posso compartilhar é uma imagem reconectar captura de tela sobre as mesmas coisas que eu tinha antes. Tudo bem, então é isso por usar o aplicativo. Certo, ao vivo. Você trabalhará no Android e no iPhone, mas somente se estiver conectado a um Mac. Se você quiser usá-lo no sistema ah Windows ou você não quer realmente conectá-lo e usar visualização ao vivo em um Mac A ambos, você pode usá-lo ambos os sistemas. Você precisa salvá-lo em seus arquivos de nuvem de crédito, seja através da visão Web ou normalmente, organizá-lo nesta pasta aqui, que não está funcionando no momento. Certo, pessoal, é isso. Eu vou te ver agora 16. Painel de tela de gravação: Ei aí. Bem-vindo a este vídeo de produção antes de pular. Ok? Há uma coisa que você deve verificar neste vídeo e logo após a minha pequena introdução. E é basicamente adicionando esse tipo de coisa deslizante que você precisa saber o resto, embora nós vamos construir essas páginas aqui para o nosso aplicativo. E, sim, nada super excitante. Então você pode pular depois de aprender a fazer isso. Tudo bem, vamos entrar e fazer isso. Tudo bem? Então eu quero ir através e construir minha página de logon. Vou roubar a maior parte de um desses modelos é a inscrição. Apareça um destes e vá embora. Vamos lá. Três para ampliar. Vamos chegar perto. Então, qual deles eu quero vai usar este aqui vai roubar toda a página real porque é um tamanho de iPhone. Isso é o que todos os modelos estão indo. Clique na palavra inscrever-se em uma cópia clique, pule de volta para o meu vinho, eu vou colá-lo. E eu vou deletá-lo, pegar o nome e depois você se despedir. E eu só uso este aqui. É uma das coisas boas de continuar usando as cores azuis gays. Em vez de escolher cores personalizadas, você tem que ir e atualizar todas as cores e outras coisas. E eles ficariam bem, pois a coisa que você andava por aí é quando eu visualizava isso. Certo, mas esse cara aqui vai fazer um protótipo, e eu vou ter certeza que isso está pronto para casa, ok? Não é por caso padrão, você pode ver qualquer um desses para a casa. Então, quando você clicar em pré-visualização, ele vai direto para este. Então vá em frente, jogue, ok? E eu estou tentando estudar para cima e para baixo, mas eu simplesmente não me deixa. Ok, então isso é um pouco de um problema. Então, se eu clicar nele, você pode ver que há realmente muita coisa extra aqui. Então também, Então todas essas coisas que eu vou clicar no nome que eu vou para o design. Vou mudar a escolaridade para vertical. Certo, essa é a primeira, mas tudo bem. E a porta de visualização está definida para sete lamentam. 667 que é executivos no topo deste iPhone aqui. Posso clicar nele. Ele também tem 66 a 7 anos. E o que eu também preciso fazer é pegar o motor de popa de fazer um pouco mais. Então você disse a porta da vista. Ok. E então você faz isso o tempo que você precisa. Isso pode durar o tempo que você quiser, e você pode ver que é a porta de visão lá. Essa linha pontilhada. Tínhamos automaticamente na nossa versão web. Agora temos isso em uma versão móvel. Só significa que, por pré-visualização, vai pré-visualizar isto. Mas eu posso rolar para baixo agora, então permitir rolagem vertical escolheu a altura certa. E certifica-te de que o teu motor de popa é longo o suficiente para ver tudo. Ok? E provavelmente o que você quer fazer é apenas continuar usando este para duplicar quando você está fazendo outro slide a partir de agora. Porque se duplicares esta outra vez, voltas a ter de o fazer repetidamente. Tudo bem, então agora você pode pular, então eu não vou fazer nada particularmente excitante. Vou passar e mudar isso para instruir. Uh, eu posso soletrar. Eu não posso, uh, isso leva Eu realmente não quero mais caso você bem, então você se inscreve, Page. Esta é uma boa aparência. Como uma boa, perfeita página de inscrição. E eu tenho uma idade de inscrição em uma página de login. Eu só vou duplicar isso. Este vai ser o meu cartaz. Ok? E aqui, eu só vou passar e mudar essa opção, e aqui, Ok. Aquele pequeno bar ali é usado para mostrar a nós o seu no Seacon alternar entre os dois e este. Eu não preciso junto em uma necessidade de entrar em seu endereço de e-mail e senha. Certo. Então eu vou falar sobre a pessoa que fez isso ainda está fora usando nossa grade de repetição legal. Mas eu vou agrupá-lo para que eu possa clicar em partes dele, ok? E agrupar e dizer que você não quer eu quero você. Nem sequer as informações pessoais desapareceram. Mas eu preciso desta caixinha aqui, e eu disse isso no fundo. E, na verdade, o que eu vou fazer é clicar na borda e eu sei que ele precisa ser 77 O que foi? Eu conheço sete. Desculpe. Seis x sete. Lá está ele. Ali. Então eu vou dar um pontapé nesse cara e sua altura agora vai ser 667 Perfeita, permitindo que você chegue ao fundo. Vamos tudo bem. Então eu tenho minha tela de logon. Eu sou tela de inscrição. Ok, então eu vou ter que rebocar estes juntos agora. Ok. Então, sim, é verdade esse protótipo. Então eu tenho o meu se você selecionar todo o tipo de seleciona tudo no documento e mostra todos os fios, então meio que funciona fora o que você ainda não fez. Então o que eu vou fazer é este botão Next aqui em baixo, você vai para a minha inscrição Screen Co e Ito Bush escreve. Podemos pedir para checar duas vezes esses para lembrar qual empurrar, levantar ou empurrar, certo? O que parece e assim começa a ouvir. E então eu quero que você seja capaz de clicar no botão de login deve fazer isso maior. Eu não vou para a tela aqui, ok? E este aqui vai voltar por aqui, Case, Case, este vai empurrar para a esquerda. Tenho certeza do que tem que testá-lo. Vamos fazer um teste. Então eu estou começando na tela de login, clique em log in empurra dessa forma, Empurra o outro lado. Parece ao contrário, não é? Então, na verdade, o que vou fazer é este. Agora é para ser empurrado para a esquerda. E agora aquela. Eu costumava ser empurrado, certo? Vai dist. Eles se sentem melhor. Incrível. Ok, então é por isso que você testa enquanto você está andando por todo o caminho. Tem rolagem rolando. Aquele. Não precisa de rolagem. Ah, sim. Ok, então vamos para a última parte. E essa será a minha tela. Então o que eu vou fazer é eu provavelmente vou pegar este aqui. Por quê? Porque é longo porque eu sei que se o meu próximo precisa ser longo e tem todo o porto de visão resolvido, basicamente vou cortar tudo fora disso e dizer adeus a você. Plus ainda não limpou de volta ao design. Agora vamos estar criando painel de ensino em uma espécie de versão em, e isso é instruído. Exportar realmente instruir painel. Ok. Selecionei um desses, e vou pegar meu casaco de mesa. Eu não uso aqui embaixo. Colocou-o em uma coisa grande e boa sobre essa coisa repetível. Eu poderia ir com você e apenas tirar esses caras e ter minhas mortes por instrutor relatadas. Pronto para ir. Versão feia. Quero tanto bonito. A última coisa que eu posso fazer é fazer, tipo, página de sessões para que você possa passar para dar a eles uma indicação do que a AP vai fazer . Alguns tentando encontrar atingiu as linhas. A única parte superior esquerda é onde todos os tipos universais que vamos pegar. Vocês, rapazes. Copiar? Eu coloquei você aqui, ok? Eles são clique duro. Eu não discordo. Ok, então quando isso for clicado, vai pular para, uh, desculpa instrutor vai ser sessões. Nada excitante. Ok? E eu quero que as pessoas sejam capazes de fazer algumas coisas. Vamos apenas fazer o que você pode fazer na página de configurações? Por que estou desenhando um botão? Eu não deveria ser tipo de mim mesmo e então hip. Você parece enviar mensagens, e este vai ser como se você pudesse reordenar essas coisas. E ei, e repita a grade. Então, quais são algumas configurações? Você pode reordená-los pode ter um favorito. Acho que isso pode estar quebrando a regra do Tim fora. Adicionando aos detalhes. Estamos pegando isso? Sim, pensei num caso anterior. Isso é o que minha página de configurações precisa ter. Vou pegar você, corte a borda. Na verdade, minhas portas de vista, está bem. Não precisa ser tão grande. Então o que eu vou fazer é clicar em você, e eu vou fazer a altura sete e nada de rolagem. Vou precisar de um botão de volta. Esse cara, você esteve aqui no instituto de pagamento no lugar certo, só na cor errada. E aquele cara lá, bem como um pouco de cor de uma semana para o resto. Co como montá-lo. Então eu vou dizer que quando este botão for clicado, você vai para aqui. O mesmo com este botão final, isto é. Empurre, empurre. Certo. Isso é tudo. Correto. Você vai pular todo o caminho até aqui também. Então, quando você se inscrever ou entrar, você acaba nesta página, OK? E quando você clica nas sessões aqui, você nunca poderia clicar nelas. Você vai para esta página e, em seguida, quando você quiser voltar você voltar para esta página. Incrível. É dado um teste. Agora faça testes no meu telefone, mas você não pode ver isso. Não quero me sentar sozinha. Câmera de novo. Então inscreva-se e ótimo. Seja bem-vindo ao painel. Está empurrando para o lado errado. E então você vai para este. OK, então nós vamos brincar com isso, uh, empurrar para uh a esquerda, empurrar. Certo. Então, se quiser provar isso de novo. Então este aqui, clique neste e aquele está errado. Ok? erro deve empurrar para o outro lado. Eu sinto que você pode deixar isso para o caso deles. Eu vou dizer você, meu amigo, eu vou empurrar o elevador, ok? E dizendo com você, você vai empurrar para a esquerda. Vai acontecer aqui. Sente-se melhor. Dashboard, embora isso apareça. Isso é bom. E embora este precise juntos do jeito que apenas mas nós tivemos eu não posso fazer isso. E eu preciso vê-lo sendo realmente ativado para saber qual é Empurrar, levantar e empurrar, certo. Não sei porquê. E agora de volta por ali. Assim, para os erros. Dan Wilson. Adorável. Isso vai ser tudo para este vídeo de produção. É um longo. O que aprendemos fluxo de trabalho chamará de fluxo de trabalho. E isso é tudo para o vídeo. Vamos passar para o próximo. Entramos em enviar para comentários. Certo, vamos fazer com que o nosso cliente verifique. Tudo bem. Vê o próximo vídeo? 17. Compartilhando frames para comentários: Oi lá. Neste vídeo, vamos olhar para enviar nossos quadros de arame para obter alguns comentários de volta. Eles iam usar esta pequena opção aqui e mostrar-lhe como trabalhar isso para que você possa enviá-lo para os colegas ou para o cliente ou para usar o teste. Então vamos fazer isso agora neste vídeo. Tudo bem, então a primeira coisa a ficar claro é que este não vai ser o nosso usuário testando o que estamos usando nossos arames quatro é ver, primeiro lugar, para apenas um ou dois de meus colegas K para você poderia ser qualquer um, um amigo que, eu acho que tem o vocabulário ou a compreensão para ser capaz de testar uma armação de arame e dar-lhe algum tipo de feedback construtivo. Essa é uma parte. E a outra opção é uma vez que eu meio que fui para o meu colega e ter voltado com algumas reparações e tipo, hey, eu pensei que isso iria acontecer ou isso é um pouco estranho, ok, apenas para tipo de trabalho bugs para fora. Então eu considerei para o cliente a aprovação do cliente. Ok, e aprovações de clientes diferentes de testes de usuários, como nos clientes esperando uma armação de arame. E o que eu quero fazer é que eu não quero gastar meu tempo fazendo a alta fidelidade ou a versão de alta resolução fora deste aplicativo, apenas para descobrir que não é o que eles queriam. Ok, então é fácil enviar os quartos de esposa por cima de nossos quartos de esposa fácil de fazer o fácil de atualizar eso . É só meio que resolver isso com o cliente. E uma vez que aprovem isso, então eu saio e faço as simulações de alta fidelidade. E são aquelas simulações que mock ups eu envio para uso de testes. Certo, é quando eu coloco as pessoas nisso. A potenciais usuários da minha persona e real testar o aplicativo. Algumas pessoas testam armações de fios. Isso é totalmente bom. Eu não acho eles tão valiosos dando testes para armações de arame. Só não tenho certeza. Claro, como se eu não achasse valor no feedback deles. Certo, dos meus colegas? Sim, do cliente, sim, sim, mas eu acho que ele precisa olhar todo cantando e todos dançando para obter um feedback adequado do usuário . E a outra razão é, é que eu sou muito bom em fazer alta resolução. Eu poderia levar muito tempo, mas não tanto tempo. Se você sabe, quero dizer, tipo, eu poderia bater fora tipo de, ah, bonito, zombar de todas as imagens e coisas bem rápido. Não é algo que eu tenha que terceirizar para outra pessoa. Tão seguro que você arme ou desligue. O pesquisador da UX cedeu. Totalmente. Você pode obter muito valor de quadros de fio porque o próximo passo para obter tipo de versões de alta resolução é um trabalho longo. Capa para mim. Não é assim, se discutir não estavam fazendo testes particularmente usuário. Mas algumas das regras se aplicam. Como se eu tivesse a chance, eu preferiria fazer pessoalmente o caso do teste do ombro. Prefiro ter um corpo, me encontrar para almoçar e passar por isso para poder ver as interações deles. São todos esses tipos de maneirismos que eles realmente não sabem que fazer isso é muito útil para mim. Ok, então pessoalmente é incrível, mesmo com um cliente. Mas eu acho que para o meu tipo de projetos menores em que eu trabalho é um freelancer. Há sempre que eu sou normal apenas enviando esses links para cima. Então vamos ver como criar esses links. E então recebemos comentários de nossos colegas e nosso cliente. Tudo bem, então para compartilhar um link, você clica no pouco como em e apenas arrumar algumas coisas. Como o título. Este é um bom instrutor H Q. E vai ser a versão um. Ok, e você poderia imagem Dragon aqui só faz parecer bem ganhar seu envio de links para pessoas feitas em seus arquivos de exercícios aqui e imagens. Fiz uma versão empilhada deste logótipo da sede. Agora você vai ver que eu fiz quadrado Gay Originalmente à frente, é meio retangular, mas acaba cortando mal. Então, se você está encontrando o seu recebendo colheita realmente na praça, apenas certifique-se o fora de borda real um ilustrador ou Photoshopped é realmente quadrado pode apenas ter o seu mais longo dentro de lá. Legal. Isso é um arquivo aéreo. Parece levar qualquer coisa boa e outra coisa. Permitir comentários exatamente o que eu quero. Esta coisa aqui é muito importante. Há um pouco acinzentado, mas isso é começar e vamos lembrar que ícone home. Se eu obtive um protótipo mais cedo quando eu estava trabalhando, você pode vê-los aqui? Eu disse isso para estar em casa quando estiver provando no celular. Então essa é a visão inicial que as pessoas para quem estou enviando este link ou obtendo que não é o que eu quero porque eu quero que eles vão direto para a página inicial. Então vista protótipo, Clique em um pequeno ícone home, Volte para aqui e deve dizer stat na página inicial. - Legal. Então clique em Criar Link e Magic. Eventualmente, faz uma ligação. As duas formas de enviar o link por e-mail, é o que pretendo fazer. As duas formas de enviar o link por e-mail, é o que pretendo fazer. As duas formas de enviar o link por e-mail, OK, não corra. É para que eu possa copiar isso. Idiomas por e-mail para as pessoas, ou você pode clicar noum lance Se você sabe como trabalhar com uma moldura de faca, você quer incorporá-lo em seu próprio site por algum motivo. Certo, Certo, você pode fazer isso. Mas se você quer apenas um pensamento normal que você pode enviar e-mail, é o único para ir novamente. Então você copia. É o que parece quando estou logado. Quero mostrar-te como é. Estamos tipo, digamos, enviando para um colega que não tem na Adobe, eu d. Ok, então eles entendem isso, você pode ver tão pequeno ícone é o nome. E o que eles podem fazer são algumas maneiras de trabalhar com ele. Eles podem se preocupar com isso, certo? E eu poderia apenas ver tudo como sendo assim, mas uma boa maneira de fazer isso é ir em tela cheia. Ok, onde não é realmente tela cheia, apenas se livra do lixo ao redor do lado de fora, e então eles podem pisar na direção com ele em vez de então eu tenho que voltar, na verdade tinha escapado para sair. E o que eu vou fazer é voltar para casa e começar a pré-visualizar daqui para que você possa ter que educar seu amigo sobre como usar melhor a armação do arame. Ok, então eu acho que estudar o início e apenas clicar na tela inteira dá a eles a melhor experiência. Porque então ele permite que eles passem por insight, clicando em coisas. Então, se eu clicar sobre isso, eu vou para esta próxima vista. E agora uma das coisas é que é bastante horrível se você cozinhar em qualquer outro lugar, você pode ver tudo tipo de apenas destaques recebe esse tipo de caixa azul em torno dele. Ele apenas tipo de ajuda as pessoas a navegar em um site, especialmente um quadro de arame que você pode não ter manipulado cada botão tentando clicar em algo e ele simplesmente não está funcionando. Este tipo de dá-lhe uma dica visual sobre o que clicar. Então volte para a página inicial indo novamente. Ok, então já vimos antes, mas é o que parece, escapou para sair. E agora, em termos de comentários, ok, ok, você pode clicar sobre isso e um momento em que eles não estão assinados. Eles não podem clicar no botão de entrada aqui ou assinar e aqui, ou eles podem comentar como um convidado, o que é lindo. Isso faz com que as pessoas não tenham que passar por todo o drama renunciando. , se o fizerem No entanto, se o fizerem, há uma boa maneira que a Adobe fez. E você pode fazer login com sua adobe. Tudo bem, mas diga que seu colega não se lembra ou não sabe o que é. Eles entregam com Loggins sociais aqui com Facebook ou Google. Ok. De qualquer forma, sim, isso vai permitir que eles adicionem comentários ou você pode fazê-lo adivinhando qual eu amo. Tudo bem, então você recebe alguns comentários iniciais e você precisa atualizar esse link. Essas duas coisas que você pode fazer, você pode aqui. Então você recebe feedback deles e diz, “ Ei, bolha por isso não está funcionando. Ou por que não pensamos em fazer isso ou não imaginamos que isso funcionaria assim. O que você pode fazer é dizer que você faz uma mudança como, Ok, este botão agora vai ser Ah, você muda. Os ticks aqui pode ir para a vista de design, e eu não tenho certeza do que atualizar, mas isso apenas dizendo algum texto. Ok, então eu decidi que essa é a minha atualização, e eu fiz uma atualização. Aiken faz duas coisas aqui. Posso clicar em sheer novamente, e há duas maneiras de atualizar o link original. Ok, para que nada realmente mude k. o mesmo link que eles estão sendo e-mail vai funcionar melhor, vai ter este texto atualizado, ou você pode criar um novo link, ok, e dar-lhe um novo título. Ok, digamos que é um novo link, e você é como, na verdade, eu quero fazer este novo link porque é como se você tivesse feito muitas mudanças, e você quer chamá-lo como versão para algo completamente Diferente. Ok, então você compartilha um link separado. Ok, então você atualiza o link antes ou compartilha um para você. Em seguida, você pode clicar em gerenciar links. Se te vais perder, está bem? E vai carregar com o seu adobe. Faço isso em outro lugar. Isso é fazer. É fechar esses dois e gerenciar links, certo? E abre aqui e você pode ver que há meu instrutor. H Q. Estas são as duas versões que eu fiz. Eu provavelmente deveria ter renomeado antes de criar. E ligas as duas versões uma que vai confundir toda a gente. Mas essas são as duas versões que você pode excluir. O velho diz que você terminou com isso. Você não quer que as pessoas trabalhem mais nisso. Você pode clicar, clicar e letras muito grandes. Diz Delhi permanentemente. Ok, então eu vou deixá-los no seu por enquanto. Ok, então você quer que eles testem em Mobile Kay? Então você está criando um aplicativo em vez de um site. Volte para 60 casos para visualizar em um celular. Não é 100% fluido. Você tem duas opções. Se eles têm X'd, é muito fácil de compartilhar do que o X profanar. E eles podem visualizar como mostramos. Provando em um dispositivo com ainda ou o que eu tendem a fazer é eu apenas dar a eles este link, copiá-lo e enviar-lhes um e-mail e disse e colado e dizer, Ei, Ei, abra este link pelo seu telefone E a maioria das pessoas tem seu acesso de e-mail em seu telefone . Clique no link e clique em tela cheia, e funciona perfeitamente. Ou eles podem copiá-lo e colá-lo em seu navegador móvel. Eles também podem digitá-lo. Mas aquela coisa ali é muito longa. Você pode usar um seu encurtamento URL como Betley ou Goude r G l. Isso é uma maravilha agradável encurtado-los para baixo. Então é fácil digitar agora. Outra maneira de compartilhar é realmente não compartilhá-lo. De qualquer forma. Leva o teu portátil contigo, está bem? E então só o pequeno botão de jogar e fazê-los trabalhar nele. Aqui dentro. O resfriamento sobre lá é que você pode gravar o que acontece pode ver aqui. Na verdade, isso é só para um Mac. Você pode clicar sobre este pequeno coque núcleo e realmente vai começar a gravar o que o usuário faz . Então você pode me limpar clicando aqui. Uh, o que está acontecendo aqui? É um recorde. Minha voz também. Ok. E quando você terminar, teve fuga. E isso permitirá que você salve esse arquivo. Certo, como um MP. É o nome dele antes, ok? E eu vou colocá-lo em nossos arquivos de exercícios, e eu vou colocá-lo, na verdade, verdade, só para entrar na minha área de trabalho porque eu vou Bennett. Ok, então instrutor HQ teste de Dan. Ok. E tem uma olhadinha. E aqui está o meu gosto aqui gravado e ainda mostra tudo o que eles têm feito. Então isso pode ser uma maneira agradável e fácil de ir e obter seus amigos para ajudar ou enviá-lo para o cliente. Para eles fazerem alguns testes. Você grava o que eles fazem. Mas lembre-se que a pequena opção de gravação só está disponível no Mac. A diferença de 10 PC e Mac são apenas ligeiras. Onde esse é um dos bons que fazem tem e mesmo a conexão direta para o dispositivo. E se você está seguindo junto com um PC, você percebe que o sistema de menu é uma espécie de construção um pouco diferente no topo para combinar mais de um sistema de janelas. Tudo bem, última coisa que quero mostrar é como Cummings era do outro lado. Então este é um projeto de verdade, certo? Então eu projetei este fio emoldurado e enviei-o para ambos os colegas e clientes para feedback. Então eu vou mostrar um pequeno exemplo do que acontece quando eles fazem comentários. Então esta é a página inicial, e você pode ver que eu tenho alguns comentários e você pode ver esse tipo de duas maneiras de adicionar comentários. Este pinos Ok, o que é bom, porque que há comentário realmente se conecta ao que eles estão apontando. Porque há muitas coisas nesta página inicial e aqui o que posso fazer, posso responder e explicar algo ou fazer perguntas gays. Ou pode resolver isso e dizer, na verdade, isso está feito. Você sabe, eu conserto qualquer que seja esse problema Waas, e está tudo bem agora, ok? E outras coisas que podemos fazer. Vamos dar uma olhada em mais alguns comentários, comentários, sem comentários, mais comentários sobre Vamos dar uma olhada em alguns dos gerais. Então este aqui é um comentário geral para toda a página. Eles não escreveram. Agora mostrar-lhe o que você pode fazer eo que eles podem fazer quando eles estão fixando quando eles adicionar um comentário, OK, Digamos que você quer fazer um comentário eles podem decidir sobre Por que temos Josh Ehlers? Sim, eu exagerei demais com essa moldura de esposa. Eu adicionei um pouco de detalhes demais a ele. Ok, então eu tirei de volta como aquele em que estamos trabalhando agora. E você poderia apenas deixar que lá aperte retorno e ele se torna um genérico para todo o documento. Ou você poderia ter adicionado em um outro lá. Eu nem sei o que isso significa, mas você pode arrastá-lo e deixá-lo lá. E a coisa legal sobre isso é que ele está preso a esse ponto. Então eu sei o feedback para onde vai. Coast, vai ser isso. É um sistema muito perverso que X'd fez um adobe ter feito. Eu realmente amo que eles estão entregando por convidados. Você não forçando as pessoas a entrar, e porque caso contrário eles acabam apenas me enviando comentários de volta em e-mails e afins na página 10. No canto inferior direito tem uma coisa verde que você gosta e gosta do que o Dogan sobre. Então este comentário é super legal. Você já sabia disso porque acabou de assistir. Tudo bem, vou continuar. Vamos para o próximo vídeo onde começamos a receber toda a alta fidelidade. 18. Moody Boards para o design de web de Hi UX: Ei lá, neste vídeo, vamos olhar para começar sem jogo de simulação de alta fidelidade. Nós também vamos olhar para Resource é para ajudá-lo a começar como este aqui. Há janelas. Você Por que há algumas maçãs legais vai encontrar há um grande Google Material um e vamos olhar para onde sair tipo de idéias de placas de humor e nós construímos uma espécie de uma placa de humor pouco rápido. Onde é que ele está? Lá ele é homossexual para nossas idéias de design, e nós colocamos todos juntos em nosso documento X'd. Tudo bem, então recursos são e quadros de humor, vamos entrar nisso. Ok, então é tempo de alta fidelidade, o que significa, lembre-se, vamos fazer aqueles com imagens, cores e fontes que gostamos. OK, então a primeira coisa é, nós vamos criar um novo documento. Nós não vamos. Cabe a você. Algumas pessoas gostam de trabalhar e apenas como atualizar o quadro de arame. Gosto de começar de novo. Acho que o anel da esposa fica no meu caminho. Eu uso isso. Eu me refiro a ele e eu pulei de volta nele o tempo todo para ver o que nós temos tipo de idéias que temos . Mas eu muitas vezes apenas bem. É fácil começar de novo. Então é isso que vamos fazer neste curso. Vou começar sem um tipo de visão padrão. Vou guardá-lo e dar-lhe um nome. Estou dando meus nomes estranhos porque ajuda para você. Alguma vez encontraste isto? Mais tarde, você pode ir a um vídeo 19 e realmente encontrar o arquivo em que estou trabalhando. Independentemente disso, K, este vai ser o meu instrutor como fizemos antes. Instrutor H Q. Isto vai ser página inicial, na verdade. Só precisa ser ótima página inicial. E algumas coisas que vamos fazer antes de começarmos. É apenas em torno de placas de humor e recurso é em termos de recurso está ligado. Nós meio que dissemos antes de estarem no arquivo. Há estes kits aqui. Usamos apenas armações de arame. Ei, se você baixar esses três, se você cozinhar em qualquer um deles que realmente levá-lo para o site da Apple gays e árvores longe para baixar seus que você vai ver aqui, há uma opção para 60. Ok, então você pode baixar que eu baixei para você. Ambos para Apple Windows e Google K. E estão nos seus arquivos de exercícios. Ambos para Apple Windows e Google K. E, uh, você modelos brancos. Temos usado armações de arame esses caras aqui. Abra no dia seguinte, está bem? E você pode começar a tirar dessa causa. A coisa boa sobre eles é que dizem que usamos material do Google e é enorme Oh, ok. Mas é como uma esposa firma, mas há, ah, alta fidelidade. Eles são muito bem, eles têm ALS, os guarnições adicionados a eles e muitas vezes trabalhando a partir de alguns destes especialmente para você lidar com APS. Há apenas rolos que você precisa. Você sabe, se ele vai para o Google em, você está usando muito fora de seus ícones pré-fabricados e símbolos e outras coisas, então você pode muito bem usá-los em sua simulação. Agora, só para você saber, provavelmente é mais comum zombar da pesquisa AP. Mesmo se você está saindo de ambas as pessoas gostam de ver as versões da Apple K Então Della a folha de adesivos IOS e você usou esse para ele. E essa é uma maneira de começar. Outra maneira de obter idéias e recursos está em seu mercado novamente e ativos no mercado. E ele se você digitar em você, eu muitas vezes você pode obter um monte de exemplos que são bastante agradáveis. Está bem. E então você gosta deste aqui para começar? Você pode baixá-lo. Este é um caso PST. Não é. Ainda não encontrei nenhuma opção X'd aqui. Ok, mas desistiu, mas você pode usar isso como um guia visual e puxar coisas do problema do Photoshop. Então, Mark , são bons lugares. Bem, então você passa para, tipo, quadros de humor e idéias, então vai depender de como você está trabalhando com seu cliente. Certo, digamos que é meu cliente que estou trabalhando para esse projeto, o instrutor H Q. Eles querem isso assim como você faz com que pareça legal. Ok, eles não têm uma opinião particularmente forte sobre isso, mas eu trabalho com clientes que precisam ver um quadro de humor primeiro porque eles querem, ou eles vão me enviar um quadro de humor e um quadro de humor. Apenas um grupo de imagens para dar um, você sabe, você sabe, tipo de uma sensação de estar lá batendo em cima se reúne, embora eu faça uma prancha de movimento para mim mesmo. Ok? É a parte divertida. A sessão está indo? O que é essa coisa em um I local Como eu quero que ele se sinta? Ok? E há alguns lugares para onde vou e vou mostrar-te rapidamente só porque só para te ajudar. Ok, então Hans é um dos primeiros atrás de redes iniciadas de propriedade da Adobe, o que é legal. Andi, fiz uma busca por um aplicativo web, e você pode ver que são coisas muito legais aqui. Agora. Normalmente só encontro coisas que eu gosto e depois tiro uma captura de tela. Ok? E eu estava fazendo uma captura de tela desse homossexual e ter um monte de screenshots para construir meu quadro de humor de dizer com drible, Eu tenho digitado em tipo na web o tempo todo. Certo, só porque a busca aqui me dá esse tipo de coisas. Eu estou procurando a minha digitação você I ou design do aplicativo e apenas obter um tipo de algumas idéias. Abra o mapa. Tirar capturas de tela. Então, problemas com três abelhas. Legal é outro com dois olhos. Que é outro momento que eu fiz para sem o resfriamento sobre isso é este é realmente um criador de conselho humor. Eu uso isso o tempo todo. Não vou passar por tudo, mas ir para boas ações. Oh, e eu vou resolver você lá fora. Há uma opção livre. Prêmios é um lugar legal. Um poço, prêmios. Tão apelidado de dub. Está bem, ali no meio. E este é outro ótimo lugar. Muitas vezes, isso é, eu acho, um pouco mais estruturado. Estas coisas incríveis aqui e os prêmios ar um para diferentes categorias. Caso você possa estar procurando em blogs, o que é muito bom. E dá-te uma espécie de versão reduzida e dá-te razões pelas quais é tão bom . É outro tipo de prêmios. Coloca os Webbys. Ok, então o Webby Awards agora é alas online. Acho que começou com sites. Parece ser tudo aqui agora, mas eu entro. Eu procurei por este ano e eu fui através e eu escolhi, hum, hum, eu olhei para a web, e então eu olhei para a melhor experiência de usuário ou interface de usuário. Gay e usar obter tipo de idéias não legais, e você pode percorrer por eles, abri-los, tirar screenshots das coisas que você gosta no último. Não há nenhum último que é e de volta para o nosso aplicativo Cool. Assim que tiveres a bola, tiro as imagens do meu pescoço no teu Mac, é o turno de comando três. Você pode desenhar uma pequena caixa, na verdade, três comerciais, a tela inteira comercial para ou desenhar uma pequena caixa e você vai acabar em sua área de trabalho. O que fiz só para mostrar é que criei nos seus arquivos de exercícios. Aqui estão um monte de imagens que eu tirei Kane. Só há montes deles, está bem? Só peguei um monte de coisas. E o que eu faço é ou usar que bom para fazer uma placa de humor cria fresco pequeno pdf Slyke Isso veio gera-los para você, que é ótimo, ou eu apenas despejá-los na página Próxima d grande parte do tempo. Então eu só cortei um pedaço do Iêmen. Se eu tiver seis, farei cinco de cada vez. E em 60. Ok, eu vou pular para o nosso novo projeto, vou diminuir o zoom para que eu possa ver o ritmo, e eu vou arrastá-los para dentro, ok? E esses e eu começamos a arrastar em cinco vezes. Bem, seis de cada vez. Se você fizer isso, quanto mais em uma grande jogada eles acabam com uma grande linha que atinge muitas vezes a terra de ninguém. Então você se você é uma foto no usuário de design, você poderia usar gratify que poderia trabalhar Photoshopped Há uma pilha em camadas opção sob arquivo e o que você tem que trabalhar? Mas eu gosto de construir um pouco de bolha fora. Quadro de humor incrível. bondade veio o grande por padrão com capturas de tela neste mech. Então eu só vou torná-lo muito menor e eu vou enfiá-lo aqui em um grupo ele e o que eu faço quando eu estou trabalhando e eu estou olhando e apenas tipo de procurando eu puxei minhas cores daqui e eu começar a encenar fundos. Eu tenho tipo de idéias de layout. Esta captura de tela como esta é razoavelmente grande, mas muitas vezes isso pode ser enorme. Eu amo essa parte do trabalho recebendo idéias, e você também disse que o aviso, a cabeça, mesmo aqueles que todos os sites diferentes você pode começar a ver o mesmo tipo de cores vindo através como muito comum no momento, Eu acho que aqueles querem pastéis tropicais, mas então sim, é onde no momento, vamos passar para o próximo vídeo, onde começamos a olhar para colunas e grades, ficando sério. 19. Por que você precisa de uma grade de 12 colunas no Adobe XD: Ei, neste vídeo, vamos falar sobre por que vamos criar uma grade de 12 colunas. Se você já sabe por que você precisa de uma coluna 12 Grande. Você pode pular para o próximo vídeo para aqueles que você não vai começar. Tudo bem. Primeiro, é por isso que estamos usando as 12 grades de colunas. E se você não sabe quando você está codificando o site nos outros, luzes estavam liderando o design, o amigo no lado do design. Agora, quando ele realmente tem que ser transformado em um site, o que muitas vezes será usa uma estrutura que usa as 12 colunas tipo de estrutura. Por que estão usando 12 colunas? Apenas um número útil porque e quatro design responsivo. Digamos, este site aqui e eu estou usando Tem cerca de 1200 pixels de diâmetro e eu tenho 12 colunas. A estrutura subjacente é esta imagem aqui? O controle deslizante aqui ele está realmente gastando todos os 12 deles. Mas esses caras aqui estão gastando três cada. Ok, então três mais três mais imprensa livre três é igual a 12 eu acho. Está bem. E essa é a frequência com que os sites têm feito todos eles. Por isso, verifique com o seu programador. Mas a maior parte do tempo é. A razão é útil é que quando estou neste tamanho distorcido. Ok, eu tenho este tipo de estrutura um no quatro do outro lado. Quando eu chegar ao tablet, você verá que eu decidi que essas caixas agora abrangem a caixa seis das colunas. Então 12 é apenas um viável muito facilmente. Então, quando estamos trabalhando com esses tamanhos diferentes como aquele móvel, Ok, ele realmente gastou 12 agora, e codificação é realmente fácil de trabalhar essa lógica, além de muitas das estruturas com as quais as pessoas começam. Os locais de construção são baseados nessas 12 colunas. É por isso que precisamos de 12 colunas. Você precisa deles em seu projeto 60? - Não. Ok, então nós vamos fazer isso para facilitar, porque principalmente eu faço o web design do outro lado. Kay disse que eles são mais coisas HTML CCS site. Então, sim, eu quero fazer isso porque isso vai me ajudar. Você pode ser irritante para o seu designer e desenvolvedor e apenas projetar em qualquer lugar e para eles ter que tentar e fazê-lo caber dentro de 12 colunas, o que seria uma dor. Tudo bem, então espero que isso ajude você a entender por que estamos fazendo 12 colunas que vão saltar para o próximo vídeo onde realmente fazemos isso. 20. como criar uma grade de coluna de 12 no Adobe XD 2018: Olá, no setor. Vou te mostrar como fazer uma grade de 12 colunas, basicamente com um pequeno grupo. Ligá-lo, desligá-lo. Sessenta tem recurso automático que faz o nosso layout de coluna. Super fácil. Super rápido. Vamos fazer isso agora. Ok, primeiro de tudo, eu sou realmente maldito do futuro. Eu voltei no tempo para este vídeo para atualizá-lo, porque o vídeo original que eu fiz, você realmente tinha que agarrar o dedo do pé retângulo e você tinha que fazer uma coluna. Eu tive que dividi-lo por 12 no com e trabalhar fora reúne e todos os tipos de outro drama. Está bem? E então eu voltei aqui para atualizá-lo faz com que um novo recurso que não é praticamente automaticamente. Então, quando você está passando pelo resto deste curso, no entanto, eu não passei por rehot todo o curso porque nós só usamos colunas algumas vezes quando você vê-lo. E eu estou usando um grande, caixas retangulares desajeitadas e bloqueando e desbloqueando colunas. Você pode sorrir sabendo que há uma nova e doce maneira de fazer isso. Então a nova maneira doce é Black seta clicando Os fundos não tem nada selecionado. Na verdade, clique no nome do seu popa e ele diz que Grid pegou isso. Certifique-se de seu próprio layout, não quadrado. Tivemos quadrado por um tempo. Queremos layout K e queremos Quantas colunas? 12 colunas que você tem com que eu usei em meus tutoriais. 15 A coluna com ar começa a ser automática. Deseja fazer com que as colunas se encaixem automaticamente dentro dos limites? Meu site. Agora usamos a navegação no 1400. Ao longo do topo do que vai para a minha caixa de largura máxima de 1400 é tipo do que eu quero usar para o meu próximo. Com do site, você pode fazer algo diferente os comuns aos 18. 24 1200. Mas vamos usar 1400 para a minha navegação. Então nós precisamos descobrir o que as colunas I e tudo o que realmente precisamos fazer é clicar no nome e nós precisamos trabalhar fora a inteligência para as bordas aqui. Então eu tenho um site que é 1920 tem que navegar. Isso é 1400. Então eu preciso fazer um método básico. O meu 1920 menos a minha navegação deixa-me isto para ambos os lados, dividido por dois. Então essa é a lacuna que eu preciso. Então 260 pixels. Então eu clique no nome aqui e eu digo que eu quero a largura para as bordas T 200 apenas 16 correções. Ok, então isso agora vai caber perfeitamente, deixando um pouco de tenho qualquer lado da minha navegação. Incrível. E agora você pode ir em frente e começar a trabalhar neste projeto. Isso é muito mais fácil. Você pode ligá-lo e desligá-lo. Ok, você considera que é um padrão. Então, sempre que você fizer um novo, ele vai passar. Use suas sessões pré-fabricadas. Você pode simplesmente optar por usar o padrão. Depende de você, mas eu gosto de um site de 1400 pixels de largura. Tudo bem, é isso. Vá em frente e construa um site incrível. Eu já terminei este curso porque eu sou o futuro Dan, e é um bom curso. Olá, 60. Eu pensei que até agora 21. Trabalhando com cores no Adobe XD CC: Ei aí. Bem-vindo a este vídeo. Tudo sobre cor. Nós vamos descobrir como roubar cores de dizer Loga existente ou marca e usar aqueles lá vai convertê-los em nosso painel de ativos. Nós também vamos transformá-los em um tipo útil de opção reutilizável no fundo. Aqui, nós também vamos saltar e dar uma olhada em algo como este com é tipo de inspiração para a cor e como usá-los. Tudo bem, então vamos pular lá agora e parar de fazer cores. Ok? Então, há algumas maneiras de trabalhar com cor e 60 e a primeira maneira é que iria puxá-lo de um logotipo? Então vamos importar arquivos. Vamos tentar trazer sob nossos arquivos de exercícios sob imagens. Você pode ver meu arquivo aéreo. Atualmente nesta versão, você não pode simplesmente trazer nossos arquivos, o que é um pouco chato. Então o que eu faço é simplesmente abri-los em ilustrador copiá-los e colá-los em. Você pode colar muito facilmente. Realmente? Vou usar este logótipo aqui. Obtendo o que eu quero fazer é que você pode clicar duas vezes nele ou em grupo. Ia clicar duas vezes. Eventualmente, eu vou pegar o H e você pode ver que há a cor de preenchimento. O que eu gostaria de fazer é um dos botões mais lá. Ok? E isso vai adicioná-lo exatamente como, cores facilmente acessíveis. Também no painel de ativos. Qual dessas duas pequenas bolhas aqui podemos ir para cores, e porque é selecionado, ele vai editar aqui também. Então, é bom ter em ambos os lugares enquanto estamos trabalhando agora para obter outras cores para obter talvez inspiração colorida. Um lugar agradável é os pregos de cor adobe que ele cria. Eu gosto de pular para este que diz que explorá-lo só te dá tipo de idéias fora de grupos de cores . Ok, você só pode usar um dos usados para começar com ou de gama deles conceitos de caos. Está bem. E tudo o que você precisa fazer é clicar em Salvar. Você precisa fazer login com o seu adobe I d e escolher a biblioteca RCC para ele entrar em Ok, em seguida, dentro de X d, você pode ir para arquivo abrir sua biblioteca CC, e no nosso caso, seria instrutor h Q. E Eles seriam as cores esperando. Não é o mito que quero usar no momento. Nós não usamos essa opção da biblioteca Sisi ou você está trabalhando em um lugar onde você simplesmente não pode usá-la . Você pode simplesmente usar este site, clique sobre eles e dizer isso e seus pés no fundo aqui no mar é mais fácil de copiar. Estes caipiras deste mais números. Ok, você pode copiá-los em X D.K . Então desenhe um retângulo e aqui, clique no ícone e basta colar isso ali e você terá suas cores transferindo-os sem bibliotecas Sesay. Outra maneira de obter cores, ouvidos para olhar para as nossas tábuasdehumor, de e eu vou diminuir um pouco. E eu quero cobrir como uma cor PCI livrar que eu quero usar. Então, talvez algo assim. Talvez não, Kane. Eu só estou procurando por uma cor para talvez algo como a Índia é o que eu quero . Então o que eu posso fazer é desenhar um retângulo, veio apenas um retângulo e eu vou usar a ferramenta conta-gotas aqui deste lado. Rebuttal K me permite co muitas vezes basta escolher uma cor a partir daqui e você pode ver Enchê-lo com que é relógio. Isso é um pouco perto do que eu quero e do que você também pode fazer, embora seja um bom truque é você tipo de mover isso e tipo de ver as coisas por baixo. Ganhe a ferramenta conta-gotas que realmente desce e escolha as coisas por baixo também. Então você não precisa escolher apenas no painel extra como você faz em muitos outros produtos adobe. Vá em frente. E então eu tenho essa cor aqui e eu tipo Sim, isso é meio que isso. Vou clicar duas vezes aqui, e provavelmente vou passar e arrastar isso um pouco para baixo. Agora eu só estou brincando sobre isso é o tipo de onde eu quero estar. E assim, com isso, eu vou copiá-lo recebendo e, em seguida, deletá-lo. Venha até aqui e o que eu gosto de fazer. Você só na placa de ritmo aqui em cima é que eu gosto de construir minhas amostras, então eu vou desenhar um pequeno movimento quadrado segurando vai me dar uma altura e largura perfeitas. Vou pisar com o meu verde, e o que vou fazer é não ter fronteira, e vou ter dois deles. Um deles vai ser dessa cor. E eu gosto de ter, tipo, uma segunda cor do júri. Isso é só um pouco mais escuro. Apenas arraste isso aqui, ok? Diz como se fosse uma versão mais escura. E então eu vou começar com essa cor de pêssego. Ok, então eu vou usar você para usar o nosso trabalho. Ainda vai ser por isso. Você está pronto e espanado. Agora, outra amostra aqui e a sua pode ser um pouco mais escura de novo. E eu provavelmente quero Ah, preto, pequeno preto. Mas eu quero uma doca e tanto. Provavelmente em algum lugar fora. Aqui está o que eu quero. É meio cinza com isso, o pouco melhor ler. Levantá-lo, no entanto, vai ser a minha amostra para este curso que eu posso ladrão liso. Ou que eu já não tenho aqui e tenho. Além disso, são todos parte daquela gangue. E aqui, eu preciso fazer isso um pouco mais individualmente e dizer para você adicionar sua cabeça, ok? Eles são entregues. Tenha-o em ambos os lugares. Prometo mais duas coisas que quero fazer antes de seguirmos em frente. Eu quero que o instrutor I Q faça parte da biblioteca de símbolos porque isso é como um logotipo de trabalho. Apenas fiz isso rápido para dar a empresa uma marca, mas nós realmente não concordamos em um logotipo ainda, então eu vou adicionar isso aos símbolos. Então, mais tarde, eu posso atualizar isso e ele será atualizado em todos os usos. Tenho outra versão disso. Eu quero trazer a versão empilhada de Kate quando uma cópia que é colá-lo aqui e não editar um símbolo. Ótima. Então me deixe uma linha se você tem alguma outra dúvida sobre cores estavam usando RGB porque estamos indo para telas digitais. Não parece um Keller. Sim, mais alguma coisa? Deixe-me fazer uma pergunta e eu responderei nos pontos. Tudo bem, vamos para o próximo vídeo 22. Use fontes para segurança ou iOS ou Andriod em fontes específicas no Adobe XD: Oi lá. Neste vídeo, vamos ver como trazer fontes de cromo e kit de texto e trazê-los X'd e por que precisamos escolher um par de fontes e apenas um par de pesos. Caso contrário, nosso site ou aplicativo, vai explodir. Vamos lá e confira por que neste vídeo, Ok, então quando se trata de pegar fundos para o seu protótipo, você precisa escolher um fundo que vai ser capaz de ser usado em um aplicativo ou um site. E nem todos os fundos podem ficar bem. Então, se você tem fundos em seu computador no momento, você não pode simplesmente escolher qualquer um deles. Então, a maneira mais fácil de encontrar um fundo que possa funcionar online é usar adobes type kit ou fontes do Google . E olhe para esses dois tipos. Chegue aqui. Eu vou para navegar, e o que você vai encontrar é praticamente tudo neste site aqui é capaz de ter uma versão web dele. Certo, então vamos pegar qualquer fundo antigo aqui. O que eu estou procurando é quando eu clicar sobre ele, eu estou procurando por ambas as opções, há uma opção pia. E então há este pequeno colchetes aqui que indica que há um caso de versão Web que está totalmente bem em. A outra coisa que você pode fazer aqui é apenas habilitar ele está desativado incluem fundos apenas chicote. Existem alguns fundos que só permitem usar on-line e não usados em impressão. Agora, se você não tem certeza de que tipo de criança é tipo kit faz parte de sua licença da Creative Cloud. Ok, então você pode fazer login com sua Adobe i d. e todas essas fontes podem ser usadas comercialmente gays, e há apenas algumas realmente legais uma vez aqui. Algumas das coisas que você pode considerar ao baixar um fundo estão aqui à direita. Você tem alguns filtros, apenas realmente ajuda a trabalhar fora. Posso procurar uma cópia do corpo. Você pode cortar para fundos da Sarah e se livrar de todos os drones Han. Da mesma forma, você continua na mão e você só vai obter as fontes Hendren Tudo bem. As outras coisas a serem analisadas são potencialmente. Esta é provavelmente a minha mais importante. Olhando para um fundo Web é a largura. Gosto de tentar descobrir que nem sempre é necessário, mas gosto de encontrar uma transferência de música. Eu quero encontrar uma largura que é bastante estreita apenas para que eu tenha o potencial, especialmente para como, um fundo de batida que existe. Eu apenas obter a capacidade de ADM ou personagens para um hit. Ok, se você escolher um fundo realmente amplo, será apenas um mas tem títulos realmente curtos antes de quebrar em duas linhas ou passar por todas as características. Mas é muito legal para baixo e você pode ver no topo aqui eu mudei o caso do texto . Você pode ir embora. Ele está em branco, mas você também pode colocar seu próprio nome aqui para que você possa ver como os personagens se parecem antes de baixá-los. Quando você está pronto para escolher um que se você decidir que esta é a diversão para você, Na verdade, qual é o que nós vamos estar usando? Vou subir para procurar no topo e usar o Fairplex antes de fazer isso. Eu preciso desligar alguns desses filtros para que eu possa encontrar medo e esse Fairplex lá. Ok, então eu decidi que este é o fundo que eu quero. Tudo o que você precisa fazer é clicar neste botão. Aqui é Sink. Eu já afundei o meu, e é isso. Ok, o que vai acontecer é que, enquanto você estiver logado em sua nuvem de crédito, você vê um PM conectado em mineração minha carinha. Se você estiver em um PC, isso é baixo. Certo. Está bem. E o que acaba acontecendo é que aparece magicamente em 60 ou nada mais. Você tem a ver com fontes do Google. Muito bem, muito parecida. Coloque as fontes do Google aqui. Você escolhe um tipo de letra semelhante. Resolva filtragem aqui para baixo. Ok, mas digamos que você escolhe uma diversão que eu vou usar robótica. Robô é como uma sopa. É a nova antena que uma areias abertas. Se você for a todos os sites que estão sendo feitos nos últimos cinco anos, uma cadela. A cópia do corpo é uma dessas duas. Ok, então ou viu sentido. Então, vou escolher o Roboto. Só que eu gosto. Ele tem alguns pesos agradáveis, mas quando você está usando, há um pouco de coisas extras que você precisa fazer. Então você decide os nossos corpos por mim. Você pegou o pequeno ícone de mais, e a coisa aparece no fundo aqui. Ok, você clica nele. E o que você precisa fazer é ver este pequeno botão de download aqui. Está bem, isto está a mostrar-te como usá-la num website. Você não está nesse ponto, estamos marcando localmente no nosso computador. Então, o que precisamos fazer é clicar em Download. E a coisa legal sobre isso é que é divertido que você pode baixar. Vou colocar isso nos arquivos de exercícios. Eu vou fazer uma pasta lá chamada fontes, e você será capaz de usar o Roboto também. Sabe, quando você precisa fazer é abrir gays e instalar os fundos. Você precisa de todas essas fontes de tipo verdadeiro. Então este é apenas um recurso legal para qualquer projeto de design que você está trabalhando neste monte de fontes usam. Lembre-se de clicar neste pequeno botão obscuro para, digamos, digamos, baixar para o seu computador e, em seguida, em um Mac, basta clicar duas vezes neles. Eu acho que em um PC. É só que é fácil. Basta clicar duas vezes sobre eles e eles começarão a instalar agora. A próxima consideração são brancos, então eu vou pular para o nosso projeto 60, ok? E eu vou sentar um par de estruturas básicas de fontes para começar aplicações Yousfi que eu vou usar para o meu grande tipo de chamadas para ação. Um zoom em um pouco também. Agora, quando você está lidando com fontes e tentando escolher tamanhos, certifique-se de que você está 100% bem. Só para que saibas o quão grande isto é. É assim que as pessoas vão vê-lo tanto no aplicativo quanto em um site. Então, vou escolher filmes de medo aqui. É a vila Fairplex. Estreito. Certo, esse é o que estou usando. E agora eu quero três tamanhos. Então eu vou ter um grande. Vou ter um mais pequeno. Isso vai ser pensar, seis. Eu quero outro. Isso é cerca de 24. Então esses são os tipos de tamanhos que vão começar. Você não precisa escolher tamanhos de fonte. Você pode começar a trabalhar no backtrack. Ok, mas você quer alguns tamanhos consistentes fora de fontes sem nenhuma razão técnica além da teoria de design Mawr . Certo, somos um monte de reformas e baixas. Tamanhos diferentes. É confuso para o usuário. Essa é uma hierarquia simples do mais importante. Próximo importante. Último importante em termos de minhas posições. Agora, em termos de pesos. Ok, quando eu dormi sobre ele, um de mim espera, quero dizer, você sabe, luz, médio, ousado, ousado, preto para que eu pudesse decidir que eu quero um tipo de livro para este top. E depois quero que este seja um pouco mais ousado. E eu quero que este aqui seja preto, OK, OK, mas a consideração aqui é o tempo de carregamento para sites em EPS. Toda vez que você escolhe uma nova fonte e um novo tamanho, o computador tem que baixá-lo antes que a página seja renderizada. E por que isso é importante? É porque o tempo de carregamento é super importante por muitas razões. Um deles é sites de classificação do Google. Baseado em quão rápido eles carregam, mais divertido tê-lo realmente retarda. E, claro, só o tempo do Jim Willow. O McKay. Quando as pessoas vêm ao seu site, elas não querem ficar sentadas esperando que o site diminua porque você escolheu fontes de lata com 10 pesos diferentes. Ok, então tente se você pode manter seus pesos tão pequenos quanto você pode, porque já estamos ficando muito alto em livros usados para todos eles, mas também planejamos usar Roboto. Então eu tenho realmente apenas o momento instalado uma frente. Espere. Certo, Fairplex e livro. Mesmo que sejam tamanhos diferentes, isso não importa, porque esses serão meus tamanhos de aquecimento. Em termos de cores. Vou enfiá-los ou torná-los pretos por enquanto, provavelmente. Bem, estou projetando nossas coisas justas. A próxima coisa que eu quero fazer é eu gostaria de criar outra caixa de texto para sobre Você pode subir aqui? E o maior tamanho que vou usar para um botto vai ser 24. Isso vai ser para a maioria dos meus títulos. Fazer 20 preto vai ser o meu sub-título. E este aqui terá 16 será o meu corpo. Provavelmente através da maior parte do documento. 16 é um tamanho típico de cópia corporal entre 13 e 16. Eu estou usando um tamanho maior porque eu não vou ter um monte de postes blawg como ataques de pedaços pesados . A maior parte da minha vai ser a equipa de marketing. Eu tenho um pouco mais baixo para o seu em 14 eu vou usar para os meus botões. Parece bom para você em termos do tamanho da fonte é que eu vou deixar os botões em negrito, ok? E eu vou fazer minhas subposições pedras. Bem, costa, eu tentei manter a fonte Weight baixo do dedo do pé um nível mínimo. Você pode estar fazendo o seu de forma diferente. Você pode estar apenas projetando e você pode voltar e arrumar tudo e decidir. Ok, eu só preciso pegar alguns fundos e não todos esses ao longo dele. Certo, então, para fontes e três pesos, está ficando um pouco mais alto na velocidade de download. O que você pode fazer em fundos do Google aqui há uma coisa de baixo tempo aqui. É o que você pode fazer aqui. Digamos que escolhi o Roboto e o adicionei à minha família. Posso personalizar e dizer, na verdade, na verdade, estou usando luz de manteiga de verdade e vou usar negrito. Você pode ver o tempo ainda rápido. Isso é incrível. Mas então, se eu for e adicionar outra frente e eles têm, eles têm fatos de medo aqui? Eles não são gays. Vamos temer jogar parece muito semelhante. Caso vamos entrar neste vai adicioná-lo ao nosso kit. Você pode ver essas duas famílias da frente aqui embaixo, e você pode ver moderado. Ok, então eu vou cozinhar com medo de você, e eu vou dizer, na verdade, na verdade, eu quero a versão arrojada e leve. Está bem? Está começando de novo. O Ardizzone, se você continuar adicionando-os eventualmente, vai se livrar e dizer para retardar a Internet vai odiar seu site, Get Hate é uma palavra forte. Não vai gostar do seu site e não vai ficar muito bem, o que não é bom. Então há vídeo longo é realmente apenas escolher um par de fundos com apenas um par de pesos. Caso contrário, o mundo acabará. Tudo bem, vamos para o próximo vídeo. 23. Como usar estilos de personagem no Adobe XD: Ei, neste vídeo, vamos olhar para estilos de personagem. Nós vamos adicioná-los ao nosso painel de ativos aqui, e então mostrar como eles são incríveis quando você vai editá-los. E eles mudam de cor magicamente todos conectados a este estilo de personagem. Totalmente essencial quando você tem muitas páginas que você simulou e você precisa controlar fontes em uma grande escala de páginas. Tudo bem, ele vai dar uma olhada. Está bem. Então, criando estilos de personagem de super fácil apenas para baixo aqui, certifique-se de que você está em seu s. É painel deu exame selecionado vai slick todos eles. Um grande vai no meu erro preto e clique neste boom estilos de personagem. Todos eles foram acrescentados Nice. Pronto para ir agora. O que torna os estilos de personagem úteis é que quando eu começar a digitar, ok, eu tenho que selecionar tudo e depois clicar em qualquer um desses caras. Ok, então eu acho, a coisa boa sobre isso, é uma coisa boa. Pelo menos a outra coisa boa é que diga mais tarde. Rinoceronte decide. Eu usei este monte de tempos diferentes em todo o site e, em seguida, mais tarde eu sei decidir. Na verdade, não é o que eu queria fazer os clientes voltarem e disseram que não gostam da fonte para que eu possa ir por aqui e escolher um museu? Está bem. E todos eles se atualizam e se conectam. Ok, você pode mudar tudo aqui. Está bem? Cores, tamanhos de fonte, tudo o que você gosta. E está tudo ligado a este estilo de personagem. Agora, se você é uma pessoa que vem de dizer algo como em design ou ilustrador, os estilos de personagem são bastante rígidos. O que X teria feito aqui é que eles fizeram coisas incríveis. Acho que é uma armação de arame para uma soneca. Está bem. E digamos que você pode ver aqui se eu apagar todos os estilos, não há estilos em tudo, ok? E você passou e projetou tudo isso. Você está tipo, “Oh, cara, se isso está no design, eu quero adicionar essa música estilo e clicar duas vezes nele editar os meus estilos de personagem. Ótima. Mas isso estava sendo usado desse tamanho. Já foi usado centenas de vezes neste aplicativo. Então que dor. OK, mas e se X tivesse feito isso sendo super inteligente e assista isso se eu for atualizar isso e eu disser, na verdade, eu quero que isso seja rosa. Você vai notar que não só foi um caso óbvio, eu cheguei a Green. Você pode ver se atualizou este e este atualizado. Mas olha, todos esses outros caras também. Então, para que X'd ele vai? Como você provavelmente quer dizer todas as fontes que são o tamanho certo que são a cor certa que são Ariel e ele atinge através do documento e vai e muda aqueles. É apenas super útil. Você pode ver que todos eles mudaram, então você não precisa ser tão rigoroso com tudo. Aplicando este estilo de caractere. Você pode editá-lo no final e fazer pequenas alterações, e ele se espalha por todo o documento. Você pode ajustá-los separadamente. Ok, então aqui eu poderia decidir entrar aqui e dizer, na verdade, eu gostaria que este fosse todo mundo para ser verde, mas eu quero que isso seja. Eu acho que você vai ver que ele é substituído, então eu sinto que é uma maneira muito inteligente de introduzir estilos de personagem. Eles não são 100% rigorosos. Eles são realmente utilizáveis. E agora, se eu mudar esse cara aqui e fizer todos dizerem luz ou normal, você pode ver todos os outros que você pode não ver porque Victor tinha que ver a frente. Você pode ver agora que tudo isso mudou. Mas porque fiz uma pequena alteração a este e ele não combina com os amigos , ele pode ficar assim. Então eu acho que estilos de personagem são muito incríveis em extinção. Obrigado, Adobe. Tudo bem, então vamos passar para o próximo vídeo. 24. Como criar botões realistas no Adobe XD com propriedades de colar: Olá. Neste ótimo vídeo, vamos ver como fazer botões. Parece simples, mas eu tenho uma tendência de fazer aperto com texto neles, e os usuários não sabem que esses botões há um pouco mais para ele. Mostrarei as melhores práticas analisando algo como Material Ohio, onde eles têm bons exemplos e documentação. E também vamos aprender um pequeno truque legal que você pode usar para todos os tipos de coisas em X'd, onde é copiar e colar propriedades. Tudo bem, vamos fazer os botões funcionarem com botões. Parece um trabalho simples, mas pode ser um pouco complicado. Eu acho que eu desenhá-los, fazê-los colocá-los nos sites e eu recebo feedback da equipe. Como se isso não se parecesse com um botão que gostas. De jeito nenhum. Então, às vezes, o que você sente é um botão apenas desenhando uma caixa e colocando o tipo. E isso não é suficiente. Então, provavelmente, ser uma das maneiras fáceis de começar é se você olhar para o material dot io. Lembre-se, este é o tipo de guia de estilo do Google para on-line e APS, e se você for para componentes, aprenda Mauritz um pouco de rigmarole. Encontre esta opção da Web e eles têm componentes e você vai descobrir que há um monte de botões. OK, nós meio que olhamos para isso antes e aqui, e o que você pode fazer é que há tipo de documentação técnica. Mas se você realmente apenas clicar neste botão aqui que diz Raised, dar-lhe tipo de como um monte de diferentes maneiras e estilos de fazer as coisas bem, então você pode apenas usar isso como um guia de estilo. Ele diz a você o CSS e tudo para isso. Outra maneira legal é Becca. Próximo E. Se você vai para arquivo aberto e nossos arquivos de exercício nos modelos brancos U no material do Google lá, folha de vara tem botões também. Ok, aqui dentro tem um que diz Buttons, onde você está? aqui dentro tem um que diz Buttons, Ali está ele, está bem. E é apenas uma maneira fácil de encontrar o que parece ser um botão. E só coisas simples como esta aqui tem cantos minúsculos e arredondados. Escrever está virando os cantos. Bonita sombra de gota. Está bem. E então uma maneira agradável e fácil de roubar formatação de outros 60 arquivos é que este é o momento é um objeto de grupo, Kay. Na verdade, é uma música simbólica, aquele grupo, porque eu não quero enviar SMS neste caso, eu era uma dessas, e eu vou editar uma cópia onde você pode escolher o seu atalho. Uma cópia tão simples oh, então pulou sua folha de um retângulo, também. E eu vou puxar um botão aqui. Quando você está desenhando botões e trabalhando no tamanho novamente, você precisa estar 100% do caminho. Você acaba com o lado seco e enorme do botão o tempo todo, certo? E escolha um tipo de tamanho para o seu botão. Isso é meio que vai ser meu. E então o que você pode fazer é ir até ele e há aparência de pasta. Você pode clicar com o botão direito do mouse nele e escolher a aparência da pasta também. E é apenas uma maneira muito rápida e fácil de roubar para acasalar. Vou mudar a cor da música dos gays e usar a ferramenta de conta-gotas e, na verdade, vou usar isto. Talvez este, ok, e é isso. Ok, você pode, obviamente, ir e personalizar seus botões para ser qualquer coisa que você gosta. Mas seguir padrões que a Apple ou o Google criam muitas vezes é uma boa prática porque eles são o chefe. Eles estão ensinando o mundo a usar a Internet através de sua U.Y. E você pode pedir idéias emprestadas deles. Ok, então você pode pular sozinho agora, porque o que eu vou fazer é preencher meu tipo, ótimo meu dedo do pé clicando aqui. E este vai ser a fila de inscrição até mesmo recebendo um slick que todos escolheram o meu estilo de botão, e eu vou enchê-lo de brancos. Na verdade, para ser honesto, este aqui, eu vou realmente mudar globalmente porque eu vou fazer esses botões coloridos todo o caminho através de um dragão no topo aqui. Se ele vai ser branco então agora eles vão seguir esse estilo. Está bem, vou duplicar isto. Você notará quando estiver arrastando caixas ao redor de seu proprietário de selecionar a coluna. Não importa quando você começa a se arrastar. Ele meio que ignora que causa bloqueada. Está bem. E este aqui vai ser a nossa demo ao vivo. O que vamos fazer para os outros botões é que eu quero desenhar alguns ícones, que vai fazer no próximo vídeo. Você vai ser. A última coisa que preciso fazer antes de irmos é colocar nosso logotipo aqui agora. Nosso logotipo está parecendo um pouco grande no momento. Ok, então eu não levei muito tempo no Irã mostrando que você tinha participado em um símbolo, mas obtê-lo do lado direito primeiro. Então, uma das características que precisam acontecer para X t, que não tem o momento é que você não pode redimensionar seu símbolo um pouco estranho, mas sua versão um e nós temos que viver com alguns off o novo caso de desvantagens visão do que eu estou realmente indo para fazer vai clicar com o botão direito do mouse e em agrupá-lo. Ok, agora eu posso redimensioná-lo, colocá-lo no topo aqui, e realmente, e realmente, eu posso convertê-lo de volta em um símbolo. Ok, lá vai você. Mas agora eu tenho dois tamanhos, mas realmente, eu preciso que isso seja um símbolo, então eu apenas mantenho ambas as versões porque eu tenho trabalhado no luxo de fundo. Na verdade, aqui está. Não está bem feito. Sinto que isto está a aproximar-se. É I h Q, eu não tenho certeza porque poderia ser virado de cabeça para baixo. Acho que estou a fazer isto porque estou a ler livros do Dan Brown. No momento, tudo precisa ser super secreto. Código virado de cabeça para baixo coisas assim. Ícone de luminosidade incrível. Se você ler o livro, você sabe o único de qualquer maneira, então e eu queria ser símbolo porque eu quero ir e atualizá-lo. Tudo bem, então há a criação de botões fazendo-os parecer botões reais em vez de caixas com tipo nele que eu pareço criar muitas vezes. Uma outra coisa antes de sermos gays é um pouco bônus. Se você assistir, todo o vídeo está aqui embaixo é homossexual aqui. Procurem. Está bem. Se você gosta. Você vai encontrar alguns ou tipo de estilos de botões. Eles vão ser muito parecidos com gays. Você vai encontrar aqui. Há apenas coisas que você pode baixar. Embora eu não possa ampliar. Há muitos bons exemplos para botões aqui que podem ser ligeiramente diferentes deste . Se você não estiver satisfeito com os cantos arredondados da barra de sombra, eu quero ver alguns exemplos diferentes. Tudo bem, é isso. Próximo vídeo, por favor. Den. De jeito nenhum. Esse sou eu. 25. Como desenhar seus próprios ícones personalizados no Adobe XD: Tudo bem. Neste vídeo, vamos mostrar-lhe como fazer um pouco Ele é um pouco curto e agachado, mas vamos fazer este pequeno ícone de login também trazer este aqui e como um bônus, ou mostrar-lhe como ligar e desligar facilmente as colunas para que você possa apenas tipo de ver no que você está trabalhando facilmente usando um pequeno atalho legal. Vamos fazer isso agora em extinção. Ok, então eu estou durante ícones, principalmente porque membro agora arame quadro. Certo, eu tenho minha armação impressa ao meu lado no meu disco. Torna-o um bom recurso porque é isso que eu estou copiando para um layout áspero. Mas o que decidimos com um cliente é que estamos realmente empurrando para isso no embarque, sendo o mais importante, OK, OK, fazer com que as pessoas se inscrevam e testem. Então, o que fizemos é que decidimos que a inscrição e o exemplo são realmente importantes para que as pessoas se inscrevam e o exemplo como um fluxo em que as pessoas têm que tipo de detalhes à medida que avançam . Então esses dois aqui, vamos nos transformar em pequenos ícones, então desenhar ícones em extensão, você pode desenhar coisas simples. Super fácil se vai entrar de qualquer maneira. Complicado, é melhor provavelmente saltar para algo como Adobe ilustrador Adobe Illustrator é. Um trabalho no mundo é desenhar ícones entre um par de outros, mas ele realmente tem um baixo as ferramentas para fazê-lo em 60. Tem o suficiente. Então vamos desenhar um pequeno ícone. Você quer desenhar essa conta de login e eu tinha um pequeno olhar on-line para imagens e ícones para Login. E é muito difícil porque ainda não há opção de login Super Universal. Acho que aquele homenzinho é provavelmente o melhor. Então o que vamos fazer é desenhar um círculo. Ok, eu vou ampliar um pouco, vou obter mais ou menos o tamanho certo para o tamanho. Preciso que diga algo assim. Então ferramenta círculo E se você está desenhando um círculo com um dedo do pé círculo, mantenha pressionada a tecla Shift K enquanto você está arrastando, e isso lhe dará um círculo perfeito. E então eu quero este primeiro círculo e eu quero outro. Vai ser o amigo dele. Quão grande essa pessoa vai ser sobre isso. Ok? Vou esfaquear os dois. Certifique-se de que alinhado usando a linha horizontal, Minto. E sim, isso vai ser o básico para isso. Então a coisa legal sobre isso é, uma vez que você tenha ido para formas como esta, nós queremos fundi-los com eles. Selecionados Estes aqui são chamados operadores booleanos. Mas realmente, se você sabe de outros programas de design, você provavelmente sabe isso de ilustrado chamado o dedo do pé Pathfinder. E se você é como eu, você acaba apenas clicando em todos estes para descobrir qual deles você quer. Você nunca pode se lembrar exatamente. Então este primeiro vai funcionar agora porque eu tenho praticado, mas não é isso que você quer matar. Você vê os doentes até aqui. A massa de cima, a parte inferior saiu. Você poderia trazer este aqui para a frente, ok, e fazer exatamente a mesma coisa, mas obter um resultado diferente. Você vai ter que tipo de trabalhar através do que você quer fazer com todos esses jogos. Há todos os tipos de opções de erva lá, mas eu quero este 1º 1 onde ele meio que se junta aos dois. Então eu vou pegar um retângulo para e apenas o Dropbox. Só estou usando isso como um cortador de biscoitos. Vou usar esse cara para a mulher doente aqui, menos frente. E agora tenho um pequeno agachamento, um homenzinho. Provavelmente não é melhor para acabar. Você precisa ir e apenas ele um pouco. Certo, mas com eles selecionados, vou escolher a cor do campo. Quão escuro? Verde, como verde. Provavelmente como verde e um preenchimento de largura de traço deste show. Vou conseguir 100% antes de fazeres escolhas. Membro 100 enviado. Ele deve estar um pouco. Eu vou para pixels. Isso parece certo. Então, o meu esquadrão era um tipo pequeno de agachamento. Vai haver isto. Ok, então há um dos ícones e essas colunas aqui ficando no meu caminho visualmente porque eu quero tipo de visualmente colocá-lo. Estas colunas serão muito úteis quando fizermos mais alguns dos cartões que precisamos com uma espécie de blocos de conteúdo. Mas, por enquanto , está no caminho. Então, um par de atalhos antes de irmos, eu vou diminuir um pouco vou selecionar todos esses caras e no comando semi cólon. Então, no meu teclado, está ao lado da tecla L. O seu pode estar em outro lugar. Eu estava ensinando 60 na linha ontem. Sim, estou caindo de nomes. Regressa esta manhã, está bem? Mas eles são semi-cólon chave estava em um lugar louco onde você precisava de uma mudança completa. Então procure o semi-cólon, certo? E eu vou segurar Vamos lá assim. Se você estiver em um PC, é controle e vírgula, e isso apenas desliga. Ok, para ligá-los novamente, você precisa voltar para o painel de camadas, ok? E eu poderia selecionar todos eles aqui e então usar o mesmo atalho que eles vão voltar à vida, fazendo-os sair por enquanto. Porque eu só estou tentando ver como tudo isso funciona com os gays de espaçamento. Então, só faltava sobre gays. A última coisa que quero fazer é encontrar um ícone para o dinheiro. Então, em vez de usar formas, eu poderia usar a dor até agora. A dor até aqui. Eu não vou entrar em um exercício doloroso completo porque é difícil, como o que tem sido provavelmente Agora estamos começando a lidar com Pinto e você vai descobrir que se você está aprendendo o Pinto sair e Luna em algo como Adobe Illustrator, ele tem muito mais guias úteis em coisas úteis. Isso só tem uma ferramenta de pino muito simples. Então, se você já é um usuário pinto, você pode entrar lá e, obviamente, começar a desenhar. Ok, então eu vou começar durante, tipo, uma coisa tipo nota de dólar. Ok, então clicando nuns para o ponto de canto clique e arraste para uma curva. Esse é o básico. Mas eu não vou passar, e então você coloca um cifrão nele. O que posso fazer é achar um. Usando olhamos para este ativos membros anteriores Credit Cloud s seu mercado. E aqui eu vou colocar em dinheiro ou preço muito um relógio. Então agora é uma espécie de decisão. Isso se sente como preços, ou isso se sente como precificar a etiqueta pequena? Acho que provavelmente é dinheiro em vez de preços. Então você está procurando ícone. Às vezes você precisa trabalhar com o Quinto Saurus e trabalhar em maneiras diferentes de dizer a mesma coisa, porque eu sinto que isso provavelmente vai funcionar melhor para mim. Ok, então eu vou baixar isso para a minha biblioteca de instrutor H Q. Uma coisa que você também deve notar Membro SPG é bom porque é gráficos vetoriais escaláveis e eu começar a mudar as cores facilmente. Abra minhas bibliotecas Sesay e, uh, ok da biblioteca e começar a H Q você admite melhora você tem a elementos incompatíveis. Então esta versão do X d 2018 não permite que você tenha s p G's ainda você deve ser capaz de apenas arrastá-lo para fora. Então vamos passar por ilustrador. Então aqui, um ilustrado. Aqui está o meu instrutor. H Q. Vou arrastar isto para fora, está bem? Provavelmente é sim, McGee, mas grande cópia ajuda e cola-o. Então, é um pouco de um trabalho em torno de entrar para obter o tamanho certo ish membro trabalhando em 100% morno em torno de usar seus Cherokees. Se você quiser que ele salte grandes pedaços enquanto você está trabalhando, mantenha pressionada a tecla Shift enquanto você está usando suas teclas Eric no seu teclado, ok? E como mulher e eu podemos clicar duas vezes nele e então eu penso sobre isso. Se eu entrar nisso, continue clicando duas vezes que clicar duas vezes até você ver o Phil. E posso dizer que realmente quero que você preencha este DoubleClick, DoubleClick. Você pode ter apenas um grupo. Poderia funcionar tão facilmente. Está bem. E este aqui, há aproximadamente o mesmo tipo de derrame. Espere, o que você pode ter que fazer para esse tipo de coisa aqui é que você pode adicionar uma pequena borda do lado de fora para engordá-la. Se precisasse mencionar isso, o meu estava ótimo. Tudo bem. Uma coisa que quero mostrar-te antes de ir, e esqueço-me que este tipo, é uma espécie de forma criada. E a coisa legal sobre isso em x dias que é não-destrutivo. O que quero dizer com isso é, se você continuar clicando duas vezes sobre ele, você pode ver que as formas reais ainda estão lá. Ok, então se eu clicar duas vezes nisso de novo, lá está o meu círculo. Ok, então eu posso ajustar isso, voltar, e ainda é comestível. Todas essas partes estão trabalhando para trabalhar juntas, mas elas são totalmente irritáveis. Então você pode passar e apagar peças e trazê-las de volta. Certo, então desfaça e conserte meu garotinho porque ele provavelmente estava um pouco embaixo. Agarre o canto aqui. Segure o turno. Basta encolher um pouco. Agarre esses caras. A linha do meu horizonte é Lee. Eu sinto que isso é melhor. Ele é antigo tamanho proporcional agora. Sim, então tudo é não destrutivo, o que é incrível. Uma última coisa que vou fazer antes de ir é criar uma espécie de onda para quebrar esta coluna superior aqui. Ok, então eu vou pegar o lápis e uma rapidinha aqui poderia uma vez no canto deles, clicar em um naquele canto e aqui. Então, clicar uma vez te dá cantos com essa dor para lembrar e bater aqui e clicar segurando arrasto porque eu quero esse tipo de coisa tipo, uh, uh, pintura estilo gotejamento aqui em baixo. Por quê? Só vi isso com as minhas tábuas de humor. Gosto deste tipo de transições não quadradas. Este é o único aqui. Ok, eu gosto deste tipo de gota de tinta. Não quero que o meu seja tão extremo, então vou brincar com algo assim. Clique duas vezes sobre ele para ajustá-lo. E eu vou dizer você, mas você pode ajustar essas pequenas alças também. Certo, algum tipo de coisa ondulada. E vamos dar-lhe a nossa cor de preenchimento por enquanto, não branco. O Ko. Dê uma grande cor vermelha e eu vou te mostrar no próximo tutorial como fazer o radiante. Vamos fazer isso agora. 26. Como criar um desfoque de gradientes no Adobe XD: , Neste vídeo, vou mostrar-te como trabalhar com o Grady e andar por aí. Escolha cores, esse tipo de coisa incrível. Tudo bem, vamos fazer ingredientes. Ok, então no último vídeo, nós desenhamos esta forma com linhas onduladas na parte inferior. Eu gostaria de adicionar um Grady a ele. Eles escondem Grady em um pouco. Ok, então se você clicar no Phil onde é a cor sólida dele no topo, é aqui que você começa a radiante, ok? E tem um monte do tipo de opções típicas de classificação que você pode pegar uma extremidade e jogar com a rotação. E há o primeiro extremo k do outro lado. Então você poderia apenas você jogar com os diferentes lados, Obviamente mina que estava de volta para tipo de seu preenchimento normal em. O que eu quero fazer é que você precisa trabalhar na linha clicando neste pequeno ícone e, em seguida, sentando a cor. Ou você pode clicar nele aqui em cima nesta pequena opção no topo aqui. Então eu vou ter essa cor tipo de cor. Só para que nada de branco, só um pouco mais escuro, ok? E provavelmente um pouco mais quente. Então eu vou para os amarelos e eu vou fazer Eu vou atravessar apenas completamente ele ou minúsculo , mas eu quero ser bem quente, talvez mesmo não tanto. Então, cara, é difícil escolher com uma pequena telha. Você pode jogar com sua tonalidade, saturação e brilho. Mesmo aqueles são um pouco difíceis no momento. E esta primeira opção, ele só vai estar brincando com o que está acontecendo. Você arrasta você para o canto, e é isso que eu estou procurando. Como se fosse difícil ver em sua tela apenas uma luz realmente sutil. Grady int. Eu gosto de fazer isso. Isso acrescenta um pouco de riqueza, eu acho, ao fundo, e é apenas um pouco de moda no momento. Vou me livrar da fronteira. A próxima coisa que quero fazer é ter um pouco de sombra porque eu queria cobrir as coisas por baixo, apenas parecer que é como se fosse levantado do chão. Então você sombra bem e você brinca em torno das sessões. Divertidos 0 13 e 50 para o Borrão, X e Y significa que X não vai levantar ar K. Por que significa que só está caindo. Está caindo um pouco. Está bem. E em termos fora do B, isso é azul. Como é azul. Se você virou até 150 relógio, ele meio que fica muito embaçado. Cabe a você ver que estamos chegando a 99. Acontece que é assim que eu vou descer para talvez 50. E se você não está feliz com a força, você vai clicar neste pequeno ícone aqui e aumentá-lo para preto completo. Vou colocar uma imagem debaixo deles. Provavelmente ajustado como eu preciso. Tudo bem, é isso para Grady INTs e um pouco de Shadow Blue 27. Os contras para trabalhar com imagens no Adobe XD: Tudo bem. Neste vídeo, vamos olhar para a importação de imagens, os prós e contras e por que você precisa ter imagens muito, muito grandes para suportar todo tipo de dispositivos Posteriormente. Estamos exportando. Muito bem, vamos ver as imagens agora. Certo, então um dos contras é que você não pode trazer arquivos de Pae ST ou AI. Qual dos Arquivos Nativos para loja de fotos e ilustrador você precisa salvar arquivos ilustrativos é S P. G e arquivos Photoshopped precisam ser salvos é J pigs ou PNG. Então eles entram. Tudo bem. Certo, então trazê-los é fácil. Você pode usar a importação de arquivo K ou frequentemente. O que eu faço é encontrá-los e arrastá-los para dentro. Ok? A partir do encontrar uma janela em um Mac ou um PC, você pode simplesmente fazer o mesmo tipo de coisa com uma janela. Ok, então tem meus arquivos aqui. Outra maneira de trabalhar é a galinha atrasada. Está se conectando às bibliotecas de nuvem de crédito. Ok, então digamos que na loja de fotos eu tenho essa imagem. Arrastei-o para a minha biblioteca de instrutor H Q e aqui na caçada X T abriu as minhas bibliotecas e posso arrastá-la. E a coisa legal sobre isso é que há uma conexão entre os dois. Isso significa que quando eu arrastei isso para fora, ok, este é tamanho gigante? Vou encolher. E eu queria meio que no e eu vou enviá-lo para trás, mas o dele aqui não quer tipo de virá-lo porque você pode ver aqui que ele está ligado se eu fizer alterações na loja de fotos. Então eu nos arrastei até aqui. Não é mais esse cara. Ele é meio que um Ranger solitário. Se eu pegar uma janela, ir a bibliotecas e abrir, esse cara pode clicar nele com o botão direito e dizer. Se eu disser selecionar tudo e eu ir para ele, é e eu vou transformar e virar horizontalmente. Posso bater, salvar? Veja o que acontece ao longo do próximo E. Você pode vê-lo vira aqui também, Então isso é útil, especialmente se você estiver usando ativos em como, digamos, em design e ilustrador e após efeitos ou usando essa biblioteca compartilhada, você pode começar a usar um 60 para que todos estejam conectados. Então, quando você faz alterações em um, todos eles vão e mudam. A outra coisa a considerar quando você está trabalhando com imagens dentro do X'd é os olhos da tese. Eles precisam ficar bem. Estamos trabalhando com um tipo de tamanho áspero. Lembre-se de que está no cara atrás e esse cara, até mesmo para trás. Estou usando meu comando de atalho, colchete quadrado. Ok. Ou controlar o recorde quadrado para Duthie organizar. Mas lembre-se do outro lado foi cerca de 1400 pixels. Então sabíamos que estavam escolhendo imagens na loja de fotos. Você precisa ter certeza de que há cerca de dobro do tamanho. Você precisa deles. É uma loja de fotos. Então aqui eu posso ir para a imagem e eu posso ir para o tamanho da imagem e você pode ver lá. Não é o dobro do que preciso, mas perto o suficiente para mim. É o mais grande que consigo. No momento. Por que estamos tentando fazer tamanhos duplos? É porque a maioria dos computadores vai mostrar apenas lá 1400 versão. Mas se você está lidando com, as telas da Grã-Bretanha vieram então Rigler telas de 72 pontos por polegada. Mas dizer meu MacBook pro que estou gravando agora, é na verdade 144 Ok, então é resolução dupla. Você só precisa ter certeza de que suas imagens para um site que tipo de duplicar o tamanho que você precisa. Porque quando exportarmos isso no final do curso, teremos uma opção que diz: “ Gostaria de salvar uma versão de resolução dupla?” Podemos dizer que sim. Se você começar com imagens realmente pequenas, ele irá dobrar o tamanho delas. Mas eles vão pixelated não olhar muito agradável. Isso é com imagens de boa qualidade? Quando se trata de telemóveis, é ainda maior. Ok, alguns telefones Android têm até quatro vezes o tamanho. Eles precisam ser caso se você quiser apoiar aqueles telefones super grandes, de alta resolução, que você precisará falar com você para desenvolvê-la. Ok, com você vai apoiar isso, ou apenas duas ou três vezes você pode ter que começar com algumas realmente grandes imagens primeiro, e você pode reduzi-los em X'd bem e 60 faria todo o trabalho duro. Quando você exporta a mídia. O fim para todos os tamanhos diferentes. Vamos falar sobre isso. Outro vídeo. Então a regra do polegar é o dobro do tamanho. Você precisa deles principalmente para chicotear tudo certo para o próximo vídeo 28. Trabalhando com Illustrator Photoshop InDesign no Adobe XD: Oi lá. Neste vídeo, vamos ver como usar o Illustrator em Design e Photoshopped todos juntos muito bem com 60 plus. Faremos algumas coisas legais da loja de fotos onde o transformamos em versão super longa e dizendo com ela, OK, ela se torna através da versão longa. Prometo que é magia do Photoshop. Vamos entrar e fazer isso agora. Ok, então trabalhar com o Illustrator em design e loja de fotos são todos muito fáceis lojas de fotos vai ter algumas guloseimas especiais das extremidades. Fique por aí para isso. Mas trabalhando com ilustrador, já vimos isso antes, certo? Nós apenas desenhar qualquer coisa que gostamos de um ilustrado Copiá-lo e saltar para 60 e colar. Só estou a usá-lo, cópia. E então ele avançou. Ok. E a coisa legal sobre eles é que do Illustrator É Victor. Eu posso clicar duas vezes honrado parar quebrar coisas, A partes que jogar com a sua para que algumas das fotos agradáveis com ilustrador parece exatamente mesma maneira com no design. Digamos que quero uma gaveta. Eu sei como desenhar o design muito melhor do que eu posso desenhar perto do programa, então eu vou usar a ferramenta polígono. Dê-lhe uma largura aumentada Lados de 50 e percentagem de desconto 10 e você começa este tipo de preenchê-lo com cor. Obter este tipo de forma vetorial. Tudo o que você tem que fazer é selecionar com o preto, nossa cópia it. E então e aqui vai colar. Ok. O mesmo tipo de princípio é que ele vem através de seu vencedor. Então, dependendo de suas habilidades, ok, você pode estar usando qualquer um desses programas. Você pode não estar usando, e tudo bem. Mas se você sabe que você pode copiar e colar desses programas Super fácil agora, trabalhando com loja de fotos, você ainda pode copiar e colar. Então aqui eu posso abrir um par de arquivos e abrir ambos aqui um e imagem de herói para e Aiken doente. Isso vai copiar no Anexo D. Basta colá-lo, ok, e ele vem através. Então essa é uma maneira fácil. Uma pequena coisa bônus que eu quero mostrar é que este gráfico aqui muitas vezes quando você está lidando com sites, você quer uma fina muito longa porque eu queria tipo de ser apenas sobre eu vou te dar tipo de exemplo eu queria ser sobre isso Mas eu preciso encolhê-lo no problema é de um psiquiatra para baixo para caber esse tipo de altura que eu quero é que todo o seu corpo lá veio. O problema é que me restam restam espaços em branco. Qualquer um. Caso lateral, quero ser ainda menor. Ok? Então, infelizmente, você está meio que deixado com o que fazer com esta área aqui. Tão legal, pequenos truques na loja de fotos. Ok, o 1º 1 vai lidar com esse cara. A primeira coisa que eu quero fazer é fazer um fatiado tudo e, em seguida, entrar nele. Copie e cole. Você pode usar seus atalhos para ele. Ok, então eu o tenho em sua própria terra. Eu não estou realmente preocupado com esta camada por baixo. E o que eu quero fazer é que eu vou diminuir um pouco divertido, comandante. Menos no teclado ou controle menos em um PC. Então eu quero que esta ferramenta aqui é chamada a ferramenta Crop. É sobre a quinta ferramenta para baixo. Obter uma barra de ferramentas e o que eu quero que você faça é manter pressionada a tecla de opção em um Mac ou a tecla no PC pegar um desses lados, e isso significa apenas manter essa tecla de opção apenas significa que ele não faz apenas um lado. Manter o Ault opcional significa que faz os dois lados ao mesmo tempo. Eu não quero. Meio que aproximadamente esse tipo de tamanho e retorne. Só me dando um pouco de espaço extra agora enchendo este espaço aqui, há um truque mágico. Ok, o que você pode fazer é ir para a imagem e ir para o conteúdo ciente. Desculpe. Bom, não é? Escala consciente de conteúdo assumiu isso. Pode pegar uma pequena caixa delimitadora? E você mesmo? Pela magia. Ok, nós vamos clicar, segurar e arrastar este caminho em seu, tipo, tipo, jeito nenhum. E eu sou como, Sim, maneira Love conteúdo consciente escala. Ok, você vê, isso fez os baldes maiores. É melhor que o levante intacto. Volte quando terminar. Essa é a escala consciente do conteúdo. Agora, Canadá, onde a escala não funciona em todas as imagens com particularmente boa com esta. Vamos olhar para outro caso de imagem que é olhar para este cara aqui e eu vou fazer o sexo. A mesma coisa que eu vou selecionar todos e, em seguida, copiar e colar sites em sua própria camada. Diminuir um pouco. Pegue minha ferramenta de colheita, veja o atalho. Mantenha pressionada a opção. Faça com que seja do tamanho certo agora. Outra boa técnica é porque você pode ver aqui é como um leve radiante no fundo. Então, se eu agarrei para dizer o que eu cair, ele vai agarrar isso e eu tentei preencher o fundo. Você vai notar que como se fosse muito alto fazer o Grady entrar então nós e você sabe, não é apenas uma cor sólida no fundo lá. Então o que você pode fazer trabalhando na camada superior aqui, eu estou pegando meu 12 mágico que é a quarta ferramenta para baixo. Eu posso segurar a ferramenta de seleção rápida até você encontrar a magia. Quer clicar uma vez no lado? Mantenha a tecla Shift pressionada, clique na caixa lateral que você tem ambos os lados selecionados, em seguida, vá até ela e vá para preencher. Ok. E será padrão para este aqui. Este é o conteúdo secreto da arma deles. É como conteúdo a uma escala. É como, OK, segure seus chapéus. Clique. Ok, Ok. Vamos lá. Tudo bem. Asa em um de select k selectee, selecione. E olha para essa magia. Olhe para essas misturas. Tão bom. Ok, então essas são as duas medidas Tipo de como poções quando você quer essas imagens realmente alongadas , K. Então Phil Kaye será padrão para conteúdo, preenchimento consciente ou escala consciente de conteúdo não funciona todas as vezes, mas é definitivamente a primeira coisa a tentar. Tudo bem, então eu vou dizer os dois e importá-los para dentro Lembre-se, não podemos usar PST, então eu preciso fazer um salvador de arquivos, e eu vou fazer J porcos para ambas as coisas. E eu vou mudar isso para ser estendido imagem estendida para bairros, super alta qualidade. E também nos lembramos, falamos sobre antes. Tamanho da imagem. Essas coisas alegram. Enorme. Agora é muito maior do que precisamos, que é bom homossexual e fechar este aqui. E o mesmo para isso, a poupança foi um porco J. Esse cara vai ser a imagem estendida. Belo fechamento. Não vou salvá-los. E em 60 eu vou me despedir, amigo. Você e você tinham ido embora. Eu não trago o meu mandato. INGE é apenas arrastando-os imagem estendida um em dois e nós dio impressionante. Então você está aí? Você provavelmente é maior do que eu preciso de você agora. Talvez tenha feito muitos painéis. Talvez eu volte e refaça os robôs. Eu quero saber? Ei, antes de fazer isso, mande para trás. Devia tê-los virado também enquanto estive aqui, o que serve agora. Ok. E é transformar. Você pode ver que eu não posso fazer isso, mas eu tenho que escolher primeiro. É uma transformação de Toronto. Economize fechá-lo para baixo e de volta em 60. Como esse cara, se você sabe, usando as bibliotecas, eles não atualizam. Ela vai ler, arrastá-los e todas as vezes. Certo, é por isso que as bibliotecas são úteis. Ele é o tipo de coisa que eu quero fazer agora. Tudo bem? E a garota, ela está aqui. Uma coisa que você percebe é que se eu colocar isso apenas na borda aqui Agora clique off desaparece. OK, mas se eu colocar tudo fora, clique nele. Venha aqui. Você vai até o fim. Meio que fica cheio. É porque já não faz parte deste tipo de popa. Você pode ver aqui se eu cozinhar no fundo, mas nada selecionado eu tenho. Ah, página inicial fora de borda. E então eu tenho um passaporte, que é tudo isso. Ok, então está ligado. É como um popa separado. Você vai e você vai ir sobre o deles para este. A última coisa que quero te mostrar antes de terminarmos. Não é realmente um super duper enganando e deletar. Isso é muitas vezes o que eu quero fazer é que eu quero ter aqui. Quero uma mensagem no topo da caixa. Preciso lavá-lo, pegar a ferramenta Rick Tingle. E eu vou desenhar um retângulo que vai como Sim, ok. Certifique-se de que encaixe na parte inferior. Pode ser cortada deste lado. Vou enchê-lo de preto. Eu vou dar-lhe uma fronteira fora, nenhum para marcar fora. E o que eu quero fazer é que eu vou movê-lo para trás até que ele esteja embaixo dessa coisa. Está bem, mas não atrás da imagem. A maneira mais fácil de fazer isso é que você pode clicar com o botão direito e dizer, vendo para trás uma e outra vez até que ele fique no lugar certo. Mas você vê o curto chegar aqui em um mac, é comando abrir colchetes no PC. É controle Open Square Records. Ok, então eu vejo o meu tempo apenas tocando o teclado. Você provavelmente me ouviu acontecer. Ok? Você também pode vê-lo em seu painel de camadas aqui. Importa-se quando estou apenas sobre essa imagem. Mas abaixo disto, o que vou fazer é diminuir a opacidade, está bem? É só uma boa maneira de estragar tudo, King. Só para que você possa adicionar texto ou, no meu caso, alguns ícones. Ok, então isso é trabalhar com ilustrador em design e algumas coisas super incríveis na loja de fotos. Oh, sim. Nota lateral. Eu tenho cursos sobre tudo especificamente sobre e design e ilustrador e loja de fotos. Então você pode conferir esses também se você quiser obter mais a velocidade com aqueles direito para o próximo vídeo. 29. Como mascarar no Adobe XD: Oi lá. Neste vídeo, vamos olhar para fazer máscaras, como criá-las, e depois acabamos com elas. Dragão por aí, volta para fora. Os direitos das máscaras antigas e irritáveis . Vá fazer isso agora. Ok, então há duas maneiras de mascarar. É bem fácil. Eu tenho uma imagem que importou cedo m pegar a turnê círculo. Vou arrastar um círculo perfeito segurando o turno, e arrastá-lo através do slick. Ambos vieram segurando turno e clicando em ambos e, em seguida, ir para objeto e ir para fazer máscara com uma forma alegre. Ou há o comando de atalho. Desloque-o ou controle. Troque-o, cara, que mascarado. E a coisa boa sobre isso é que você pode clicar duas vezes nele e você pode ver que eu posso mover minha imagem separada da minha máscara. Ok, se eu precisar sair e a mesquita voltar gangue e desfazer, é assim que eu quero até a morte. A outra maneira de fazer isso é dizer que eu tenho um círculo para começar, e se eu arrastar esse gráfico para ele, então há minha imagem estendida, na verdade eu posso usar minha imagem de herói. Um. Se eu arrastar isso direto para X'd. Ok, você pode ver que ele se torna na cena para o agora. A diferença é que este agora está usando, como, como, uma opção de capa onde ele vai se expandir e se contrair para preencher dentro deste com este original aqui em baixo é Aiken. Separe a máscara em coisas diferentes com a imagem da forma do pântano. Onde está este aqui? Esse tipo de fusão que tem a ver com o Phil, você pode ajustá-lo para dentro daqui e arrastá-lo por aí. Você precisa usar esse método. Você pode excluí-lo de lá apenas indo para preencher e apenas escolher uma cor de preenchimento, e eles irão substituí-la. Ok, então duas formas fazem ordens dragão dentro de um, e eles têm propriedades diferentes. Acho que vou deletar esse cara aqui, e isso é tudo para mesquitas. Eu só vou terminar um pequeno projeto aqui. Vou desenhar algo que cubra o encha com a minha cor mandei para trás. Dada a nossa fronteira, eu vou agarrar aqui e apenas me mover um pouco através imagem real e arrastá-la através de um pouco, e eu vou trazer um monte de imagens e desenhar alguns erros para que você possa pular junto agora porque isso vai ficar chato. Importe todas as saudades que você está seguindo ao longo e você quer ver como ele se parece. Caso eu vou pegar arquivos de exercícios, temos imagens, e eu vou trazer todos esses logotipos aqui. Ok, um pouco apareceu de todos os tamanhos diferentes. Diversão, k ultra força para baixo. Então eles estão na placa de ritmo e arrastá-los todos para dentro como eu preciso deles. E a coisa legal sobre eles serem vítimas Kors, P G é que isso é escalável. Está bem. E eu posso clicar duas vezes para entrar neles supõe fácil de ampliar. Clique duas vezes. O Kevin. Esperado em um pouco lá. Então eu tenho todos selecionados agora, e eu vou te pegar. Esse vai ser o meu primeiro dia. É o medo que você vai ter que ser branco também. Segure o turno para garantir que eles dimensionem proporcionalmente você para mim. O que eu poderia fazer para o in é agrupá-lo e agrupá-lo. Está bem. Acaba de continuar agrupando-o. Às vezes você precisa fazer isso algumas vezes e assim eu posso apagar esses balanços. Só quero o ícone. Não sou fã da sua nova eliminação. Quer dizer que gosto de você? Ninguém dessa cor vermelha. Talvez seja eu. Está bem. Insano com esse cara indo desarrumado tempos carregados. Vou te pegar e fazer o quê? E você verá que estas duas partes aqui. Ok, eu quero que realmente haja um buraco no meio, então nós meio que fizemos isso antes. Vou segurar o turno, clicar nos dois, e vou usar este aqui. O 2º 1 menos frente. Está bem. Para fazer um buraco nele. E estamos fazendo ícones. Eu tenho 100% para ter certeza que eu estou recebendo um tipo de bom tamanho ish. E eu não sou. Tudo está um pouco grande no momento. Pode cantar uma melodia. Você continua o painel de camadas fora apenas para ter certeza de que você tem espaço suficiente. O que eu vou fazer é pegar tudo isso e vou encolher consideravelmente porque eu tenho trabalhado muito grande, assumindo que estou longe demais agora. 100%. É o que quero fazer. Apanha-os, certifica-te de que estás a mentir. Você começa desta forma, encontrar todos os meus ícones que eles têm capaz de cima e obter o tamanho certo ish tentar e trabalhar para fora algum tipo de layout para que eles se pareçam com esse tipo de zoom em todas as ações de habilidades lá. Qualquer um que não tenha uma Nikon, eles têm. Mas é realmente irreconhecível. Então você tem que ir por esse lado. Por quê? Porque eu quero desenhar alguns erros. Caso. Vou usar isto. As ferramentas de linha. Mais fácil. Neste caso, eu ia ter uma linha branca, talvez três. Se você queria um erro realmente agradável, você pode ter que realmente saltar para fora e encontrar uma visão Nikon. Ele é que eu conduzi um roubo de reboque. Aquele não rouba o peso rigoroso. Na verdade, o que eu poderia fazer em vez de fazer um pouco pontudo quando eu vou fazer um pequeno triângulo apropriado , eu me senti branco para a fronteira fora do piquenique de golfe em Obter a coisa toda. O grande membro na verdade sendo 100% agora, um dos atalhos para obter 100% é o comando um, ok. Ou controlar um que saltará 200% perfeitamente. Então você não muda o caranguejo para baixo. Estar do outro lado de você não muda. Agarre você e eu quero um par desses caras. Eu quero que você veja, levado embora. Tipo de dar a volta naquele círculo lá. Eu tenho que brincar com isso mais tarde porque você não quer me ver batendo nessa coisa. Então o que eu quero fazer é algo assim. Então, eu tinha a minha cabeça dentro. Pelo menos você pulou totalmente agora para o próximo vídeo. Ter você, Dan brincando com falas. Certo, era isso que eu queria. Provavelmente não está bem. Ah, especialmente este Hunos Juntem-se Quase a pequena coisa que eu vou fazer antes de ir é eu quero aqui em círculo 100%. Eu quero ter borda de brancos, talvez dois k sobre alguns ícones que você pode trazer para importação de arquivos assim. E na sua pasta de ícones, há um chamado mudo. Ah, bem, você está fora? - Sim. Escritório de volume. O que eu quero isto aqui para indicar que, como este Ah, reprodução de vídeo. Você pode unm seu tet Ok com a câmera de vídeo mais cedo. Mas clique duas vezes para entrar. Mude a cor branca. Eu vou adicionar um pouco de caixa preta para ele sentar em Phil Border None. Capacidade baixa. Alinhar-se com este tipo até que isto vai dizer que já vimos o turno. Isso vai ser uma explicação. Foto de vídeo jogando com mu habilitado capaz para que o usuário tipo de sabe isso. Isso é o que está acontecendo muitas vezes colocar entre colchetes para que você tipo de saber que não é tipo de marketing. Fale que é tipo de mawr apenas lá para ajudar o usuário teste ir gays sente artilharia branco . Vou deixá-la. Como, Vereker? Porque eu queria não parecer que era parte fora. Os designers de verdade queriam ser como um pequeno teatro de informação no momento. Você não pode fazer vídeos dentro do X'd. Tudo bem, vai ser isso. Houve um grande pedaço de produção no final de Isso é OK, mas sim, nós aprendemos um pouco de coisas sobre como fazer mesquitas no início. Lembre-se, há uns 15 minutos atrás. Você ganha uma estrela dourada por vigiar até o fim. Tudo bem. Para o próximo vídeo 30. Botões de texto no Adobe XD: Ei aí. E este vídeo vai ser um vídeo de produção. Então nós vamos apenas passar e fazer algumas coisas, e o que eu vou fazer é o material do topo aqui, onde nós adicionamos alguns tiques, campo alguns botões, e nós arrastamos isso um pouco para cima. Faça alguns um meio É no lugar titulares. E olhamos para isto, o que é muito fixe. É solicitações de recurso ladrão para extra seus bugs. Ok, é uma maneira de você ir em frente com o usuário e dizer que realmente precisamos ser sublinhados e votados. Está bem. E olhe para os outros e sobre o que você pensa, porque o que quer que chegue ao topo da pilha de votos, Adobe 60 fará a seguir. Gay. Uma coisinha tão útil para entrar e dizer sim, precisamos desses recursos. Rápido. Inteligente. Tudo bem, vamos no fim. Ok, então aqui em cima, eu vou somar. Tipo uma chamada de ação de marketing e provavelmente emite Fairplex. Roubá-lo. Está bem. E este é rápido. Tous conduzir rei para fora fácil no embarque. Tudo bem. Ela está indo para algum lugar no meio da página. Você pode ver se você arrastá-lo por aí e você chegar perto do meio. O próximo é muito inteligente, certo? Certificar-me de que estou a trabalhar 100% também. Está bem. E só para eu ter uma noção de quão grande esta coisa é para se mover dentro do documento, você mantém pressionado o espaço spot e você pode clicar segurando arrastar. Certo, então vou construir um campo de carrapatos. Ok? Você pode saltar para fora para algo como os materiais gays ou Microsoft ou alguns dos quadros de arame para obter idéias de como carrapatos quadro deve olhar. Mas, na verdade, a caixa padrão acaba parecendo bastante. mercadoria tem o tipo certo de linha ao redor do lado de fora. O que eu vou fazer é apenas mudar o raio para ser dois pixels para coincidir com o resto do estilo disso acontecendo em uma simples sombra. Estou feliz com o que parece, e eu vou pegar minha ferramenta de texto clique uma vez, e isso vai dizer o nome do seu curso. Tudo bem com isso. Selecionado em Abrir meu painel de ativos e você precisa ser meu 16. - Legal. O que posso fazer é porque é um campo de entrada. Parece a lei, mas legal. Se mudarmos para cinza ou baixarmos a passagem A. E então é como desmaiar lá, então, você sabe, você pode digitar por cima. O que eu poderia fazer é Boris do material do arame. Havia a esposa quando fizemos, um, eu peguei você. Eu quero você. Sim , são pedaços aqui que eu quero. Copie isso. E traga esses pedaços. Principalmente. Eu só quero que você vá para o ar. Você vai a algum lugar com ele. Então, mais, e o que é que vai mais? Vou pegar emprestado as chaves leste ao longo do topo aqui, se você latir ambos os doces e meninos. Certo, algum motivo quando ele vai dizer “upload”, faça upload do seu vídeo. Está bem. Eu tenho que colocar esses alinhados foi bom quando ele vai se juntar com aquele cara. Este ia dizer que eu estou dissecando estes com um preto nosso e apenas usando minha custódia movendo-se através deste aqui, ele vai dizer pré-visualização enfrentando um pouco. Tudo bem. E vamos ter uma pequena caixa de seleção. Você pode marcar sua própria versão. Certo, então vai ser assim. Desenhando Rick Tango. É um quadrado perfeito, então downshift enquanto você está arrastando para fora, conte quando ele realmente mudar para dizer que você amostra ok e vai nos levar a um ponto onde, como, não há subjacente Certo, então ele tem algum texto bastante básico. As opções estão faltando um pouco, então não há sublinhados. Só estou desenhando com a linha até agora. E quando se trata desses recursos, há alguns que são super essenciais que você realmente quer e você não pode acreditar que ele não tem. Então o que você precisa fazer é que você precisa saltar para fora para mostrar que é o site aqui. OK, então é adobe X 'd dot user voice dot com Salte para o A, e é uma maneira de você ir para o ranking das coisas. Então aqui, se você pudesse continuar pesquisando você digita e sublinhar Ok em uma pesquisa, você vai encontrar que ticks subjacentes pontilhados e ticks Lyme. Então há algo é, você sabe, nós precisamos ser capazes de fazer isso, OK, e você pode votar gays para que os desenvolvedores do X D OK, eles possam ter uma noção do que precisa ser feito primeiro pelo votos. Ok, então você pode ver que essas características significam começou, o que é bom. Isso significa que há pouco tempo, Então deve ser feito em breve. Está bem. E você pode adicionar seus comentários aqui e abusar deles por não fazê-lo. Isso é o que parece ser para os gays. Então seja legal. Próximo , pessoal. - Legal. Conheci alguns dos desenvolvedores do X D, e eles são caras muito legais. Eles só têm muito o que fazer. É um produto novo. A outra coisa que você pode fazer é apenas ter um pouco de tempo olhando através e apenas está votando as coisas como aqui dentro. Isso eu realmente quero. Casey, basta clicar na votação Edri, endereço de correio ou sinal e redes sociais. Está bem. Eu votei em muitos desses até agora, mas este aqui realmente queria, então você pode tipo de, , ter coisas como uma navegação presa no topo. Então, quando você está passando, ele não se move. É muito bom para a APS, está bem? Ou a fazer uma soneca. Tudo bem. De volta à extinção. Algumas coisas que eu quero arrumar e um zoom out é que eu quero que isso realmente faça parte disso e eu provavelmente vou apenas isso. Talvez possamos ajustar o nosso rei da máscara. Então eu vou fazer isso grande. Eu só cliquei duas vezes na garota lá, e eu vou ter certeza que ela é grande o suficiente meu novo quadrado e ela vai estar na praça Nice. E vocês, um pequeno truque quando eu estou selecionando algo é arrastar uma caixa em torno de tudo e, em seguida desisolar os dois que eu não quero qual destes dois segurando o turno. Ok, é apenas uma maneira fácil de pegar todos os casos como eles todos e, em seguida, mantenha a tecla Shift e clique em ambos estes. Então você tem o selecionado. E se você pegar no meio, podemos fazer você usar pegando um monte de coisas ao mesmo tempo. A próxima coisa que quero é que vai ser a nossa caixa aqui. Isso tem que tipo de listas que estamos usando no produto deu o cliente quer que eu não vou fazer isso ainda. Vou adicionar um lugar mais velho, então lista instrutor lista de instrutores vai aqui. Está bem. Então, nada de especial. Só um pouco de espaço reservado para que eu possa continuar com o meu design. Outra coisa que vou fazer, facilitar, agarrar a borda, ganhar o dobro. Clique nele e faça isso muito mais longo. Tudo bem, tão bom. Uma fácil. Vamos começar a construir nosso painel de instrutor em seguida. 31. Como criar um modelo de popup no Adobe XD com um fundo surto: Ei, neste vídeo, nós vamos fazer isso tudo bem, Página onde o fundo meio que desapareceu no escuro e este pequeno modelo pop up aparece. Vamos aprender a fazer isso. Agora, em adobe Extinct. Tudo bem, a primeira coisa é, eu vou duplicar esta página aqui. Há muitas maneiras de fazer isso. Você pode selecionar a palavra página inicial copiar e colar. Coloca outro ao lado. Você pode segurar parafuso e arrastá-lo através. Está bem. Você pode ir para o painel de camadas e clicar com o botão direito na página inicial e dizer duplicatas. Tudo leva a uma nova página. Obrigado. Extinto. Está bem. Eu vou sentar agora, só porque eu gosto de um pouco de espaço no jovem e renomear este aqui. Esta vai ser a minha decisão pop up. Ok, então o que eu quero fazer é que eu quero que as pessoas cliquem neste botão de pré-visualização e, em seguida, ter nossas opções para dizer, você gostaria de vê-lo como um estudante ou como um instrutor? - Ir? E o que eu gostaria de fazer você gostaria de começar do início lá. Eu quero cortar tudo isso. Não faça nada. Na verdade, o que eu quero fazer é pegar o retângulo. Vai e Dropbox para cima. Vai tudo bem? Vou desenhá-lo sobre a coisa toda. Descendo até o fundo. Eu não vou ter fronteira. Dê-lhe uma sujeira negra e eu vou para o fundo. Desfoque esta caixa de opção legal, um desfoque de fundo. A tecnologia explode tudo por trás da caixa que fizemos. Agora era preto, e obviamente desapareceu. Agora é o que você pode fazer, você vê, é a capacidade dele, apenas como no momento em que é completamente visível para que você possa torná-lo um pouco mais opaco e decidir o quão escuro você quer que haja em desfocar o fundo. É uma maneira muito rápida de como esses pequenos pop-ups indo tipo de apenas, como desvanecer o fundo para fora e imitar tipo de como um Ajax pop up. Então o que eu vou fazer é diminuir um pouco. Eu vou cortar tudo agora dizendo, e eu vou trancá-lo. Então o comando Al é o atalho. Tudo está trancado para que quando eu estou trabalhando no meu pequeno pop up Motile. Não vai ter problemas. Então eu vou fazer uma coisinha no modo pop up cedo, ok? Vai ser isso vai ter uma sombra. Provavelmente vai ter uma sombra maior. O caso normal eu vou fazer seis por seis e um borrão de talvez 16. Veja, é apenas uma sombra maior e para torná-lo realmente óbvio e destacar-se em termos de cruz, e eu posso puxá-lo da cruz, minha armação de arame ou membro da folha de adesivos do material do Google . Ok, tem coisas muito legais na parte superior esquerda aqui. Caso eu fosse pegá-lo, copiá-lo do outro lado, não para este. esta. Passei-o. Muito bom. - Sim. Está bem. E certifica-te de que estou a trabalhar a 100%. Ok, você percebe que isso é um grande modo faria em grande. Tudo bem, eu vou tirar alguns carrapatos daqui do que os alunos vêem o que você vê. E o meu cascalho desta cópia tinha um comprimento liso e estilizado. Ok, então nosso texto vai ser nossos 16 ativos tão apoiados e nós vamos para 16. Estes botões aqui vão ser de roubar dele. Então eu quero você. Talvez você possa fazer isso. Ele copia e liso este corte ir ele colar aparência. Agora isso não funcionou, porque isso é realmente agrupado para ficar despreparado e basta selecionar a caixa azul porque eu tinha ambos o texto e eu não sabia o que fazer. Aparência de pasta gays. Ok, sob o mesmo com este aqui. Isto já está separado. Aparência baseada em peças. Mude este 12 verde. Agora, eu só estou perdendo em torno de alinhá-los, tentando fazê-los parecer bonitos, então parece ok, talvez, talvez, mas mais alto, mas menor. E você vai para o canto aqui, certo? E isso é tudo o que eu quero. Pão, o fundo fez uma coisinha pop up que não está bem no centro. O bom disso é que, mesmo estando todos trancados e eu os selecionei, parece que tenho tudo. Selecione Se eu começar a arrastar isso, você pode ver que eles ficam bloqueados. Ok, então eu vou agrupar essa coisa se eu agrupar, isso me dá, como as opções. Você vê aquela linha roxa que apareceu, então eu sei que está no centro. Tudo bem. E isso vai ser este vídeo. Vamos fazer o painel para a página do instrutor. 32. Como criar um painel no painel com a ferramenta de repeat de grade no Adobe XD: Ei, neste vídeo, vamos olhar para a criação deste painel instruído baseado em uma grade de 12 colunas. Vamos desligá-lo para que fique bonito. Vai fazer tudo isso, em seguida, vai transferi-lo para a nossa página inicial e fazer algumas coisas divertidas onde nós explodiu os botões de fundo e ed e fazer coisas legais com símbolos. Muitas coisas para cobrir neste vídeo. Vamos em frente agora e fazê-lo. Certo, então é isso que estou construindo aqui. Então você clica neste botão. Ele mostra a visão estudantil que não estamos construindo porque o cliente somos nós. Isso não é muito. Eles já têm o que tornou este este instrutivo. Querem que construamos você. Então o que vamos fazer é fazer uma nova página, mas como já fizemos a grade de 12 colunas entrar neste 1º 1 queremos ter certeza de que estamos duplicando isso. Então, realmente não importa se duplicamos decisão pop-up porque ele tem ALS, a página inicial, bits e pedaços. E então o que eu vou fazer é olhar para esta cópia colar. Agora eu quero que eles sejam separados perfeitamente. Então eles estão todos separados na ordem certa em Faça o que acontece é se eu pegar o título aqui e assistir este dragão atravessar, você vai ter esta bela caixa magenta alinhá-lo. Isso não vai aparecer se, digamos, eu não conseguir ver essa lacuna e eu arrastá-la para fora. Não sabe o que quero dizer. Então você precisa ser capaz de ver a lacuna. Alguém pode vir aqui para fazer a sua magia? Ok, então descobrir que não está funcionando, eu tenho que diminuir um pouco, Co. Então nós nomeamos este aqui. Isso vai ser instrutor de esporte. Legal. Então o que vou fazer é cortar tudo. Excluir o que era o seu OK? Que é o meu só o meu móvel. Vamos cortar tudo e ir ao comando. Eu desbloqueio-o, apago. E agora eu quero ir ao meu painel de ativos e você verá isso porque eles não foram vistos semanas internas caóticas. Na verdade, é mais fácil selecionar o topo. Weinhold shift levou a parte inferior uma caixa superior um deslocamento cardíaco, clique na linha inferior e, em seguida, apertou o comando semi dois-pontos em seu bolo de teclado. Então agora eu tenho minha grade de volta s para que eu possa começar a usar isso para construir meu painel de controle. A outra coisa que quero fazer é que quero que a minha navegação no topo seja um símbolo. Ok, então eu preciso disso porque eu quero re usá-lo, e eu quero como um símbolo eu queria ser capaz de ser ajustado uma vez através do símbolo, e todos eles atualizar nas outras páginas. Então eu selecionei o shopping. Segure, mude, clique nesse cara. Então eu tenho tudo isso selecionado. Vou ao meu “s”. É o painel. E vou dizer que quero que você, meu amigo, seja um símbolo. Não importa se eu arrastar isso para fora, ok? E alinhá-lo ou apenas copiar este cara agora, porque ele é um símbolo e eu clico nesta página, colá-lo. Ele vai para o lugar exato que eu preciso, o que é ótimo. Então, como vou acabar com isto, vou quebrar este 12. Colin quebra em quatro seções com bastante facilidade. Certo, então vamos fazer três. Isso vai ser a navegação esquerda para o instrutor e então eu vou usar o seguinte nove para o meu cartão. Então eu vou construir o meu cartão para que possamos ignorar a primeira rua, porque vai ser a minha navegação. Vou pegar meu retângulo e parar de construir isso. Ok, vamos cruzar três agora. Certifica-te de que está tudo bem. E quão grande esses carros precisavam estar aqui? Isso é quase certo. Vou ter uma sombra. Sem fronteira só porque vou pegar a conversa uma vez. Além disso, vou torná-lo o verde. Coloque um pequeno círculo em torno dele. Ampliar, manter o turno, obter um círculo perfeito. Não, Phil Green fronteira a reboque. Nada está funcionando se não estiver funcionando porque eu o selecionei. Ferrou o preto com um clique direito sobre esse cara, então não tem Phil e tem uma borda verde. E como? Por quê? Quero tentar igualar a vantagem. Então talvez dois vão tocar, tocar, tocar. Clique. Ambos segurando o turno. Em seguida, agrupá-los comando g ok. Ou controle Geoana pc. Volte para 100% que é o comando um. Ok. E é tudo grande. Então você vai para baixo. É um pequeno clique duplo para entrar no grupo. Eu vou clicar nele e apenas, tipo , alinhá-los no meio. E isso eu decidi mudar de idéia e torná-lo um. Certo, então tem o meu pequeno botão mais que não está bem alinhado. Então eu vou clicar em você e em você e em ambos selecionados. Vou certificar-me de que temos o teu forro e as tuas falas. O para cima e para baixo não está funcionando bem, porque na verdade é uma fonte. Então, há um pouco de extra no topo, mas diferente. Trabalho horizontal bem. Ok, então volta 100% vou pegar meu tipo até eu ter certeza que está perfumado. Porque se eu não fizer e eu fizer isso alinhado à esquerda, vai ficar tudo bem. Mas quando eu começar a ajustar isso quando eu repetir, eu vou ter que continuar movendo isso por aí porque eu quero que nos enviem seu “quer clique um”. Vou certificar-me de que está perfumado. Esta vai ser a receita mensal recorrente. Ok, coloque que tudo clique no nosso roboto que vai trabalhar no centro deste vai ser o meu tipo de opção maior. Ok, ainda parece que é bom. E o sol vai mostrar qual é a minha receita corrente . E o que faremos é parar de brincar conosco. Vai ser diferente de todos os outros. Então vai começar com os efeitos grandes. Mas quero que este seja ousado. Ok, não é negrito vai ter que ser livro, na verdade, porque eu não quero apagar minhas fontes. OK, então ele vai ser esta vai ser a minha linda cor. Ótimo. Haverá um pouco de carrapatos explicativos no fundo aqui, ou isso iria dizer até 9%. Isto é no mês passado. O que eu poderia se apenas o tipo de sala de jogos com o tipo de hierarquia de informações como eu só poderia fazer isso como uma cor mais clara sobre o que eu quero apenas mover um pouco para a esquerda, porque na verdade, o que Eu quero fazer é colocar um pouco de seta para cima ou para baixo, e na verdade, eu quero isso em vez de ser cinza, eu quero que ele seja verde se está indo bem e talvez ler se está indo mal. Está sempre indo para ir. Bem, eu vou pegar a flecha de talvez enfiar uma folha Gay do Google tem qualquer área certa, mas podemos consertar isso, colado aqui e girado em torno de turno segurando. Quando você está girando, ele vai garantir que ele gira e tipo de, Ah, Ah, 90 graus ou ângulos de 45 graus veio usando meu Eric Ele é para empurrar isso ao redor. O que eu poderia fazer é que isso veio através como, uh, ok quando ele é selecionado e você não pode ver no interior de seus meios, provavelmente é um grupo ou é um símbolo. Ok, então tudo o que eu vou fazer é ir para objetar e ir para persistente. Agora é um par disso. Então é que Plus é uma linha ao redor do lado de fora. Não quero uma linha ao redor do lado de fora. Eu só quero você. Quero que mostre verde para sempre. Talvez o baralho concorde, e eu quero aumentar a porcentagem. Certo, decida de novo. Verde mais claro. Tudo bem. Então você passou muito tempo projetando um deles, certo? Gay e você sabe , são três colunas. Então o que vamos fazer agora é multiplicar essa coisa para fora esses valores. Veja todas as colunas que eu estou indo para slick. Tudo isso veio. Tenho que ir para a ponte de repetição, e eu vou arrastar através, e eu só quero três deles. E quantos caíram? E quanto a quatro deles? Ótimo. Então eu vou brincar com o espaçamento e um zoom em e tentar obter o espaçamento para combinar com o fundo perto o suficiente. Ok. Eu vou ter apenas isso em um doente e você pode não se encaixar para as coisas em segundo plano que eso nós vamos ter que fazê-lo manualmente. Mas para ser honesto , precisa ser 12 colunas, mas não pixel absoluto. Perfeito. Porque isso é algo vai ser recriado em código mais tarde. Ok, então eu vou torná-los meio quites. Tudo bem. Então você chega a um ponto em que você gostaria que você pudesse agora passar e dizer, na verdade, eu quero apenas este um clique duplo neste e ir para usar uma música, ok? E a vez no momento é de 15%, mas é para as minhas coisas. De qualquer forma. Usamos uma chance muito alta, e vamos chegar a um ponto em que eu digo que quero mudar isso para ser livre porque uso de correntes vai subir em algum mês passado estava subindo 3% acima com base no mês passado. Mas isso é ruim. O usuário aparece como ruim mensalmente. A receita é incrível. Então o que eu quero fazer é passar por aqui. Vamos ter um problema. Onde têm o selecionado e eu quero ir e mudar isso para, digamos, Grande estado vermelho brilhante Carta. Todas as mudanças. Ok, então há coisas como texto que você pode mudar como nós mudamos a sintonia do usuário. E isso não se atualizou. Mas você vai descobrir rapidamente que você eventualmente precisa dedo ungroomed eles ou delineá-los. A coisa ruim é que eles nunca serão capazes de ser aquela grade repetitiva agradável. Você pode ser capaz de arrastar para fora mais do polegar, mas agora com eles selecionados, ok, eu posso passar, e eles são todas partes individuais. E isso é o que eu precisaria. Agora eu preciso que você possa ter um seleto sobre ele. Ok, ele está agrupado. Ok. É por isso que não posso escolher apenas o Spitzer, o grupo de papéis. Então o que eu vou fazer é clicar duas vezes nele, ok? Ou você poderia agrupá-lo. Vou ao casaco Big Bright Rid Morning. E o mesmo para o preenchimento deste. O que posso fazer é adicionar isso às minhas cores reutilizáveis. Grande, vermelho brilhante. Ok, eu vou passar e encher tudo isso e vou fazer isso e acelerar. O que eu quero fazer é trabalhar na mão esquerda nunca com tanta frequência. Quando você entrar no lado administrativo das coisas, você terá um top. lado administrativo das coisas, Nunca agradável, simples, fácil para todos. E então no lado esquerdo é, você potencialmente terá um secundário? Nunca. E é isso que vamos ter. Então eu vou pegar minha ferramenta trabalhando 100% gays, finais e pretos. Nosso espaço por drogas atravessando. Levou uma vez, e eu vou ter no topo aqui o painel de controle. Ok. Vou usar uma das coisas. Eles alinharam tudo no topo disso, e agora vou passar e adicionar as diferentes opções para este painel, e não há marcadores. Então o que você pode fazer é sair para usar um final de voz nisso. Eu te mostrei um upgrade. É um recurso ou apenas mantenha pressionada a tecla de opção e digite em um Mac ou volumoso em um PC e digite oito. Ok, o número oito no topo do seu teclado que vai te dar uma bala falsa. Ok. E eu vou usar, e vou usar isso e pegar meus 16 para minha cópia corporal. E em vez de colocá-lo de volta e colocar no próximo, ok, ok, o que você quer fazer é ter caixas separadas, porque se eu fizer isso e tiver um monte de retornos, não posso ter isso. Quando eu tenho um protótipo é mais do que apenas um botão para ir para outra página. Certo, então toda a marinha acaba em uma página. O que eu quero fazer é ter muitos projetos de inspetores. Quero duplicar isto. E agora vou fazer um protótipo. Eu poderia dizer que este botão vai para outro lugar diferente desta página. Então, o único livro que não é permitido. Então aqui, vou passar por isso. Vou pedir ao Jason para acelerar isto. Obrigado, Jason. Casey, você voltou. E o que eu quero fazer é se você não sabe se você segurar a seta preta clique pressionando começar a arrastar. E depois de começar a arrastar pressionada a tecla R em um PC ou opção Chiana Mac, você terá como uma duplicata. E se você arrastá-lo perto o suficiente, você verá aquelas caixas magenta encantadoras pegar e dizer, você quer dizer 16? 17 pixels e você diz Sim, por favor lição fácil. Há uma duplicata, como no ilustrador. Você pode ir até ele. Ele duplicar o comando D. Ok, então isso é provavelmente na verdade mais rápido comando opção e para arrastar isso para fora. Comando E. E ele apenas duplica a coisa. Você tem que arrastá-lo. Ele não faz exatamente como ilustrador, onde ele tipo de passo para fora também. Mas você pode duplicar ou copiar, colar ou arrastar como eu acabei de fazer. Eu sei que este tipo de navegação de instrutor vai aparecer em muitas páginas. Então o que eu quero fazer é liso que tudo e ter certeza que é um símbolo aqui símbolos para que quando eu atualizá-lo uma vez, ele atualiza em todas as páginas. Se você esqueceu como atualizar enquanto estamos aqui Ok, eu tenho dois desses agora, ok? Ou até três deles. Significa que se eu entrar na 1ª vez, na verdade, não vamos chamá-lo. Os usuários iam chamá-lo de pessoas gays, e nada muda que é bastante único. Mas se eu clicar fora, clique de volta no direito, clique nele e dizer atualizar todos os símbolos. Você vê isso vir junto para o passeio. Então é por isso que estou desfazendo agora. E é por isso que símbolos são úteis para, tipo, a natureza superior desta coisa aqui. Certo, há algumas coisas que quero fazer antes de sair. E eso é meio que o principal entranha disso. Feito. Eu vou passar e ajustar essas caixas e um pouco. Vou desligar estes. Selecioná-los todos porque eu os usei para obter nossas grades de coluna encantadoras. Então sabemos que pode ser desenvolvido mais tarde facilmente. Mas eu selecionei todos estes no comando semi cólon. Eles estão desligados agora, então eu posso ver como é e o que eu quero fazer para estas páginas. Eu quero mudar a cor de fundo completamente porque eu gosto deste tipo de caixas brancas, mas eu preciso ter um pouco de contraste no fundo, então tudo que você faz é se você clicar na borda, você tipo de propriedades de página que clique duas vezes na idade. Você vê, aparência Phil significa que a cor de fundo preencher. Então eu clico sobre isso e apenas escolher como, uma luz realmente apagada. Ok? Minha edição até mesmo para minhas amostras aqui embaixo para que eu possa reutilizá-lo mais tarde. Certo, só para tirar os casos de fundo, algumas coisas que quero fazer antes de ir. São estas duas caixas de um tipo de combinação do dedo do pé uma vez e a Internet disparou em um grupo. Este aqui, ele vai ter altura dupla, ok? E é aí que ele vai ser Alistair como assinantes recentes. Então, se você é um trem e você pode ver as pessoas que acabaram de se inscrever assinantes tão recentes e você vê agora como é útil ter certeza que foi perfumado antes de eu começar a trabalhar porque ele sempre vai ouvir de parece que de outra forma deixou a linha pagando A bomba. Ok, eu quero que você vá embora. Eu quero que você vá. Eu quero que você vá. E agora eu preciso criar alguns assinantes recentes. Um bom truque para isso é se você pulou em um site chamado Há muitos deles. Se você digitar gerador de nomes aleatórios, você vai encontrar muitos. E este é o que sempre acaba e você diz que eu quero 10 nomes ou nomes masculinos e femininos . Eu só quero nomes comuns K e gerar nomes aleatórios. E eu uso isso para tipo de preencher conjuntos de dados para minhas simulações. Torna a vida muito fácil. Então eu vou pegar tudo isso, jogá-lo aqui, e eu vou fazer para eles apenas um grande livro didático porque eu não pretendo ser estes clicáveis nesta simulação. Ok, então eu vou pegar tudo isso. Eu vou me certificar que 100% alguns misturados de projetar estes, certo? E o que eu poderia fazer é deixar toda a esquerda a linha este abas e mãos. Não é o que eu quero, espaços. Agora, você pode jejuar um pouco, Jason, até o fim dessa coisa de design que ficar por aí para depois. Ali está Mawr. Coisas interessantes vindo, mas vamos ser assim, certo? Minhas costas e o que eu quero fazer é que eu quero tipo de um desses. Estes dois últimos, vamos baixar o aplicativo, e vamos fazer isso em um segundo neste aqui. Eu gostaria de ser, tipo, um pouco porque há um novo produto. Eu quero ter uma pequena opção que diga, Ah, Ah, se você tem uma ótima ideia enviar um caso nos EUA, eu vou me livrar de você. Cura você. Você. Eu não preciso disso. Um botão extra para este. Vou colocar um botão grande, e vou roubá-lo desta página. Você, acima de você. Está tudo agrupado em seu grupo. Por favor copie. Vá. E você está no St. Ah, legal. Legal. Legal. Este vai ser um pedido de recurso. Pedidos de recurso. Legal. Sim. Bem feito. Velho para drogas de um lado. Tipo de vai ambos os lados ou opção no mac. Ok, isso vai ser o meu pequeno pedido de longa-metragem. Mas agora eu vou atualizar o resto do uso de Jason pode avançar estes, e eu vou vê-lo logo depois para um pouquinho mais antes de seguirmos em frente. Tudo bem. Então preencheu os detalhes e o que eu também quero para isso é que eu preciso de todos vocês apenas descer um pouco porque eu preciso de outro botão no topo aqui para você que permite que as pessoas quando eles estão em seu tipo de pré-visualização, para ser capaz de salvar Com ela até ele, vamos começar a fazer a sua própria causa esta seria uma demonstração. Então vamos fazer algo como criar o seu próprio Create Plus no final. Às vezes eu fico um pouco longo com esses botões que isso provavelmente não vai passar por você. Os testes não podem, pela minha vida. Pense em uma maneira melhor de escrever isso agora. Mesmas cores, na verdade. Eu poderia escolher algo um pouco diferente para ser um pouco óbvio que sexualmente deveria ser roboto. Isso significa que é roboto. Isso significa que também não é. Você Oops. Um dos botões assim. Você também, porque eu copiei e colei do fio. Emoldurado? Você deve ter visto que deu massa e eu ignorei o tempo todo. Está tudo bem. Nós temos isso para cima. Tudo bem. Eso pegou isso? Eu mandei um pouco de mensagem. Você pode continuar agora. Vou liberar texto aqui. Isso é E. Isto são dados reais ao vivo. E eu queria ser, tipo, coloquial. Por isso, o itálico faz com que tudo pareça ser a palavra falada na minha cabeça . Pelo menos está indo bem pequeno. Isto vai quebrar as minhas regras porque vai ser algo alerta ou diferente. Sim. Estes são dados reais em tempo real. Isso é o que todos devem saber. E o que eu quero fazer é agora que eu tenho esse tipo de como eu quero eu quero usar isso na página inicial. Então eu vou fazer é eu vou agarrar. Eu não quero todos eles, mas isso vai ser o suficiente do que eu preciso. Vou copiá-los. Claro. O que eu quero fazer na minha página inicial. Quero que haja um exemplo. Vai ficar aqui mesmo. Vou colocá-lo em uma caixa grande que estica o todo com ok. E eu vou fazer esta caixa desta cor, e eu não tenho Phil. Não sei quanto tempo vai ser um meu depois de um segundo, e eu queria alinhar para a nossa grelha de milho 12. Então lembre-se, se eu estiver nesta página aqui, clique dentro dela. Tenho camadas. Eu deveria ser capaz de ver as colunas aqui, e eu quero ligá-las. Nós estamos indo. Vamos lá. Semi, Colon. E talvez tenha que desbloqueá-los porque já não são suficientemente longos. Então eu vou comandar I por procurar, e então apenas arrastá-los para baixo e eles os trancaram novamente. Você vai comandar elegante. Então, estavam trancadas. Vou acelerar isto. E eu queria alinhar com aquelas colunas ali. Ok? E eu vou descer. Sim, mas que eles na verdade eu queria ser esta coluna aqui. Neste caso, eu vou adicionar um pequeno download legal aplicativo vai fazer no próximo vídeo. Eso você algo assim. E o que eu quero fazer é mostrar a vocês como fazer isso parecer porque eu quero esta caixa grande e aqui para ir das 12 colunas. Ok. Quero ser o mesmo que estes. Você copia? Você excita geralmente atalho algum compartilhamento de um longo caminho. Lembra-te, mas comanda tudo bem, por isso copio o comando V. É uma maneira muito fácil de tirar as mesmas cores destes tipos. E isso totalmente não funcionou porque nove agrupou o grupo udon e então selecionou essa parte. Ok, faça isso. Estes cortes Michelle comando ver, vai controlar Viena PC e, em seguida, comandar todo o ritmo vai através da sombra cair. O Phil livra-se da fronteira. Dias felizes. Ok, Próximo. O que eu faço é que quero que isto pareça que está a desaparecer, por isso vamos olhar para a desfocagem um pouco. Então, em primeiro lugar, eu não preciso disso. E o que eu vou fazer é cortar esses caras fora, apenas deixando-os. Na verdade, todos vocês. Adeus. Ok, então o que eu quero fazer é pegar a ferramenta de retângulo, e eu vou desenhar algo através do fundo aqui. Eu não quero desvanecer isso. Só quero tipo, olha, olha, está a desaparecer no fundo, como te mostrei na introdução. Então o que vamos fazer é você se sentir bem, não dar borda e fundo azul com vistas, mas podemos apenas usar o borrão de objeto. Ok. E você pode ver que eu meio que tenho uma borda desbotada lá para parecer que ele provavelmente é queria transportar ou quanto algo como aqueles jogos. Passando agora, desvanecendo não acontece em todos os cantos do momento. Ok, então você precisa ser talvez apenas arrastar isso para o outro lado, então inconstante para ele e trazê-lo para a frente. Então, deslocamento de comando fechar, colchete seria apenas trazê-lo para a frente onde você pode clicar com o botão direito no membro e ir para a frente, porque eu tenho este tipo de como desaparecer. Então, há, tipo, Parece que há Mawr para usar. Então agora vou pegar este botão. O que eu deveria fazer é colocar isso em ambos os caras Dragon na minha biblioteca de símbolos. Então eu tenho meus botões facilmente acessíveis. Ok. Só o moveu para lá. Basta apertar o botão de adição nos símbolos. Tenho os meus botões. Não quero atualizar um e atualizar todos eles, mas posso usá-los assim. Veja isto. Basta usá-lo como um começo para que eu possa arrastá-lo para fora. E ele faz parte dos símbolos, mas despreparou o turno de comando G ou o turno de controle G em um PC. Isso significa que eu posso apenas passar por perturbá-los. Prefiro encontrar uma página que já os tenha. Então agora ele está desconectado se você os agrupar, eles estão desconectados dos símbolos. Ok? E isto vai ser como um Seymour. Você vai inventar para que haja mais para ir e você pode conferir. Quando você clicar sobre isso, você vai acabar nesta página de fala. Em nenhum lugar. Esta página aqui. Ok, o painel co cola choque é se eu clicar nesta caixa aqui e atrás, comando três ou controle três no PC. Vai ampliar apenas para essa área específica. É uma boa maneira de se mover se você está achando um pouco difícil ir de página página. É no momento e X'd. Ok, eles precisavam de algum tipo de páginas de navegação fáceis, painel ou comando j como no design, algum tipo de maneira de saltar para frente e para trás muito rapidamente. Ok, a última coisa que quero fazer antes de irmos para o próximo vídeo, é um longo, bem longo. Então vai manter o controle de seus innings pode. Este vai ser um robô grande, e eu vou fazê-lo Sansom lidar com o tamanho da fonte corretamente e você. Certo, então vai ser ele. Ele alinha lá em cima. O que realmente pode fazer é que eu quero usar isso e usá-lo branco Todos os direitos no próximo vídeo , nós vamos construir esse clique aqui para a coisa do aplicativo. E isso vai ser muito legal porque vamos olhar para os mercados CC e como usar os projetos P ST e Folsom em um PST funcionando para o mercado. Parece confuso. Não é. Vamos fazer isso no próximo vídeo escondido. 33. Como fazer um maquete com celular com Adobe XD Photoshop: Oi lá. Neste vídeo, vamos simular nosso painel de controle em um celular. Vamos usar o mercado Theodore B que nos permite ficar irritados. PST é a partir dele e também usar objetos inteligentes para que possamos fazer coisas legais quando atualizamos coisas como o logotipo que foram feitas na verdade, apenas indo para destruí-lo tinha salvar significa que Photoshopped marcação atualiza automaticamente. E se eu tenho um 62nd e 60 atualizações também, torna super útil quando você está meio caminho através de coisas como projetar logotipos como eu sou para este produto bibliotecas Sisi regra. Vamos aprender a usar isso agora, em ambos X 'd, loja de fotos e ilustrador. Ok, então a primeira coisa que queremos fazer é encontrar um telefone para usar. Poderíamos desenhar um. Tem sido uma eternidade. Então vamos usar o aplicativo Creative Cloud. E ou você pode obter um estoque e encontrar um iPhone em perto, mas esses são aqueles que você é cobrado por. Então os ativos, entanto, no entanto, tem alguns bons aqui é sua busca de mercado. Eu procuro o iPhone. Eu procuro iPhone seis e sete e seis equipes que têm a maior variedade de opções. Mas eu realmente estaria procurando por um iPhone X ou X ou qualquer que seja a versão que é para você agora, Ok? E então você escolhe os que você acha que podem funcionar. Bem, devido a este caso, vou baixar este para o meu instrutor, biblioteca H Q. E havia outro que eu gosto aqui em baixo. Este aqui. Vamos olhar para ambos quando você cozinhar sobre eles, procurando PST. Ok, então você quer algo que eu arquive ou um PSD? Nós realmente não queremos porcos J, principalmente porque queremos que todos eles já sejam clicados. Então eu baixei os dois. Se você não tiver acesso a esse mercado de ativos, eles já estão em seus arquivos de exercícios. Há novas imagens pasta e eles são chamados de marcação iPhone um em você poderia abri-los . Por quê? Eu chamei este PST PST. Não. Claro. OK, então abra os dois e Photoshopped. Ou se você estiver usando as bibliotecas de cartões de crédito e a loja de fotos, você pode obter uma janela, abrir bibliotecas, certifique-se de que você está em seu instrutor H Q e eles devem estar aqui. Você pode apenas clicar duas vezes sobre eles. Vamos fazer este primeiro porque é simples. Na primeira coisa que quero fazer é passar, ter certeza de que há muitas partes nisso. Esta é a coisa boa. Tudo poderia ser ligado e desligado e ajustado, querendo o fundo fora porque eu não preciso dele e eo que eu gostaria de fazer é trazer alguns gráficos de 60. Então, trazer gráficos é meio que duas maneiras. É o caminho do homem das cavernas e o caminho certo. Então eu quero que esses três façam parte do meu painel. O que ele pode fazer se eu apenas copiar para comandar, ver ou controlar ver em um V p. C, e colado nele apenas traz através, mas é pixels. Ok, então não é coisa adorável do Victor, e você pode ver que é muito pequeno para se locomover. Isso vou fazer é porque eu estou indo para um rápido, barato e alegre OK, eu vou apenas torná-los maiores. Copie-os no porão. Ok, agora eles são de tamanho grande o suficiente. Eu posso convertê-los em um objeto inteligente de uma das notícias super sérias. Transforma K para chegar ao tamanho certo. Certo, então esse é o jeito do homem das cavernas. É Rasta. O que você poderia fazer se você quisesse ser super oficial é, e as pessoas que as vítimas é que com esses caras selecionados, você os agrupa primeiro. Para comandar prisão em um Mac ou controle J em um PC é sempre eles são um grupo que você pode clicar com o botão direito do mouse neles em exportação clique. Analisaremos a exportação mais tarde corretamente. Mas este é o básico. E aqui eu posso escolher xvg ou PDF que irá reter o vencedor. Então você poderia trazê-los para a loja de fotos e aqueles serão encantadores. O Victor. Deus, se você não tem idéia do que Victor bondade significa, basta fazê-los grandes e copiá-los e colá-los através. Ok, então o que eu quero fazer é que duas coisas vão alinhar tudo bem com a tela e eu quero obtê-lo para eu possa ver que isso é o que eu quero. Esta é a tela, e eu não gostaria de fazer é tê-lo logo acima da tela. E há uma maneira fácil de tirar fotos para mascarar esses dois juntos. Então, certifique-se de que o gráfico que você trouxe tem audição e renomeação só para ser oficial, vai ser minha marca ex, ok? E certifique-se de que ele está acima da tela. E, em seguida, se você manter pressionada opção no teclado ou se estiver em um PC, mantenha pressionada a tecla okey. Você vai ver se eu passar o mouse entre esses dois caras, ok, estão procurando por este ícone. Se você clicar nisso, o topo fica mascarado por um e hoje você vê, ele é bom e fácil lá, você pode se mover separadamente. Ok, apenas uma maneira agradável e fácil de fazer máscaras na loja de fotos e com a tela. Aquela pessoa adorável que construiu isto levantou a vítima para que eu possa clicar duas vezes no ícone. E eu poderia ir e mudar a cor. E, na verdade, eu quero usar a cor que eu usei em 60, que eu sei que é se, também se dois de dois, esse tipo de cor ótima e o que eu tenho trabalhado também está sendo para o cliente. Estou construindo um logotipo para eles. Ok, então você deve ter visto o começo. Tínhamos este logo escrito. Ok, isso é chamado de um tipo mais longo de apenas um pouco de estilística carrapatos. Mas eles queriam um logotipo. E é aqui que estamos agora. Ok, então nós estamos ajustando este pouco e agradável, maneira fácil para que isso funcione necessário. O fluxo de trabalho que estou usando é que diz, é assim que até agora vamos arrastar para o meu instrutor. H Q. Eu estou no ilustrador, que é muitas vezes você construir logotipos. Certo, vou ilustrar o curso. Confira isso. Se você quiser saber mais sobre o Illustrator Então está lá. É Victor, é incrível. E Photoshopped, você verá que ele apareceu aqui também. Essa é a coisa boa sobre bibliotecas se arrastando em uma. Você poderia arrastá-lo até aqui. Ok? Nas mentes. Só vou estar lá em cima. Retorno rápido. Amplie um pouco e eu quebrei. Como fez uma pausa? Lembre-se que eu disse que este mercado extremo precisa estar bem em cima da tela, e eu acabei trazendo um trabalho extra entre eles. Então eu vou até lá, ok, ok, e ter certeza que esses dois estão bem acima um do outro e esse cara aqui. O meu logótipo não interfere com aquele tipo de estrutura que construímos. Incrível. Então, a coisa legal sobre isso, se eu tivesse salvo agora é cortes claros. E se eu tivesse dito: Você pode ver? Porque eu comprei através das minhas bibliotecas. Atualiza aqui também. Você poderia apenas dizer que este é um pedaço D ou um PNG, porque você quer fundo transparente até você, e então você pode saltar para X 'd e quer importante ou usar sua biblioteca. Então, o atalho de horário Shift L para a biblioteca está bem, ou você pode ir até o arquivo deles lá dentro. Sou instrutor. Agora parece que você vê os benefícios dessas bibliotecas. Eu poderia arrastá-lo em gays e fechá-lo. Ok, então eu tenho esse carinha agora que eu quero passar e você o encolhe para estar meio que nessa coisa de aplicativo pequeno, você meio que o começo. Você também pode ver o pequeno carrapato verde? Isso significa que está ligado à biblioteca. Você pode, ao contrário, dizer que não deseja conectá-lo à biblioteca. Arrogante. Basta clicar nisso e ele se desconecta, certo ou o quê? Eu gosto dessa conexão. Então eu vou trazê-lo aqui, colocá-lo em algum lugar onde pegar essa opção. E você, meu amigo e capuz desarrumado. Então eu posso ver que, Phil, este assassino, é como esses dois turnos de espera, e então nós vamos para Object Am atrás. Massa com forma, não comandos. Mesmo que você seja do ilustrador. Certo, então, na verdade, o que eu quero fazer é copiar essa cópia, e eu queria estar na frente, então eu quero você. Tenho duas versões dele agora. Na verdade, o que eu quero fazer é copiar isso indo Copiar e colar. Hum, então há duas versões deles agora, e eu quero selecionar o telefone nele. Veio e depois vá para o comando. Mude-o ou controle, mude-o. Certo, porque agora ele costumava aquele retângulo, aquele tipo de pêssego para mascará-lo. E eu fiquei com um fundo também. Então, por que continuou usando bibliotecas? Aqui é onde a magia acontece quando você tem amarrado um logotipo que é metade e desenvolvimento com uma simulação e loja de fotos. e isso foi trazido para 60. Então, o bombeiro ilustrado aqui, eu posso clicar duas vezes no logotipo da minha biblioteca, ok? E abra e decida isso. Na verdade, essa coisa diz que muda. Eu não sei. Não sei porquê. E, você sabe, isso vai mudar. Eu sei que é apenas um tipo de trabalho em andamento. Essa coisa aqui, você muda as fazendas, você muda as cores, tudo vai e muda e assiste. O que acontece se eu acertar o arquivo seguro? Está bem, actualiza o logótipo da biblioteca. E como lojas de fotos usando o mesmo item da biblioteca, você pode vê-lo atualizado aqui. E se eu salvar este documento e ir para ovos dia, você vai notar Às vezes leva um pouco de tempo para 60 tipo de re ligá-lo. Se isso acontecer, você pode abrir sua biblioteca. Basta clicar neste pequeno ícone levantar-se para mim já. Mas se não funcionasse, você poderia apertar este botão. Isso o atualiza para que você possa ver Bem, é um trabalho em andamento. Você pode definir essas correntes e que iria atualizar se eu estava usando o logotipo aqui em cima na minha parte superior bem, que eu vou fazer em um segundo. Então eu vou voltar e fazer isso em fazer antes que ele quebrou seu salvar suas primeiras atualizações dizem que o anexo D obter um segundo e vai se opor. Então, há uma das versões. Vamos dar uma olhada em como essa opção funciona. Então eu telefono a simulação para Ok. Eu quero mostrar-lhe isso porque alguns deles vêm para ele como um estilo ligeiramente diferente. outro que fizemos. Usamos a massa simples deles para fazer isso acontecer. O que eles fizeram nesta opção castelo ponto co Bons minutos. Um recurso gratuito que tem dois telefones. Ok, um branco e preto quando eu quero o branco. Mas vamos cobrir os dois por enquanto. Vê o lugar dele, sua imagem aqui. O que eles querem dizer com isso é, se você clicar duas vezes nesta opção, mãos cortejar um objeto inteligente. Você entra nisso, então nós vamos clicar duas vezes, entrar, e o que acaba acontecendo é que era o arquivo que estava certo. E nós abrimos essa coisa extra chamada tela um ponto PSB. Estes são objetos inteligentes. Vai perguntar sobre fontes? Eu não me importo. Não quero esses fundos. Então o que eu quero fazer é cortar tudo aqui, exceto o fundo e ter que apagar, ok? E com os antecedentes, vou falar com o Phil. Ok. Qual cor queremos usar? Usamos o F dois ef para ter que voltar. Ok, tão bom. Esse tipo de cinza, todos colam aquela coisa de novo a partir de 60. Onde você está, amigo? A inversão do empate. Ok, chamada B baseado nele a grande transformação para baixo Nice. Algo assim. E o logotipo virar para completá-lo agora. Então eu estou neste super documento. Eu tenho batido seguro. Então posso fechá-lo. E o que acontece? Magia tinha explicado isso para você. Ok, então se você está encontrando coisas através do mercado de adobe muitas vezes que X separou desta maneira e coisas assim. Telas ou simulações para um livro ou uma bolsa ou camiseta. Teremos essa coisa onde diz colocar sua energia e você está olhando para aquele ícone ali . Clique duas vezes sobre eles. Vá para dentro, faça alterações, salve. Você não precisa fechá-lo, mas volte para este original e você pode ver que ele está atualizado aqui. Kate em baixo disso. Guarde de novo. Feche isso. Bela brincadeira, e o que eu vou fazer é desligar tudo desligar a coisa preta, telefone desligá-lo, salvar. Você vai notar aqui em cima nas minhas simulações, é como lá e eu poderia decidir agora qual destes eu quero usar. Eu poderia tentar apenas uma opção diferente aqui. Você em “B” opções. Então você não. Eu vou trazê-lo para dentro. Vamos, troque Al para as bibliotecas. Você, meu amigo, está se atualizando. Dê um segundo. É muito maior. Arquive aquele ali. Tudo bem, aqui está às vezes para demorar um pouco. A conexão com X T e bibliotecas não é 100% incrível ainda, e por isso é uma marcação muito grande. Ok, eu vou fazer o sexo. As mesmas coisas que eu estava fazendo para ele baixou 1% 100% e encontrar algo que funcione. Eu realmente não gosto desta versão. Eu só queria ter outra opção. Opção mais complicada para mostrar como funciona. Então agora eu preciso fazer é eu preciso pegar você cópia, colá-lo, obter esse tipo de onde eu queria. É como se ambos o comandassem e eu tivesse uma boa marcação. Mas como é parte da biblioteca, ele será atualizado. Se eu atualizar e loja de fotos, você pode salvar a peça de e trazê-la, ou Jake Pig ou PNG. Se você quiser manter isso super simples. Eu não gosto de usar. Vou deletar. Ok, então é assim que se trabalha com esses adoráveis objetos inteligentes e necessidades de paz. Agora o que eu vou fazer é apenas um pouco fora de preencher os detalhes que eu quero que eles sejam . Se você for baixar o aplicativo do painel, que irá zombar em um vídeo em breve, ok? E vamos voltar ao meu painel de irmã, vou usar esse. Os vinhos fazendo emocionante agora e Tim fora dos logotipos k para as lojas APP e colocá-los lá em ícones. E há a loja de aplicativos de download e a loja do Google Play. Eles têm tamanhos muito diferentes, então eu vou apenas reduzi-los, tê-los aqui. Por que os tamanhos diferentes? Foi onde os baixei do Google e da Apple. Eles nos dão tamanhos diferentes porque a vítima não importa a próxima escala. Bons líderes precisam obter essas coisas a formação e BU aproximadamente do mesmo tamanho. Incrível. Então eu vou rejigged amamentando um slick que vai copiá-lo e levá-lo sobre home page dentada, que é você. Veja o comando da caixa grande três ou controle três para ampliar, arte colada. Ok. E vou usar a maior parte disso. O que realmente vamos fazer é ter pedaços e pedaços aqui. Um, agrupe esses. Então eu tenho isso. Precisa ser muito maior. Você pode ver novamente se é um objeto inteligente e ele está ligado por começar a usar isso uma e outra vez em páginas diferentes. Significa que quando eu atualizá-lo, vai fluir por todo o documento. Eu tenho que ir encontrá-lo e tentar mudá-lo. Então o que, você imagem de fundo para ser o verde só porque você sabe, é como Copiar e colá-lo. Então, duas opções, como ambos os comerciais usados m clique duas vezes nele porque eu quero que esta imagem seja um pouco e ouvir dos fundos. Todos usam ambos você comandar um ou controlar um em um PC para ampliar 100%. Alguns pegando essas coisas. Esse tipo de tamanho certo será um pouco maior na área de trabalho. E eu quero você por favor. Mm. Menos fazer mais. Obrigado. Vamos lá, três. Tudo bem. Isso vai ser o meu pequeno clicável. Na verdade, o que eu quero é que você fique um pouco aqui em cima. Há o golfe de fundo nas caixas verdes. Bem, para ser um pouco mais alto lá. Certo, meus amigos, esse foi outro longo vídeo. Mas ele mostrará como utilizar coisas como o Adobe Market para obter o melhor uso da loja de fotos e conectar tudo junto com bibliotecas C C. Espero que tenha sido útil. Você aprende algumas coisas. Vamos para o próximo vídeo onde nós zombamos do aplicativo 34. Crie uma versão de aplicativo do Adobe XD UX: Ei aí. Neste vídeo, vamos construir a versão APP do instrutor X Q. Vamos construir um sistema de embarque simples e, em seguida, estilo, olhos para fora, sistema de inscrição, e então dar uma olhada em nosso painel como parte disso também. Vamos olhar para logotipos e alguns dos prós e contras de usar o SPG es Grady INTs X, d, P e G é um pouco de bondade no início. E então nós vamos apenas começar construir o até este nível. Tudo bem, vamos fazer isso. Agora, no próximo caso, primeiro, vamos pegar a ferramenta de popa. E o iPhone ia usar o tamanho 6 e 7. Ok, beba aqui em baixo. Acabou entre estas páginas. Problema real. Mas se você tem todo o comando fora de borda selecionado, três obter um tipo de perto e no comando, um dá-lhe pelo menos 200% um par de coisas que eu quero fazer diretamente para cima. Isto é muitas vezes aqui? Este vai ser o meu aplicativo, e este vai ser o embarque. Vai haver uma pequena mensagem de embarque que vem junto. Então este é o nosso primeiro 1 e uma mudança as cores de fundo que se para eles usando está lá, eu quero trazer um logotipo e eu quero mostrar o seu logotipo é apenas porque é, uh, algo que você provavelmente vai encontrar. Então, se eu tenho uma importação de arquivo e eu posso ver aqui ao trazer um arquivos I nativamente ainda, caso o que você pode fazer é apenas abrir a mesma coisa no Illustrator Stick que todos copiá-lo e colá-lo em. E na maioria das vezes isso funciona. Não está funcionando para mim no momento porque estou usando alguns inTs de Grady complexos. Ok, isso é deixar cair o de cima, mas está fazendo isso bem para o pedaço de baixo fora radiante que eu tenho indo. Então, não faço ideia porque é que isso está a acontecer. Então, se, você sabe, deixar nos comentários, eu adoraria saber o porquê, mas veja isso. Se eu clicar duas vezes sobre ele, você pode ver que ele diz que tem um grande infill. Ok, você pode ver. Tem que infill Grady, mas por alguma razão não está exibindo,