Noções básicas de Adobe Xd

1. Curso de básico no Adobe XD Curso de introdução no curso: O Adobe X'd é o que você está extol projetado para ajudá-lo a trabalhar com a velocidade da luz para que você possa criar belos designs e experiências de usuário. Usar o Adobe X'd para design é ótimo porque é baseado em director de plataforma cruzada gratuito e tem atualizações regulares. Olá, meu nome é Alex, e neste curso você vai aprender o que é ferramentas projetadas pelo Adobe X'd. Ele oferece ferramentas de prototipagem para dar vida aos seus projetos, como trabalhar com diferentes arquivos, como compartilhar seu trabalho e como trabalhar com você. Eu crianças para começar seus projetos começou este curso para iniciantes e para pessoas interessadas em Adobe X'd. Você não precisa de nenhum conhecimento prévio sobre aeróbica D. Nós vamos cobrir tudo neste curso. Espero que você esteja pronto para aprender o Adobe X'd e o que ele tem para oferecer, e nos vemos na aula 2. O que é Adobe XD XD Básics: Adobe X'd é uma ferramenta baseada em vetor projetada pela Adobe. Você pode usá-lo para criar designs de experiência e ir de quadros de arame de esboço e armações de arame de alta fidelidade para projetar protótipos e compartilhar tudo dentro de um. Funciona no Mac também. Uma espécie e o melhor de todos. É gratuito, então você pode carregá-lo e começar a usá-lo agora mesmo. 3. Baixe o Xd Adobe XD Básics: Você pode boneca. Oh, isso vai ser X 'd indo toe adobe dot com slash produtos slash eggs d E bem aqui nesta página , você pode explorar tudo o que Adobe X'd tem toe oferta para que você possa rolar para baixo e ver algumas grandes parcerias que eles tinham. E todas essas empresas estão usando o Adobe X'd em seu trabalho de design. Você pode ver algumas das principais características, e isso obviamente mudará dependendo de quando você estiver assistindo este vídeo no futuro Então, todos esses recursos estão mudando o tempo todo porque eles estão sempre adicionando mais e . mais recursos também ao Adobe X'd. Você pode rolar todo o caminho para baixo e ver alguns principais recursos de destaque que eles têm dentro. Fora do software, você pode ver alguns depoimentos dos clientes aqui. Você pode ver algumas integrações e integrações principais, e você pode ver aqui alguns dos projetos. Você pode explorar o que é feito no lado do Adobe X'd, e você pode rolar todo o caminho para baixo para encontrar as plantas. Então, no momento, fazendo esse vídeo, nós temos três Bland e este plano começou, que sempre foi grátis. Estende-se até abril de 2000 e 20. Assim, você obtém todos esses recursos gratuitamente. Caso contrário, você pode compartilhar no Lee um protótipo com seus clientes e você pode ter apenas uma colaboração dentro da nuvem ativa. Mas você pode excluí-lo depois. Se você quiser usar este plano de partida, que é gratuito, e, em seguida, começar tudo de novo com o mesmo protótipo de compartilhamento e colaboração. E você sempre pode executar isso e ter um plano ativo, e você sempre pode usar o Adobe X'd gratuitamente. Então, se você quiser baixá-lo, você pode simplesmente começar aqui e clique em Donald Eggs D Você também pode explorar essas outras plantas se eles se encaixam bem em você. E, claro, se você tiver uma associação dupla à Creative Cloud já paga, tudo isso já está incluído. Então, quando você clica para baixo com X D, você tem que instalar este aplicativo de desktop da Creative Cloud, e aqui você pode encontrar o Adobe X'd porque eu já o instalei. Você pode ver que eu posso apenas clicar em abrir e abrir completamente e começar a correr imediatamente. Mas se você não o tiver, você pode ter este botão instalado mostrado, e você pode clicar nele e instalar o Adobe X Deep e AST para as atualizações. Você pode atualizá-lo usando da mesma maneira, ou você pode pular dentro das configurações e ativar atualizações automáticas, e ele será atualizado automaticamente sempre que eles atualizarem o software no futuro. Então é basicamente isso para este vídeo, e eu vou te ver no próximo. 4. Atualizações do Adobe XD: O Adobe X'd geralmente é atualizado a cada mês. Pelo menos esse foi o caso desde o lançamento deste produto, então você sempre pode verificar as últimas atualizações indo toe, adobe dot com barra produtos barra x d recursos. E dentro desta página, você pode ver sempre que a atualização é iniciada, bem como o que ela contém dentro dessa atualização específica. , Às vezes,as atualizações são enormes, como esta foi em novembro, fora de 2000 e 19. Novamente, o que quer que você esteja assistindo a este vídeo, mais atualizações chegarão até esse ponto, e você pode ver que às vezes eles estão lançando atualizações menores. Normalmente, eles estão mantendo as melhores coisas para novembro de cada ano porque é onde eles estão adobe. Max, foi, é realizada e dentro desse evento, eles estão tentando projetar como o futuro será para seus produtos para suas marcas e, neste caso, para Adobe X'd. E isso é quando eles estão tentando incluir o máximo de novos recursos possível, especialmente tantos recursos novos e úteis como um ponto possível porque eles têm essa coisa chamada Voz do usuário e dentro da voz do usuário usuários fora da adobe eggs D pode sugerir um futuro, se é um design ou recurso de prototipagem, e eles vão trabalhar nele se ele tem votos suficientes. Então foi aí que nós obtivemos esta edição co, por exemplo, e nós temos gatilhos hover, por exemplo, porque foi altamente solicitado. Recurso na voz do usuário e você sempre pode saltar dentro da voz do usuário e simplesmente fazer sua voz ser ouvida. E você pode colocar sua própria opinião na frente e sugerir as idéias que você sempre pode enviar. Capturas de tela. Você sempre pode fazer upload de seus projetos específicos sobre como você deseja que o software envolva no futuro. Você também pode saltar para dentro e da comunidade e encontrá-lo como ele, que os criadores de ovos adobe eles criaram. E você pode usar o que você gosta dele para projetar seus próprios recursos, e você sempre pode enviá-los e, em seguida, sugerir suas alterações ou os futuros que você gostaria de ver no futuro para serem incluídos no Adobe X'd. Agora, para fazer o download dessas atualizações, você sempre pode voltar para o aplicativo da Creative Cloud e ele o solicitará. Com esta parte inferior da atualização, você pode simplesmente clicar nela. Ele irá instalar a atualização e, em seguida, você pode abrir X'd, e você terá a atualização mais recente instalada. Eu sempre recomendei que você atualizar X'd como você trabalha como você ir junto. E às vezes, se você pular um mês ou dois porque você não está trabalhando por algum motivo ou você está trabalhando em algum outro software, você sempre pode voltar e atualizá-lo, e ele será atualizado para a versão mais recente. As atualizações são muito rápidas. Eles são muito pequenos, e são muito fáceis de instalar. Como eu disse, você pode simplesmente clicar em um botão e é basicamente isso. Então é isso para este vídeo, e eu vou te ver no próximo. 5. Mac VS Windows Adobe XD Curso de graduação: Embora cada plataforma tenha seus pontos fortes e fracos, não importa qual você use para o Adobe X'd. O Adobe Steam está trabalhando duro para trazer os mesmos recursos em ambas as plataformas, que a experiência do usuário possa ser a mesma no Mac e no PC. Isso é ótimo porque você pode ter certeza de que está recebendo os recursos mais recentes, independentemente da plataforma que estiver usando. A aparência dos menus é um pouco diferente por causa das plataformas, mas os recursos são exatamente os mesmos tanto no Mac quanto no PC. 6. Noções básicas de Adobe XD: cada vez que você abrir o Adobe X'd, você será recebido com esta tela inicial e dentro dela você tem algumas opções que vamos explorar neste vídeo. As primeiras coisas primeiro, bem aqui à sua esquerda. Você tem este cardápio. Então você está em casa. Obviamente você tem pais que vamos explorar em um dos próximos vídeos. Você tem seu trabalho para que você possa acessar seus documentos na nuvem aqui mesmo. E estes, certo? Aqui estão seus documentos recentes que estão sendo salvos. Nuvem do dedo. Estes são os documentos que são compartilhados com você. Portanto, se você estiver trabalhando com um cliente, por exemplo, e ele compartilhou os documentos com você, você pode acessá-los facilmente. Aqui você pode gerenciar links. Como eu disse no vídeo do Donald X'd. Se você estiver usando o plano gratuito, você tem que gerenciar esses links e você pode clicar rapidamente aqui. E você pode excluir os links antigos que você não precisa mais e criar novos para compartilhamento. Portanto, mantendo seu plano livre indo bem aqui. Você pode acessar tudo o que você excluiu. E aqui você pode acessar seu computador e você pode clicar aqui e abrir os arquivos do seu computador. Você pode verificar rapidamente o que há de novo clicando aqui e você pode ver todas essas atualizações diferentes. E você pode ver diferentes postagens e vídeos de caras guiando você através das novas atualizações e recursos e o que eles lançaram recentemente aprenderam e suporte. Você pode acessar diferentes tutoriais. Você pode acessar diferentes links, e você pode acessar tudo que a equipe tem para oferecer para tornar sua vida um pouco mais fácil . Se você está começando com X T e finalmente você pode clicar em fornecer feedback, e ele vai levar você para usar a voz, que eu mencionei no vídeo Donald Adobe X'd e dentro de lá você pode fazer sua voz ser ouvida basicamente e você pode escreva seus comentários e você pode fazer upload de outros usuários. Feedbacks e os futuros, que têm a maioria das estradas acima e a equipe os achou úteis e construtivos. Eles vão construí-lo e incluí-los nas versões futuras fora do X'd Assim, por exemplo, os usuários queriam para as integrações da loja. Eles ouviram. Eles incluíram-no. Os usuários querem efeitos sobre o cursor do mouse. Eles ouviram. Eles incluíam também e assim por diante. Aqui temos diferentes tamanhos de tabuleiro. Então, temos tamanhos de iPhone e você pode clicar aqui. E você pode acessar todos os diferentes tamanhos de iPhone, bem como tamanhos móveis Android. Se você está trabalhando com Android, e esse é um atalho rápido e agradável que você pode acessar, e você não precisa passar por, por exemplo, site da Adobe e descobrir quais são os tamanhos? Você tem tudo acessível aqui. Em seguida, você tem tamanhos de iPad, bem como superfície tablet android Pro 3456 e assim por diante. E você pode mostrar rapidamente. Escolha a partir daí e simplesmente clique aqui, e ele irá criar uma nova nossa placa para você. Se você está projetando para o que você tem os tamanhos mais usados para Rob aqui e em qualquer um desses casos, você sempre pode alterar o tamanho do aeroporto dentro do Adobe X'd. Mas este é apenas o ponto de partida para começar, abrir o programa e começar a trabalhar nele. E, finalmente, temos tamanho personalizado para que eu possa digitar, por exemplo, 800 por 800. Digamos que eu possa clicar em enter e ele vai me levar para esse costume. O tamanho do tabuleiro e eu podemos começar a trabalhar. Então, por exemplo, se você não estiver trabalhando para nenhum desses cenários e estiver trabalhando, por exemplo, para mídias sociais ou para um trabalho de design gráfico ou algo assim, você sempre pode verificar se tamanho personalizado, e você pode inserir valores personalizados ali mesmo. Clique, insira ou retorne, e ele abrirá esse tamanho personalizado. Finalmente, temos aqui mesmo explorar suas dicas, e você pode clicar nesta paginação, e você pode aprender mais sobre os recursos mais recentes. Isso obviamente muda sempre que eles lançam uma nova atualização, o que é importante para eles, e eles descobriram que ela será extremamente importante para os usuários. Então você pode clicar aqui neste link, e você pode aprender mais sobre esses recursos específicos neste caso, co edição. Então, se você não sabe o que é silenciar, você pode clicar aqui para saber mais sobre ele, e eles vão em detalhes sobre o que é, como você pode usá-lo, alguns casos de uso e como ele pode ser útil para você e seu futuro trabalho. Então é basicamente isso para esta tela de boas-vindas. No próximo vídeo, vamos explorar Adams, então eu vou ver lá 7. Adicione conceitos do Adobe XD Curso de básicos: aqui mesmo a partir da tela de boas-vindas, você pode clicar nas adições e ele irá levá-lo para esta seção fora do software e dentro daqui você pode ver a escolha do editor para todos os diferentes animais que você pode instalar e usar dentro O seu trabalho. Então, por exemplo, se você quiser projetar para IOS, você tem o sistema de design Apple IOS e eles são basicamente você gosta. Essa é a própria maçã criada. Portanto, isso é extremamente útil. Se você está trabalhando para IOS design APS e você pode clicar aqui, e ele irá levá-lo para a nova guia onde você pode baixar e usá-lo, enquanto para alguns outros, você pode clicar aqui. Assim, por exemplo, o problema que enfrento e você pode ver que é um plug in. Você pode clicar aqui, e ele será instalado imediatamente, e você pode usá-lo imediatamente sem ir para sites separados. Então você pode ver em alguns casos você tem que ir para seus sites dedicados sobre, em alguns casos você pode clicar aqui, e ele vai Donald e instalar imediatamente no próximo. Vídeos estavam indo explorar esses três separadamente. Então plugins que você gosta de suas integrações e aplicativos. Então, vejo-te no próximo vídeo. 8. Curso básico de Adobe XD: Então aqui estamos na seção Adams do nosso adobe X, a tela de boas-vindas. E aqui temos essas três opções separadamente, então você pode ver aqui nós adicionamos sua escolha. Mas se você quiser explorar um pouco mais fundo, você pode clicar em plugins, por exemplo, e ele irá levá-lo para a extensão plugins off adobe eggs. D. Você também pode ir para o site e você pode clicar aqui. Então será que os produtos com barra cortam os ovos. O recurso é e assim por diante, e ele irá levá-lo a esta página. Ou você pode simplesmente clicar em qualquer um deles. Assim, por exemplo, integrações de aplicativos e ele irá levá-lo para o site e no site. Você pode explorar todos esses plugins em muito mais detalhes. Então, por exemplo, você pode ler mais sobre eles aqui e você pode alternar entre plugins, aplicativos, integrações que você gosta é um conjunto de ícones e vamos nos concentrar nos plugins. Então, mais uma vez, quando você clicar plugins bem aqui, ele irá levá-lo para o plug in spaniel. E este painel INS plug é interessante, porque aqui você pode aprender coisas diferentes, dependendo do que lhe interessa para o Adobe X'd. Então, por exemplo, temos um futuro de escolha do editor de coleção, e se eu clicar aqui, ele vai me levar para os plugins mais úteis que os editores acham que eu posso gostar. Eu sempre posso voltar. Você pode ver jumpstart seus projetos para que você possa ser essa coleção bem aqui. E isso é muito útil porque se você não sabe sobre processos de design e você não sabe sobre três fontes diferentes, você sempre pode pular aqui e ver o que eles recomendaram para você. Mas se você fizer isso, você pode ver esses plugging essenciais. Então, por exemplo, vocês y rostos lhe darão avatares para projetar mais copos. Stark é para design acessível e inclusivo, e para instalar qualquer um deles, você pode simplesmente clicar em instalar, e ele irá instalar esse plug dentro de suas coleções de plugging. Você pode ter quantos plugins você quiser que ele leia como uma questão, mas eu realmente recomendo que você instale apenas os plugins que você realmente precisa e você realmente quer, ou se você quiser verificar alguns deles para fora. Você sempre pode instalá-los. Explorar. Se você não gosta dele, você pode deletá-los. Realmente não importa. Assim, você pode manter seus plugins menos curtos, concisos e realmente ao ponto fora dos plugins que você está realmente usando. Você pode conectar X'd ao seu aplicativo favorito para que você possa ver todos esses aplicativos. Então, por exemplo, se você estiver usando o tapa Dropbox ou Siplin, você pode integrar X'd com esses APS e trabalhar diretamente sem ir a sites separados , por exemplo. Você pode ver diferentes coleções aqui, e você pode navegar através de categorias. Então, se você está interessado em ferramentas e automação, você pode clicar aqui, e ele irá levá-lo para essa lista particular. E isso nos traz muito bem para a seleção de navegação. Então tudo o que eu já falei estava na seleção Descobrir. Quando você clica no navegador, você pode classificar por categorias aqui. Então essas são as categorias que você viu aqui na parte inferior, e você pode navegar por todos os plugins aqui mesmo. Você pode ver mais popular top rated e mais recente, e você pode percorrer e ver apenas quantos plugins existem aqui. Então, aqui estamos nós. Se você estiver compartilhando no drible, por exemplo, você pode compartilhar diretamente via adobe eggs. Você pode conectar sua conta drible e compartilhar diretamente com ela. Você também pode fazer a mesma coisa para começar, por exemplo. E como você pode ver, há muitos, muitos plugins diferentes que você pode explorar aqui. E se você clicar em qualquer um desses plugins aleatórios, você pode ter instalar fundo aqui. Você tem classificações, que são obviamente importantes e muito úteis, e você pode ver o que é a conexão. Você pode ler mais, você pode ver o que há de novo. Você pode ver a classificação aqui, quem é o desenvolvedor, e você pode ver o tamanho. Então, quão rápido ele vai Donald e instalar no seu computador. E finalmente conseguimos. Então aqui estão meus plugins instalados, e você pode gerenciá-los a partir daqui. Você pode ver um último operado para que você possa manter o controle de quem atualizar os plugues mais . Então, por exemplo, você pode ver que estou usando muito dedo do pé de gesso, sinto algum texto de espaço reservado em alguns casos, e se eu quiser excluí-lo. Eu posso simplesmente clicar aqui. Eu posso desativá-lo se eu não quiser vê-lo, por exemplo, na minha lista de plugins, ou eu posso simplesmente desinstalá-lo, e eu sempre posso voltar e instalá-lo mais tarde se eu escolher Então isso está instalado este calendário de blogs. Por exemplo, Se eu quiser removê-lo, eu posso simplesmente clicar em Instalar. Ele vai me perguntar, você tem certeza? Posso clicar em instalar? E como você pode ver, ele está trabalhando nele e agora está instalado. Então é assim que é trabalhar com golpes. E quando realmente começamos a projetar neste curso, vou mostrar-lhe algumas plantas realmente úteis e como você pode usá-las em seu trabalho de design. E no próximo vídeo, eu vou mostrar a vocês alguns I crianças, por que eles são importantes e como você pode obtê-los para que nós vamos ver lá 9. Curso básico de Adobe XD Curso de UI que: se você quiser acelerar o seu trabalho dramaticamente, um realmente recomendo que você está usando você I crianças, especialmente se você é um iniciante. E você realmente não sabe como algumas dessas coisas são estruturadas, o que você deve usar e como você pode explorar outros designers mais experientes. Suas técnicas, como eles estão usando, como eles estão estruturando seus projetos. Então eu realmente recomendo que você use você como ele é, e é muito simples para Donald eles. Eles são obviamente livres aqui. Você pode saltar dentro Adams e clique em Você são crianças, e ele vai abrir esta página, que é mais uma vez um duplo com barra produtos cortar ovos. O recurso de barra é, mas você pode acessar rapidamente essa página simplesmente clicando aqui no U. Y. Y. Kids. E quando você clica aqui, você tem essas crianças grandes para as plataformas. Então, mais uma vez, temos design de maçã. Você gosta, e você pode simplesmente clicar aqui, pegar o kit, e você pode ver como tudo parece. Então é isso que você vai receber. Você pode baixar esses símbolos, e você pode ver todos os diferentes softwares em que este você eu garoto trabalha. Então, se você estiver usando para comprar usando, clique aqui. Se você estiver usando Adobe eggs d como este vídeo é sobre, você pode clicar aqui e ele será baixado. Então, o que quer que você está assistindo este vídeo, esta versão IOS, obviamente, vai mudar circum Clique aqui, download e instruído e apenas uma nota rápida. Se você estiver usando o Windows para design, ele será baixado como o MG, que é obviamente arquivo Mac, e você não pode abri-lo no Windows. Mas o que você pode fazer é usar sete software Zip, por exemplo, que é gratuito, e você pode descompactá-lo usando sete zip em sua área de trabalho. E porque dentro desse arquivo DMG é o arquivo Adobe Xz, que obviamente funciona tanto no Mac quanto no PC. Você pode usá-lo normalmente sem dificuldades. Se você quiser usar este kit, você pode Donald e instalar seu fundo assim como uma frente com mais de 1500 símbolos e assim por diante, se você quiser que tudo funcione corretamente, mas você sempre pode alterá-lo para qualquer fundo que você quiser. Se você clicar aqui no design do material, se você estiver usando o Adobe fácil de projetar para aplicativos Android. Você pode clicar aqui para obter o kit. Ele irá baixá-lo imediatamente, e você pode usá-lo em Mac e PC e, finalmente, para Microsoft. Você WP design. Você pode abri-lo em uma nova guia e você pode ver como tudo parece como tudo está estruturado e assim por diante, e você pode conhecimento e usá-lo dessa forma. Mas se você não estiver interessado em nenhum desses itens, você sempre pode rolar para baixo e ver o que a comunidade criou para o Adobe XY. E aqui temos uma variedade diferente que você gosta. É assim que temos o sistema de design. Por exemplo, temos a Amazon. Alexa, seus filhos. Se você está projetando para Alexa, você também animar você gosta, que é o recurso realmente grande e importante fora do Adobe X'd. E é feito pelo nosso Pinsky rosa, que é um ótimo youtuber e ovos sênior, o evangelista da Adobe e aqui temos wir franco. É do seu branco, por exemplo. Nós temos painel, você trabalha. Temos um design responsivo, que é novamente um ótimo recurso fora da cidade grande, e você pode projetar para telas responsivas e também é feito por U oito, e você pode explorar como tudo funciona lá. Se você está projetando para relógio ou s, por exemplo, você pode baixar e usar este kit para esportes APS. Você pode usar este kit e assim por diante e assim por diante, e você sempre pode combinar elementos. Então, por exemplo, você pode usar alguns elementos deste MERS igual. Você gosta e de nos assistir e assim por diante para criar seus projetos personalizados. Se isso é algo que você deseja que todos esses que você gosta, é que você pode ver aqui são completamente grátis. Você pode baixá-los, abri-los em XY e realmente explorar e brincar com alguns desses elementos. E eu vou mostrar a vocês alguns do que você gosta no vídeo mais tarde, quando nós realmente vamos começar a trabalhar em nosso design. E eu vou mostrar a vocês como você pode usar alguns desses elementos para realmente elevar suas técnicas de design e realmente melhorar sua velocidade 10. Integrações de aplicativos XD Curso de básicos: e, finalmente, a partir deste painel, quero mostrar integrações de aplicativos. Então, se eu clicar aqui, ele vai me pedir com esta janela e você pode ver todas as integrações de aplicativos disponíveis atualmente . Então, digamos que você esteja trabalhando dentro da equipe e esteja usando folga sem nunca deixar Adobe X'd ou a folga viva. Para isso, você pode instalar a integração do aplicativo e pode integrar. Isso vai ser a inteligência como, por exemplo, por exemplo, se você está pendurado fora de guias de estilo de design, trechos de código e muito mais com mudas para seus desenvolvedores, você pode usar essa integração se você, por exemplo, quer toe ad ainda mais interatividade para os nossos protege. Você pode usar o produto por, e você pode usar essas integrações. Você pode usar o papel do Dropbox, por exemplo, se quiser compartilhar protótipos interativos usando o papel do Dropbox. Se isso é algo que você está usando com seus clientes ou dentro de sua empresa para que você possa tirar a idéia dessas integrações de APP. Eles são realmente úteis, especialmente se você está trabalhando uma faísca fora da equipe ou se você está trabalhando como uma parte remota fora da equipe porque às vezes, por exemplo, toda a equipe está usando folga. Você não está usando folga. Você não sabe como usá-lo. Então, por que você iria embora? Será fácil e instalar folga em outro lugar e, em seguida, usar o tempo e, em seguida, saltou para trás e para a frente entre Adobe X'd e folga Quando você pode fazer tudo dentro de um aplicativo sem nunca deixá-lo quando você está trabalhando. 11. Curso básico do Adobe XD: vamos correr rapidamente através da interface fora do B x d. Então, se eu clicar em qualquer um destes, por exemplo, este dedo abre um novo documento, você vai ver que ele vai carregar bem aqui. E isso vai me mostrar que nossa prancha E se aumentarmos um pouco, apertarmos o controle ou o comando zero para encaixar na posição, você pode ver como tudo parece. Agora, a partir daqui, isso será um pouco diferente dependendo se você estiver usando Mac ou Windows. Porque no Mac, todos os controles estão bem aqui no topo enquanto no Windows. Todos os controles estão aqui dentro deste menu de hambúrgueres. Então você realmente tem que clicar nele e, em seguida, acessar todos esses controles diferentes. Então aqui temos o ícone inicial e se você clicar nele, ele irá levá-lo de volta para esta tela inicial. E é muito útil. Se você quiser acessar qualquer fora destes que eu mencionei em vídeos anteriores. Você quer aprender mais, você quer abrir um novo quadro de arte e assim por diante. Então isso é muito útil. Ali, bem aqui. Nós projetamos protótipo e compartilhamento. Agora estamos no modo de design, então estamos projetando basicamente, e podemos criar qualquer coisa que quisermos dentro do molde de design. Quando você quiser animar alguns deles, você pode clicar no protótipo e, em seguida, você pode acessar diferentes recursos que permitem que você protótipo esse design para torná-lo interagir. E, em seguida, quando você quiser compartilhar o com o seu cliente, você pode realmente clicar aqui mesmo no acesso Este compartilhamento opções aqui. Então aqui no meio, temos o documento que está sendo salvo atualmente, a nuvem. E você pode mudar isso simplesmente indo aqui direito e clicando. Salve-nos e escolhendo a sua área de trabalho, por exemplo, ou pasta dedicada no seu computador. E, em seguida, ele irá salvar a cópia no seu computador também. Você pode clicar aqui e alterar o nome. Assim, por exemplo, são documentos que você comprime, insere ou retorna, e você pode ver que ele está salvando na nuvem porque esse é o ponto dedicado. Bem aqui. Temos controles diferentes. Então temos controle de seleção, que é usado basicamente para seleção e para mover as coisas abaixo que temos alguma forma. Então nós temos forma retangular forma forma de elipse, forma de polígono e linha abaixo que temos o mental. Então, se você já usou para a loja ou ilustrado, por exemplo, seu familiar com mental. Mas se não, nós vamos ter um vídeo mental dedicado mais tarde na Siri, e você pode assisti-lo e aprender mais sobre ele. Abaixo disso, temos o têxtil, que é obviamente usado para digitar e para inserir palavras abaixo que temos diferentes nossas placas. Então, se você não quiser pular a tela inicial o tempo todo, você pode clicar aqui, e ele mostrará diferentes tamanhos de quadros de arte aqui à direita. Mas como eu expliquei antes, você pode alterar o tamanho do aeroporto a qualquer momento simplesmente clicando nele, e você pode inserir seus valores aqui. Então agora com é 1920. Então, por exemplo, você quer ser o centro de imprensa 1000, e você pode ver que ele mudou o dedo 1000 para que você sempre possa mudá-lo lá e fazer essas mudanças realmente facilmente. Abaixo disso, temos a ferramenta de zoom, e você sempre pode usar o velho e roda de rolagem no mouse ou você pode usar o controle e espaço para ampliar ou controlar o antigo e clique para diminuir o zoom. Você sempre pode usar controle Comando zero para encaixar no aeroporto na posição, e abaixo disso, temos painel de ativos, e se um clique e clique novamente, ele irá ocultar esse painel. Mas se um clique novamente, ele irá expandir esse painel agora, quais são os recursos que vamos explicar em um dos vídeos futuros, e você pode classificar seus ativos aqui. Além disso, você pode adicionar cores, estilos de caractere e componentes aos seus ativos. E componentes vão ser grandes vídeos, que estão indo para o dedo do pé. Explique como você pode usar esses componentes para ajudar você a projetar mais rapidamente para projetar mais simples e Toby mais colaborativo dentro da equipe. E isso realmente ajudará você a começar seu processo de design e realmente melhorar sua velocidade e sua qualidade. Como um designer abaixo disso, temos o painel de camadas especificamente aqui. Você pode ver alguns laters bem aqui, e nós vamos entrar em muito mais detalhes fora dele um pouco mais tarde, e finalmente nós temos plugging feitiço, então se clicarmos bem aqui, você pode adicionar novo plugging simplesmente clicando com o botão direito Aqui. E ele vai levá-lo para a tela, que vai realmente falar sobre. E aqui estão seus plugins instalados e nós vamos executá-los assim que começamos a projetar, e eu vou explicar o que alguns deles funcionam e por que alguns deles são realmente úteis para meu trabalho, pelo menos o que você está clicando aqui à sua direita, Você tem esses painéis de propriedades, e você pode realmente explorar como isso muda dependendo do que você selecionou aqui . Então, como nos dedicamos a vir para todos esses, vou explicar como esse painel muda o que você selecionou aqui. E isso é basicamente tudo para você. E vamos cobrir alguns desses nos vídeos posteriores. Então, esta é apenas uma visão geral básica sobre como o Adobe X'd se parece com o que tudo faz de relance. E finalmente, eu só quero compartilhar. Se você quiser alterar o nome da nossa porta, você pode simplesmente clicar duas vezes aqui e chamá-la do que quiser. Então, digamos que o nosso porto neste caso. Então é isso para este vídeo. Vejo-te no próximo, quando vamos explorar formas diferentes. 12. Curso básico de aves Adobe XD: neste vídeo, vamos falar sobre diferentes formas no Adobe X'd para que as formas estejam localizadas aqui à sua esquerda para que você tenha retângulo, elipse e polígono, e você pode clicar em qualquer um deles e simplesmente desenhar uma forma à direita aqui dentro do nosso porto . E se eu mudar do painel de ativos para o meu painel Camadas, você pode ver que ele é intitulado Retângulo um, porque essa é a forma original que era verdadeira. Como você pode ver, é um retângulo. E porque é o primeiro, ele está erguendo um artigo 23 e assim por diante, e você pode pressionar o controle do Comando Z dedo até a seleção da morte. Você pode clicar duas vezes aqui para mudar o nome, então talvez possamos chamar esta forma um, por exemplo, e você pode clicar na ferramenta de seleção e você pode desenhá-la. E quando você movê-lo, você pode ver essas diretrizes, e ele mostrará quando você está no centro. E todos esses números são números fora de pixels dessas distâncias. Então, a partir da parte superior inferior esquerda e direita aqui neste menu, você pode ver algumas opções diferentes. Então, como eu disse nos vídeos anteriores, Onde quer que você clique em alguns desses, essas opções vão mudar dependendo do que você clicou aqui. Aqui no topo, temos ferramentas de posicionamento para que você possa alinhar isso ao topo. Você pode ver o que ele faz. Você pode colocá-lo no meio para o meio inferior esquerdo do meio assim para que você possa pairar e ver. Então isso irá alinhá-lo no centro horizontalmente e isso irá alinhar seu centro verticalmente. Então, basicamente, no meio. E este é para a direita. Aqui podemos ver que temos uma repetição. Ótima. E vamos explicar isso no futuro vídeo. E aqui você tem algumas opções quando você quer combinar diferentes formas. Então, se eu pudesse controlar o negócio May teclado, eu posso fazer uma duplicata desta forma. Eu poderia segurar a tecla shift, selecionar os dois, e posso adicioná-los. Como você pode ver, não há uma única forma. Se eu voltar com o controle Z, você pode ver que temos subtrair então ele vai subtrair essa parte desta seleção, nós temos o cruzamento. Como você pode ver, ele só vai se cruzar onde essas duas formas se encontram e você pode ver aqui nós temos Interseção 1, e nós temos este mesmo ícone que nós fazemos aqui para que você possa saber o que você selecionou para qualquer um destes. E, finalmente, temos sobreposição de exclusão. Então, basicamente, ele vai excluir essa parte quando eles estão se sobrepondo e finalmente mostrando isso aqui. Deixe-me apagar rapidamente este e posicionar isto no centro. Então, se nos movermos para baixo, temos componente. Então você pode criar essa forma para ser um componente. E vamos abordar componentes em um vídeo separado porque é uma parte muito importante seu fluxo de trabalho Adobe X'd. Abaixo disso, temos dimensões. Então nós temos inteligência, nós temos a altura e você pode simplesmente inserir qualquer valor que você escolher aqui. Então, por exemplo, 500 você pode apresentador e ele vai toe expandir para 500 em que podemos ver a posição no acesso X y e você pode girá-lo. Então, por exemplo, se eu digitar 45 graus para o centro vai girar a forma para 45 graus, você também pode clicar aqui para invertê-lo horizontalmente ou para invertê-lo verticalmente e porque é um retângulo, obviamente vai olhar exatamente o mesmo para que você também pode pairar e girar. Você pode manter a tecla Shift para encaixar em incrementos diferentes, e você pode ver todos esses pontos bem aqui na forma se retomar muito mais perto. Você pode ver esse ponto aqui o que esses pontos fazem. Você pode clicar sobre eles e simplesmente trazer todas essas bordas fora desta forma para torná-lo mais ao redor ou mais reta abaixo, que temos redimensionamento responsivo, que é sempre dito dedo do pé auto e em e redimensionar responsivo é obviamente útil quando você está projetando algo que precisa ser responsivo. Então imagine que você está projetando nosso site para desktop e você precisa criar uma versão móvel dele ou o contrário. Você vai usar esse redimensionamento responsivo, e nós vamos incluí-lo em um dos futuros vídeos onde eu vou ir um pouco mais profundamente só para que você possa entender. Mas basicamente o que ele faz é redimensionar todos os elementos dentro de seu quadro de arte quando você está chegando a um tamanho menor ou maior ou maior, e eles vão se corresponder uns com os outros dependendo de onde seu lugar. Então imagine, por exemplo, você tem o texto aqui. Você pode fazer isso no móvel Toby aqui embaixo, e ele está indo para o pé. Reduza o tamanho dessas imagens. Por exemplo, se estas são imagens e está indo dedo do pé todos funcionam muito bem. Mas como eu disse, ele requer um vídeo separado porque é o tópico fora de seu próprio abaixo que nós temos uma cidade para que você possa baixá-lo bem aqui. Ou você pode usar os atalhos de teclado. Então, por exemplo, eu posso pressionar um. Ele vai baixar para 10% se eu pressionar zero vai aumentar para 100%. Abaixo disso, temos modos de mesclagem, então, se você usar para loja, você é superestimado para mesclar. Modos existem em quatro lojas por vários anos, mas acabou de ser incluído no Adobe X'd e modos de mesclagem são obviamente muito importantes se você quiser mesclar algo, então imagine que você tem uma imagem em cima de uma forma e você quer misturá-lo de forma diferente. com o seu design, você pode usar fossos sem graça e você pode clicar aqui mesmo. E como você pode ver, temos número fora dos modos de mesclagem. Todos eles basicamente tiraram de quatro lojas abaixo que temos controles de raio de coordenadas. Então temos o mesmo raio de canto para todos os cantos. Se você clicar aqui e você pode alterar todos os valores de raio de canto se você selecionar aqui e pressionar 24 20 pixels, por exemplo, você pode pressionar enter. E se eu ampliar um pouco mais perto, você pode ver que todas as bordas não são arredondadas por 20 e você pode clicar aqui e escolher um raio de canto diferente para cantos diferentes. Então, por exemplo, você pode passar o mouse aqui para ver qual deles é o raio do canto superior esquerdo. Então é este Benefit pressione zero pressione enter. Você pode ver que todos os cantos em torno dele, especialmente exceto para o canto superior esquerdo. Então eu vou trazer todos eles para baixo para zero, como você pode ver aqui. E se movermos para baixo, temos a cor do campo para que você possa clicar aqui e escolher a cor que quiser. Você pode baixar a cidade obedeça da cor aqui. Então, de 100 até zero, você pode clicar aqui para explorar diferentes paletas de cores. E você pode alternar entre a cor sólida, um ingrediente linear que vai de um ponto para outro ponto. E finalmente temos ingrediente de rádio, que vai do centro para fora. Quando você mastigar cor sólida, você tem a opção de usar o código hexadecimal. Então, por exemplo, se você escolher uma cor azul agradável fora três e c seis f F apresentador, Agora temos esta cor azul e você pode adicioná-lo como uma amostra. Você pode simplesmente clicar aqui. E sempre que você estiver escolhendo a cor, este relógio vai ser localizado bem aqui. Então você pode então simplesmente clicar sobre ele e ele irá aplicar essa cor para a seleção diferente fora. Você está escolhendo abaixo que temos a fronteira. Então a fronteira é esta fronteira em torno da nossa forma, e você pode aumentar o tamanho da fronteira. Você pode adicionar traços e adicionar diferentes lacunas entre esses traços. Então agora é em um Mas se eu aumentar em 10 você pode ver que a espessura da borda aumentou. Se eu clicar aqui, posso mudar a cor da borda. E é aqui que as amostras de cores vêm a calhar porque você pode simplesmente clicar nele e ele irá aplicar a mesma cor aqui. Mas, por exemplo, se mostrar um pouco mais escuro cor azul mais escuro, neste caso, você pode clicar aqui e salvar isso como uma diferença. Assistir. E agora você tem um design completamente diferente. E agora você pode brincar, por exemplo, 20 mais uma vez. E agora você pode ver como isso parece abaixo que temos alguns outros controles. Então nós controlamos para os traços. Então, como essa forma vai se comportar, como ela vai interagir mais tarde quando você estiver trabalhando nela. Então, por exemplo, temos em um acidente vascular cerebral, e você pode quando você instala X que você pode simplesmente ver o que isso faz. Então o ponto vai estar no lado interno da forma. O traço externo vai estar do outro lado do curso central da forma basicamente no centro fora da forma aqui temos o boné mas, que é basicamente um quadrado terminando fora da nossa forma. Nós temos tampa redonda se você quiser que as tampas para estar em torno dele e temos projetando mantido, que é basicamente no meio fora da tampa, mas vai ser quadrado mais uma vez. Abaixo. Aqui temos o Sr. Junte-se em torno conjunta e batalha unida. No entanto, você quer que todos esses pontos se juntem. Basicamente, abaixo disso, nós temos a sombra e quando eu clicar nela vai criar uma sombra basicamente, e você pode clicar aqui para baixar fazer basicamente da sombra, que você possa ver quando eu aumentá-la, você pode ver como isso se parece, e por padrão é e 19% e é sempre preto, mas você pode mudar. Você pode clicar aqui e escolher esta cor, por exemplo, para ser a nossa sombra. E talvez possamos ficar um pouco mais escuros. E aqui você pode incluir distâncias aumentadas. Então, por exemplo, esta é uma exposição. É por isso que a posição e, finalmente, o fundo desfocam essa sombra. Então, se eu digitar 10 por exemplo, você pode ver que ele vai para a direita 10 pixels. Se eu digitar 10 aqui, ele irá para a direita para os 10 pixels inferiores. E se eu aumentar o azul para 50, por exemplo, apresentador, você pode ver que esse borrão insano aparece do nada, basicamente, e você pode alterná-lo em um norte bem aqui, e você pode usar fundo borrada também. Agora, desfoque de fundo é extremamente útil se você tiver imagens de fundo. Então imagine que isto é uma imagem. Você pode incluir este sangue de fundo, e ele vai borrar essa imagem contra o fundo. Neste caso, ele realmente não faz nada porque é apenas forma básica, mas você pode brincar com isso. Você pode aumentar sua Cidade Pace, e isso aumentará sua cidade salarial fora de sua imagem ou fora de sua forma. E isso aumentará ou diminuirá o brilho, e isso aumentará ou diminuirá a quantidade. E finalmente, temos marca para exportação. Se você clicar aqui, ele vai comercializar para exportação, e você pode facilmente exportado a forma mais tarde para desenvolvedores. Se isso é algo que você escolhe, então é basicamente isso para essas formas. Agora vamos correr rapidamente através desses outros, então temos o círculo. Se eu segurar o turno, ele irá criá-lo uniformemente. Ou se eu manter o controle velho e depois desenhar, você pode ver como isso se parece. Ou se eles mantêm o controle de todas as mudanças de forma, ele vai desenhar a partir do centro, e ele vai criar este círculo agradável e uniforme. Mas se eu saísse da tecla Shift, você pode ver como. Agora que parece apagar. E se eu clicar neste, posicione-o no centro. Você pode ver todos os mesmos comandos porque é a mesma forma, basicamente apenas o círculo, então você pode brincar com eles aqui. Exceto que você não tem esses comandos para um raio de canto diferente porque é um círculo e você não pode mudar. Basicamente, as senhoras de canto no círculo. E, finalmente, temos a ferramenta polígono bem aqui. Se eu segurar a tecla Shift, ele criará este triângulo. Mas o que é diferente sobre distal é que você tem essa contagem de cantos e você tem esse raio de canto . Então, para o contato de canto atualmente estamos em três. É por isso que temos este triângulo. Mas se clicarmos em cinco impressionado, entrar ele criará cinco cantos diferentes, e você pode reduzir o raio do canto simplesmente desenhando aqui, e ele irá criar um círculo perfeito ou ir o contrário em torno de qualquer coisa. Volte para a forma original. Ou você pode criar um raio de canto diferente aqui. Então pressione 20, por exemplo, e você pode ver que ele arredondou esses cantos em 20. O mesmo líquido com este. Originalmente no próximo vídeo, vamos trabalhar com o lápis, então te vejo lá. 13. Curso de conceitos Adobe XD: mental está localizado aqui, e quando você clica nele, você pode simplesmente clicar. Então segure o turno. Se você quiser desenhar uma linha perfeitamente reta ou você pode clicar em qualquer lugar que você quiser e você pode simplesmente fechar esse dedo seleção trazer em forma, você pode então clicar em qualquer um desses pontos, e você pode desenhar a média fora e assim por diante. E como você pode ver, todos esses pontos são retos. Mas se eu clicar duas vezes em qualquer um deles, ele criará uma curva. E você tem essas opções adicionais para essa curva em particular, então você pode clicar aqui e você pode trazer este canto para dentro e este canto vai sair. Ou você pode simplesmente trazê-los para dentro, assim simplesmente clicando neste ponto e movendo-o para este ponto, e ele irá criar esta linha reta mais uma vez. Ou você pode simplesmente clicar duas vezes mais uma vez, e ele irá criar perfeitamente linhas retas Agora para os controles. Você pode vê-los bem aqui. Você vai baixar a base aérea cidade fora desta forma e assim por diante, e você pode, por exemplo, criar em torno mantido, e ele vai criar cantos arredondados para esta forma particular. E como você pode ver, estamos agora no centro do curso para que você possa ver onde este ponto vai chegar. Mas se eu clicar duas vezes aqui, ele vai criar isso como em torno dele ponto. E agora esses controles realmente não fazem mais sentido porque eu escrevi sobre eles basicamente porque eu cliquei duas vezes em todos estes fora individualmente para que ele possa movê-los ao redor . Você pode criar formas diferentes usando o desmantelamento. E, como eu disse, você pode realmente brincar com, e grandes formas diferentes que estão indo dedo do pé ajudá-lo com seu processo de design. E finalmente, quando terminar, você pode clicar em algum lugar do lado de fora e então você pode selecionar essa forma por conta própria, e então você pode mudar a cor. Por exemplo, é branco neste caso, e vamos incluir vermelho. Todos os seus incluem esta cor. Você pode incluir a borda, e se eu clicar aqui para vir nesta cor, talvez eu possa digitar 20 mas não para você basicamente, mas para o tamanho do traço, e você pode ver que temos exatamente esse mesmo olhar, para que você possa realmente carregar o mesmo olhar. Você quer em todas as suas formas e levou-os mais tarde para o lápis também . Então, agora deixe-me mostrar rapidamente como funcionam os modos de mesclagem. Então, se eu colocá-lo em cima desta forma, como você pode ver em seu painel de camadas, ele está bem no topo de todas essas outras formas. Então, se eu clicar aqui, escolha tela, por exemplo, você pode ver como ele se parece em cima desta outra forma. Se escolher sobreposição, vai parecer um pouco diferente se for usar luz suave, leve dura. Então, tudo isso vai parecer um pouco diferente quando você colocá-los em cima um do outro . Mas como eu disse, é realmente uma ferramenta extremamente importante para ter quando você está trabalhando com imagens mais tarde. Agora, uma última coisa que quero te mostrar sobre o mental. Se eu clicar aqui, clique bem aqui, depois aqui. E se nós bater, escape vai simplesmente usar essa linha, e agora eu posso simplesmente clicar em torno mantido, então se eu zoom em um pouco mais perto, você pode ver que agora são bordas são completamente retas. E se eu clicar aqui, ele vai criar aquele Kep redondo. Se um clique na tampa de projeção, você pode ver como todos eles se parecem. Então, por exemplo, escolhemos o boné redondo e agora queremos adicionar mais alguns pontos para que possamos criar formas adicionais para o local para que você possa clicar aqui do que aqui e, em seguida, aqui , por exemplo , adicionar vários pontos ao local. E agora você pode simplesmente clicar em todos esses pontos individuais e você pode movê-los ainda mais para cima ou para baixo. E como eu disse para esta forma, você pode simplesmente clicar duas vezes em qualquer um deles, e ele vai criar isso em torno de peças para você. Se você desejar qualquer ponto, você pode adicionar novos pontos adicionais a este ponto, e você pode fechá-lo como este. Mas vamos deixá-la aqui por enquanto. E você pode simplesmente clicar em algum lugar do lado de fora, depois selecionado, e então você pode se mover porque ele não tem nenhuma cor de campo. Você pode incluir isso também. Você pode ver como isso se parece, mas porque nós criamos como pote, você pode aumentar a cor da borda para 20, por exemplo, e você pode ver como isso se parece. Se isso é algo que você quer, é basicamente isso para os mentais. E no próximo vídeo, eu vou mostrar a vocês como você pode trabalhar com têxteis e um que ele traz para a mesa quando se trata de um Toby X'd, então eu vou ver lá. 14. Curso de conceitos de texto: neste vídeo, vou mostrar a ferramenta de texto que vem com o Adobe X'd e regar suas possibilidades. Então têxtil está localizado aqui, ou você pode usar o comando de atalho T. Você pode clicar nele. Você pode clicar em qualquer lugar aqui, e você pode digitar algo. Então, por exemplo, este é um texto, e você pode selecioná-lo usando comandos de controle A. E você pode alterar todos esses parâmetros aqui para que possamos começar a partir daqui. Então aqui você pode mudar a frente para que eu possa clicar aqui intacta no mais tarde, por exemplo apresentador. E vai mudar para essa frente. Bem aqui. Temos o tamanho do telefone para que você possa usar 40, por exemplo, e ver como isso parece bem aqui. Ouvimos a espera da frente. Portanto, dependendo da frente que você instalou e você não vai usar para o seu projeto específico , você terá esses pesos diferentes. Este fundo vem com um monte de pesos diferentes, como você pode ver aqui. Então ele vai todo o caminho a partir de 10. Que, como você pode ver, é realmente Dean, e você não pode vê-lo muito bem a menos que seja realmente grande e vá até o preto itálico para que você possa ver como isso muda. Mas vamos mantê-lo em um regular. Então aqui está, bem aqui. Aqui, você pode alterar o espaçamento de caracteres. Então, quando aumentou isso, por exemplo, um 20 você pode ver. E talvez possamos usar um pouco mais. Então, por exemplo, 90. Você pode ver que ele aumenta o espaço entre os caracteres. Aqui temos as linhas a basear-se. Então, por exemplo, você pode imaginar que, como em copiar isso e baseá-lo algumas vezes. E quando eu selecionar furões e aumentou essa distância para, por exemplo, 200 você pode ver que ele aumenta a distância entre cada linha fora do texto. Então esse controle de mídia é que algumas vezes e voltar para zero aqui também. E o que temos aqui é o espaçamento de parágrafos agora, porque este não é um parágrafo, você pode usar o comando aqui. Então este é o texto do ponto. Como você pode ver, ele vai de um único ponto e é alinhado à esquerda. Então ele vai da esquerda, direita, você pode alinhá-lo ao centro. Então, quando você está digitando, ele vai do centro para a esquerda e para a direita. E finalmente temos a linha certa, que é basicamente a mesma que a esquerda. Você só está digitando da direita para a esquerda. Aqui temos o texto do ponto, como eu disse. Então ele vai de um único ponto, mas você pode convertê-lo no texto da área aqui e agora você pode ver que é o texto da área. Quais são as diferenças? Bem, você pode expandir este texto de área e porque ele vai do meio aqui ele vai expandir para o meio e você pode ver que o texto está ficando. Já estive no centro, bem aqui. Mas se eu deixar a linha que você pode ver que ele se move para a esquerda. E agora este texto de parágrafo vai da esquerda para a direita e preencher esta caixa agora para preenchê-lo rapidamente. Posso clicar aqui para os plugins. Eu posso usar o meu Lottum ipsum plug in e você pode instalá-lo simplesmente clicando aqui. Então você pode clicar aqui para a ferramenta de pesquisa e simplesmente digitar Lauren Ipsum Press center e você pode vê-lo aqui você pode simplesmente clicar em instalar, mas porque eu já tenho instalado, eu vou simplesmente clicar nele preenchido com texto de espaço reservado. E você tem que aceitar este acordo, e você pode usar o que quiser daqui. Então vamos usar este e você pode clicar. Inserir texto, e ele vai sentir esta caixa que você criou para o seu parágrafo com este texto fictício e você pode expandi-lo ou você pode sobre quantas linhas de texto você deseja. Você pode selecionar tudo se achar que está muito pouco fora do texto. Você pode selecionar tudo pressionando o controle de um, em seguida, pressione o controle C para copiar este texto e você pode clicar, digite e pressione o controle V para colá-lo. Quantas vezes você quer, e então você pode ver que você pode expandir este texto para baixo ou você pode até mesmo ir para a direita e ele vai preenchê-lo uniformemente, como você pode ver aqui. Agora vamos seguir em frente o que ouvimos aqui. Vamos rapidamente convertê-lo de volta para textos pontuais. O que temos aqui é a maiúscula, então tudo vai ficar em maiúsculas. Temos tudo para ser minúsculas temos título maiúsculo Então cada palavra está indo dedo do pé tem ah letra grande no início do mesmo e, em seguida, letras pequenas no final temos sobrescrito que você pode ver o que ele faz. Temos sub script, mas isso funciona bem com a letra. Então voltamos a tocar e deixamos ele digitar, por exemplo, não sei 120 graus Celsius, por exemplo. Então você pode ver que podemos usar o sub script lá ou você pode selecionar isso e usar sobrescrito e ele irá colocá-lo em cima ou usar subscript e ele irá colocá-lo na parte inferior. Se eu selecionar tudo no clique aqui, ele vai criar um sublinhado ou você pode greve através do texto e ele vai criar o strike através de seu texto abaixo que temos coisas regulares. Então, basicamente, temos um basicamente você pode aumentá-lo ou diminuir que temos o modo de mistura . Então, se eu aumentar o tamanho desta tempestade, por exemplo 200 talvez até mais vamos usar cinco centenas e eu posso colocá-lo bem aqui. Se você voltar para o painel de camadas. Você pode ver que está acima deste texto principal, e agora você pode usar o modo de mesclagem e ver como isso se parece para que você possa usar a luz. E, por exemplo, você pode usar sobreposição e apenas brincar e ver o que funciona melhor. Assim é. Você pode ver exclusão. Você pode ver o efeito ver através deste texto através e você pode ver o texto de fundo ainda melhor. Abaixo disso, temos as coisas normais. Então sinta a cor. Podes clicar aqui e deixar-me mudar isto de volta ao normal. Você pode alterar a cor do campo aqui. Você pode inserir o código hexadecimal então basicamente o mesmo para os jogadores de forma. Como você viu em vídeos anteriores. Você tem a cor da borda e pode me deixar esconder isso aqui. Você pode ver que agora nós só temos essa cor de borda e você pode alterá-la separadamente. Portanto, não é vermelho, e o mesmo é antes que você possa aumentar ou diminuir o tamanho dessa borda. Então vamos usar 20 por exemplo, e você pode ver como isso se eu descer até o fim, nós temos as mesmas configurações que para as formas, porque você pode até converter essas duas partes. Então deixe-me mudar isso de volta para a cor de preenchimento, removendo o traço. Vá para algum lugar por aqui e você pode ver que você pode adicionar sombra e volta Rambo tão mesmo que os jogadores de forma. Mas aqui você pode clicar com o botão direito sobre ele. E aqui temos algumas dessas opções. Mas, por exemplo, você pode suco, mas e converter parte do dedo do pé. E agora aqui basicamente convertido isso para a camada de forma e você pode alterá-lo ainda mais aqui . Ou você pode simplesmente clicar duas vezes aqui. E você pode excluir esses pontos ou você pode brincar com eles se quiser criar formas personalizadas a partir do seu texto. Então é basicamente isso para o têxtil. E vamos cobrir rapidamente nossas portas no próximo vídeo. Então, vemo-nos lá. 15. Curso básico de arte Adobe XD: Quando se trata de nossos quadros, você pode criá-los a partir da tela inicial. Segundo clique aqui e escolha qualquer um destes como já mostrou nos vídeos anteriores . Mas quando você já criou um aeroporto e seu interior, eu já serei ovos. Você tem mais uma opção para que você possa clicar aqui. Mas diz que são pobres solares. Você pode clicar em um no seu teclado e você pode escolher entre todas essas variedades fora de nossas placas E quando você escolheu o nosso porto e o tem bem aqui, . você tem mais algumas opções aqui. Então, primeiro lugar, você pode mudar a largura e a altura aqui, e você pode mudar a orientação da nossa porta. Portanto, isto é extremamente importante. Por exemplo, se você estiver fazendo algum trabalho que vai acabar na impressão, você pode girá-lo rapidamente a partir daqui para que você possa ir do retrato. Você pode ver como isso se parece. Então, basicamente, ele virou inteligência e altura e mudou suas posições. E você pode mudá-lo de volta para paisagem e você pode ver que ele muda de volta. Enganar é redimensionar responsivo, e é o que diz. Basicamente, ele é usado principalmente para web design responsivo. Mas quando você clica nele e você começa a redimensionar este nosso porto, você tem esses contornos rosa basicamente em torno do texto, e ele vai redimensionar responsivamente enquanto eu mover isso junto. Mas tem dedo do pé se conter dentro do recipiente, e eu vou explicar isso em um vídeo separado. Mas só para que saibas, é isso que isso faz. Então imagine que você tem todas essas diferentes imagens, formas e ícones, sombras de texto e assim por diante, e você quer redimensioná-los de forma responsável. Você tem que tê-los em grupos separados, e você tem redimensionar esses grupos separadamente. Mas como eu disse, vou explicar que em um vídeo diferente aqui temos a rolagem. Então, se você quiser usar a palavra rastejando cócegas, que é de cima para baixo e o contrário, basicamente você tem essa opção aqui. E a equipe do Adobe X Team está trabalhando muito para incluir rolagem horizontal também, que você possa apresentar seus clientes com diferentes shows leves e diferentes controles deslizantes usando essa função, e você pode escolher a altura do Vieux Port. Então, basicamente, basta imaginar que este é um site e ver Pobre altura está em 10. 80. Então, se eu tentar estender este nosso porto, você pode ver que você está pobre altura aqui mesmo às 10. 80. Mas se eu movê-lo para baixo, você pode ver que ele muda. Então você pode basicamente ver onde está a culpa? Basicamente. Então, onde a tela termina e todas essas informações diferentes na parte inferior começa. Então isso é o que é para baixo que temos aparência. Então, basicamente, você pode mudar a cor deste nosso porto. Então você pode alterar essa cor de fundo. Você pode selecioná-lo a partir daqui para que você possa usar esta ferramenta e escolher qualquer uma dessas cores que você vê aqui. Então agora é golpe, por exemplo, você pode clicar nele. Você pode inserir códigos hexadecimais basicamente o mesmo que já lhe mostrou com as cores que você pode usar cor sólida, linear, radiante, todos radiante radial para isso e fundo fora de sua porta para que você possa fazer isso com ele. E finalmente temos as grades e vamos explicar às grades. Em um vídeo separado, mas basicamente é quando você está projetando. Você quer ter algo que vai guiá-lo através do seu processo de design, modo que é basicamente quando você vai usar o cria mais porque você quer se tornar cada vez mais preciso em seu trabalho de design. Então, quando você enviá-lo para os desenvolvedores, eles saberão exatamente onde eles precisam colocar alguns elementos. No próximo vídeo, vamos cobrir camadas e tudo o que o painel Camadas tem para oferecer, então eu vou vê-lo lá. 16. Curso básico de camadas Adobe XD: Quando você está trabalhando no design do proprietário, é extremamente importante manter o controle de suas camadas, e você pode fazer isso em sua camada especial. Então aqui estamos nós, clicados no são pobres, então clique com o botão direito aqui. Ele vai mudar a partir do painel de duas camadas da nossa placa para que você possa ver a primeira camada e camada Onley é o texto. Mas por exemplo, quando eu incluir algo, Toby meu botão, vamos usar algo como 500. Que 80? Talvez algo assim. Podemos incluir um raio de canto de 20. Podemos mudar essas cores. Então, por exemplo, vamos usar esse cinza. Vamos remover a borda e vamos duplicar este texto para bater o controle profundo e eu vou colocá-lo aqui e, por exemplo, usar clique aqui texto e eu vou simplesmente movê-lo. Usando minha tecla Shift e minhas setas no teclado. Posso posicioná-lo em algum lugar por aqui e ter certeza que vai do meio. Posso posicioná-lo para estar aqui. Posso usar a cor branca, e vou colocá-la aqui mesmo acima deste retângulo. E aqui vem a parte divertida. Você pode alterar os nomes de todas essas camadas insípidas. Clique duas vezes em distritos e chamar esta beleza e abreviação para botão. E você pode ver essas marcas bem aqui. Portanto, a marcação T é para a camada de texto. Este mercado é para a camada de forma, e basicamente qualquer outro uso de ferramenta terá marcação diferente. Então, se eu clicar aqui e sua fuga, você pode ver que o lápis é usado para criar isso. E é basicamente forma, camada, camada, mas usando o mental e esta é a camada de forma completa bem aqui. Então basicamente camada de forma padrão. Deixe-me excluir isso rapidamente, então clique nele e exclua-o. E você pode mover essas camadas para cima e para baixo. E você pode posicionar isso onde quiser e você pode selecioná-los usando a tecla Control. Você pode usar o controle G para criar um grupo, e eu posso renomear esse grupo na parte inferior, por exemplo, assim. E agora você tem esses dois objetos no lado do grupo e você pode posicionar esse grupo usando esses comandos aqui. Então, quando ele colocou bem aqui, e eu vou me livrar de um pouco deste texto porque eu não preciso de tudo. Então, por exemplo, de seu Use-o até aqui. Imagine que você tem esse parágrafo. Você confundiu o Controle D. Você pode usar algo assim. Remova usando backspace, aperte o controle A e use algo maior. Então, por exemplo, 90 E talvez possamos ir do normal todo o caminho para baixo pesado. Por exemplo. Talvez possamos até mudar esta cor do dedo um pouco de cor escura. E o que você pode fazer é selecionar todos os três em clique aqui, dedo esquerdo, alinhados e você pode clicar aqui e, em seguida, usar esta opção que vai distribuí-los verticalmente. Então, basicamente, vai ter exatamente o mesmo espaçamento entre os três. Mas eu não quero isso. Só quero que isto esteja aqui, isto esteja aqui. E não, eu gosto deste espaçamento porque é muito menos do que era antes. E agora eu posso distribuí-los assim eu posso selecionar todos eles, apertar o controle G para fazer outro grupo para que você possa ver que temos grupo dentro do grupo e você pode ter quantos grupos quiser. E eu vou simplesmente aqui para alinhá-lo ao centro da minha página e você pode clicar com o botão direito aqui, e você pode agrupar esses grupos e camadas. Então é basicamente isso para as camadas. Você pode movê-los, você pode trancá-los para que eles não se movam. Vou clicar aqui e tentar movê-lo. Como você pode ver, ele me mostra esta fechadura, e ele vai me dizer basicamente que ela não pode ser movida a menos que eu clique bem aqui. Dedo. Destranque isso. Você pode clicar aqui para marcar isso para exportação mais tarde. E está indo para o pé, no entanto, deste para este e mostrar-lhe que ele está pronto para exportação mais tarde quando chegar a hora exportar isso para desenvolvedores. E finalmente, o que temos aqui é a altura. Então, quando você quiser rapidamente ocultar alguns elementos, você pode clicar aqui. Ele ainda estará dentro do painel de camadas, mas ficará oculto da vista para que você possa trabalhar em outras coisas e, em seguida, simplesmente saltar para trás. Você pode ver que é ótimo fora, mas quando eu clico sobre ele vai se tornar visível e tornar-se mais proeminente aqui mesmo. Dentro, fora do painel de camadas. O que também podemos fazer é enfraquecer a pesquisa, modo que você pode ver enfraquecer, procurar imagens, formas e texto e você pode clicar, e ele irá mostrar-lhe onde eles estão dentro das nossas portas. Ou apenas imagine que você tem esta longa página de destino para um site e você tem 50 imagens diferentes e só quer localizar imagens para exportação. Você pode usar este atalho. Você pode clicar em imagens. Vai mostrar todas as imagens. Selecione-os e você pode exportá-los assim. Se isso é algo que você quer, é basicamente para o painel de camadas. No próximo vídeo, eu vou falar sobre os componentes, e eu vou explicar como você pode usar componentes em seu dedo do pé de trabalho. Aumente a velocidade e como você pode trabalhar de forma inteligente usando esses componentes. Então eu te vejo lá. 17. Curso básico de Adobe XD que o Adobe XD: trabalhar com componentes em ovos é uma excelente adição ao seu fluxo de trabalho, porque vai aumentar a sua velocidade, bem como permitir que você trabalhe de forma mais inteligente do que nunca . Os componentes estão localizados aqui dentro do painel de ativos, para que você possa criar qualquer coisa que veja aqui em um componente. Você pode usar cores para componentes, pode usar estilos de caractere e pode usar componentes para diferentes elementos. Então vamos começar. Quando eu clicar aqui. Você pode ver que agora eu posso selecionar meu componente a partir daqui, e eu posso adicionar componente a partir daqui. E eu também posso usar controle de atalho ou tecla de comando para converter qualquer coisa que você vê em um componente. Então, basicamente, você não vai usar diferentes componentes aqui para o texto porque já temos estilos de caracteres. E isso permitirá que você arraste e solte rapidamente e aplique estilos de caracteres diferentes . Textos diferentes. Então, por exemplo, queremos usar essa cor no futuro. Você pode simplesmente clicar aqui, e ele irá adicionar esse dedo de cor aqui. Podemos usar essa cor também, porque é um pouco diferente, e vamos mudar rapidamente essa cor para Talvez eu não sei, azul claro ou algo assim. Talvez esta cor através não importa e você pode clicar sobre ele e clicar aqui mesmo dedo do pé. Adicione isso e como você pode ver, quando você selecionar grupo que esta parte inferior é porque ele contém parte inferior, bem como o texto vai selecionar essas duas cores. Então é muito inteligente assim. Basta imaginar que você tem 50 elementos diferentes dentro de um grupo e você pode selecionar no grupo escuro . Clique aqui está indo dedo do pé. Adicione todas as cores dentro do grupo aqui. Então, por que isso é importante. Deixe-me fazer uma cópia rápida para que eu possa selecionar este texto. Pegue o controle D e eu posso movê-lo aqui. E eu posso simplesmente mudar a cor para vermelho, por exemplo. Mas se eu quiser usar esta cor para este texto, eu posso simplesmente clicar aqui e ele está indo dedo do pé. Aplique essa cor. Agora, se você quiser mudar, este colar está indo para o pé globalmente. Aplicar essa mudança toe todas as instâncias que você tem fora dessa cor dentro de sua porta e não apenas esta nossa porta, mas todo o documento X'd para que eu possa clicar com o botão direito sobre ele e judeus copiar. Se você quiser copiar esta cor ou eu posso clicar, editar e, por exemplo, eu posso usar essa cor, e você pode ver que ela aplica essas alterações em tempo real para que você possa realmente mudar essa cor facilmente . Imagine que você está trabalhando com o cliente e o cliente muda de idéia. Por exemplo, eles não gostam dessa cor e, eles podem dizer para Você pode mudar a cor do dedo mais leve. Um. Você pode simplesmente fazer isso. Mande-os para o design se eles não gostarem e digam, OK, talvez possamos tentar um carro azul olhando clique aqui mesmo. Eles podem até adicionar seu código hexadecimal. Então imagine. Você pode usar três C seis esforço, por exemplo, para um golpe agradável, e ele irá mudar automaticamente, não importa quantas instâncias você tem dentro de seu design. Então, usar ativos usando componentes e cores, é realmente importante. Ele realmente vai acelerar o seu fluxo de trabalho. É realmente indo dedo do pé, permitir que você trabalhe com menos agitação em sua vida vai realmente liberar o seu tempo e realmente melhorar o seu trabalho para geral abaixo que temos estilos de personagem, assim você pode mais uma vez clicar no texto. Você pode clicar aqui, e ele está indo para o pé. Aplique esse estilo de caractere usando a mesma cor. Mas quando eu clicar aqui vai aplicar exatamente o mesmo estilo de personagem porque é exatamente a mesma luz. Então 90 luz pesada em áreas de 90 K você pode ver aqui, mas vai fazer isso na cor diferente. Então, quando você clica aqui e aplica o cuidado para estilos, como você pode ver, é diferente mais uma vez. Então, por que isso é importante se eu fizer uma mudança, Então ele controlou o por exemplo e duplicar isso mais uma vez. Eu posso talvez até mesmo remover alguns deste texto e colocado, por exemplo, bem aqui. E se eu quiser usar este estilo de caractere para este texto, eu posso simplesmente clicar nele, e ele irá aplicar esse estilo de caractere a este texto. Então, como você pode ver, fazer alterações globalmente é extremamente fácil com o Adobe X'd e usar todos esses componentes , cores e estilos de , caracteres. Agora seguindo em frente. Se você quiser criar um componente para suas formas para o seu, por exemplo, botões, ícones, cores e assim por diante. Você pode usar componentes aqui abaixo. Você pode clicar aqui, ou você pode usar o comando de controle Que. E ele vai criar um componente chamado bottom e vai mostrar quantas instâncias você tem em seu design. Então, quando eu clicar aqui, você pode ver que ele mudou. Se eu controlar zero para voltar, você pode ver que ele mudou de grupo quando um hit controle K mais uma vez. Então esta acusação e este diamante indicam que esta é a instância principal deste componente. Você pode vê-lo bem aqui. Então, se retomar um pouco mais perto, você pode ver este diamante verde indicou que este é o estado padrão deste componente e este é o componente mestre e você pode ter quantos componentes filho quiser dentro de um mestre componente. E quando você fizer alterações no componente mestre está indo para o dedo do pé, aplique todas essas alterações aos componentes Filhos. Você criou um swell e você tem esses estados para os componentes. Então, por exemplo, você pode clicar aqui. Este é o estado padrão, você pode escolher o estado do mouse. Então, quando você passar o mouse sobre esses componentes vai mostrar-lhe o efeito de pairar. Então vamos suco pairar estado e você pode mudar o sem nome apenas o seu pairar e para o pairar. Talvez eu possa. Eu só adicionei um pouco e eu posso saltar para dentro, talvez incluir uma sombra, talvez fazê-lo 2020 e eu não sei algo 10. Por exemplo. Este vai ser o nosso estado flutuante. E quando eu pulei para trás dos meus componentes, você pode ver que este é o estado do porto. Este é o estado padrão. Então, quando você animar isso mais tarde, e quando alguém clica ou paira o escritor em seu fundo, ele vai exibir este. Você pode até ir um pouco mais longe. Você pode alterar este texto Toby para se tornar diferente. E, por exemplo, se eu clicar no estado do porto e, em seguida, saltar para dentro, eu posso mudar a cor talvez para esta cor, por exemplo. Então, quando saltamos do dedo do estado padrão, no entanto, estado vai mudar a cor, você pode alterar o texto, as posições que você pode adicionar ícones e assim por diante e assim por diante, e finalmente podemos adicionar vários estados. Portanto, o estado padrão é essa cor azul. Posso adicionar um novo estado e chamado ameaça. E neste vermelho, eu posso clicar duas vezes e escolher a cor certa. Como você pode ver e nós pulamos de volta para o estado padrão, nós temos isso aqui. Nós temos o pairar e nós temos o vermelho que você pode adicionar como muitos fora desses estados é que você quer. Então imagine que você tem botões diferentes dentro do seu design. Você tem azul, vermelho, verde e amarelo, por exemplo. Você pode adicionar todos esses estados e aplicar rapidamente alterações globais a esses estados. Porque imagine, você pode, por exemplo, apertar Olt segurá-lo e simplesmente criar uma cópia aqui. Clique aqui e volte para o estado padrão. Este é o seu estado vermelho. E como eu usei tudo para fazer cópia, você pode ver que agora este diamante mudou. Então, ele é preenchido aqui e é mantido bem aqui e que é exibido bem aqui , bem como aqui. Então nós temos o estado padrão, que é o componente principal principal componente, e nós temos em Harvard Desculpe, Estado Vermelho, que é este estado aqui? E é o componente Crianças deste componente mestre. Você pode ver que é azul bem aqui. Mas se eu clicar no vermelho, você pode ver como isso se eu segurar minha chave antiga e fazer outra cópia bem aqui. Andrews efeito pairar, por exemplo. Você pode ver que ele ainda é um componente filho desse componente mestre, e você pode ver que ele muda bem aqui. Então, se você quiser fazer mais alterações neste componente monstro neste botão aqui , você pode fazer isso aqui mesmo. Então, quando eu clicar duas vezes para saltar dentro do dedo Adit este momento mestre, eu posso , por exemplo, aumentar os coordenadores para 50% e você pode ver que ele aplicou a mesma mudança de todos esses componentes. Eu posso clicar aqui e mover o texto, e você pode ver que ele se aplica automaticamente a todos esses componentes filhos. Você vê bem aqui. Se quisermos aumentar o tamanho, por exemplo, talvez eu possa clicar aqui em um Bt e talvez aumentou a altura 100 centro de imprensa. Você pode ver que ele aumenta a altura em todos esses componentes filho, bem como neste componente mestre. Então eu tenho trazido de volta para o centro assim talvez mais com aqui, e você não precisa ter exatamente o mesmo olhar para todos esses componentes infantis. Este é apenas um exemplo. Mas isso é apenas para mostrar quantas possibilidades existem. Então imagine que você tem 50 quadros de arte diferentes aqui e, de repente, o cliente decide que eles querem incluir um ícone com este fundo. Então, o que você poderia fazer? Você tem essa opção que já mostrou que você pode alterar todos esses diferentes componentes e estados usando apenas um clique. Ou você pode ir para todos esses diferentes nossos portos e fazer todas essas mudanças em apenas perder tempo. Ou você pode usar essa técnica e simplesmente fazer isso em, tipo, cinco minutos ou mais. Então é basicamente isso para os componentes. No próximo vídeo, vamos cobrir rapidamente o plugue na coluna vertebral. Então eu te vejo lá 18. Curso de conceitos Adobe XD básico Cursos: Neste vídeo, vamos cobrir rapidamente o plugue na coluna vertebral, então ele está localizado bem aqui no canto inferior esquerdo. Quando você clica nele, você tem todos os seus plugins instalados aqui, e cada plugue único é um pouco diferente, então você pode expandir isso se você estiver conectando, tem várias opções. Então, se você clicar neste organizador para X 'd, por exemplo, você tem todas essas opções diferentes para que você possa expandir para ver mais ou reduzir o espaço para ver um pouco menos. Se você usar isso para um respingo. Obviamente é para geração de fotos a partir de “Splash Dot com”. Você quer ter isso expandido para que você possa ter tantas opções aqui, e você pode ver quantas delas aqui para que você possa usá-las mais facilmente. E você tem todos esses plugging diferentes. Então, sempre que você clicar em plugging diferente, pesquisas mostraram Lauren gesso e como ele se parece. E se você usar em dirigiu, por exemplo, você pode ver como isso se parece, então eles são realmente diferentes em. Eles são diferenças entre eles, mas o mais importante é que eles são facilmente acessíveis aqui neste plugue na coluna vertebral. Se você quiser adicionar um novo plugging já coberto que em vídeos anteriores, você pode clicar aqui e ele vai levá-lo aqui mesmo. Você pode usar a barra de pesquisa. Você pode navegar, você pode gerenciar todos os plugins existentes. E como você pode ver agora, tem um encontro nupcial. Eu posso clicar aqui mesmo na atualização. Este entupimento vai carregar e uma vez terminado está indo para o dedo do pé. Mostre-me que o plugging foi atualizado e agora está atualizado. Você os consorte aqui da última atualização para o nome para que você possa ir para aqui e ele vai atualizar bem aqui. Você pode clicar em um para descobrir e você pode usar a escolha deste editor. Inicie seu design. Então, todas essas coleções vão mudar de vez em quando plugins essenciais, plugins futuros e assim por diante e assim por diante. E você pode navegar por categorias aqui abaixo. Então isso é basicamente o plug in spinal vai melhorar seu fluxo de trabalho dramaticamente. E eu realmente recomendo que você use plugins porque eles vão economizar muito tempo. Basta imaginar que você está indo para criar uma página de contato para o seu site e você precisa de um mapa . Você tem que ir ao Google. Você tem que fazer uma captura de tela saltar dentro de uma loja de fotos e assim por diante. E até agora, Ou você pode simplesmente usar este gerador de mapas e você pode criar um mapa aqui mesmo. Mas eu acho que primeiro eu preciso selecionar a camada para que ele rapidamente criar uma camada. Então, o que vencer esta camada, por exemplo, pode reduzir o tamanho aqui mesmo. Eu posso clicar no gerador de mapas agora, e você pode ver que você pode adicionar um local. Você pode adicionar um lugar. Então, por exemplo, Paris comprimido enter e vai gerar esse mapa para você. Então é assim que é fácil usar plugins e o painel de plugins dentro do Adobe X'd, e você pode explorar um pouco mais. E porque há tantos plugins para escolher, você pode simplesmente clicar, navegar. E, como você pode ver quando eu começar a rolar, há realmente essa lista infinita que você pode rolar e explorar quantos você quer e usar o que você quiser a partir daqui? No próximo vídeo, vamos falar sobre a repetição. Ótimo dentro do Adobe X'd uma incrível possibilidades que pode trazer para o seu trabalho, então eu vou ver lá. 19. Repeita o Adobe XD Curso de básicos: quando você está projetando a maior parte do tempo. Normalmente você tem essas tarefas tediosas fora elementos de repetição, e geralmente você tem que criar esses elementos separadamente. Mas, usando o Adobe X'd, temos esse incrível recurso chamado grade de repetição, que nos permitirá criar todos esses elementos diferentes de forma muito rápida e sem qualquer agitação. Então, para fazer isso, eu simplesmente vou clicar no nosso painel hit control de para duplicá-lo e fazer um novo basicamente. Então eu vou fazer isso. Isto, exceto para o botão original e clique aqui. Talvez eu possa colocar isso aqui, e eu possa usar o retângulo até que eu possa simplesmente clicar e criar essa seleção para criar uma imagem. E eu posso selecionar todos os três e simplesmente clicar aqui para distribuí-los verticalmente. E eu vou simplesmente mudar essa cor para ouvir removido a borda e direita. Mas o que eu quero fazer aqui é incluir uma imagem. Então, tenha estas imagens aqui na minha pasta na outra tela. Eu estou simplesmente indo arrastar e soltar uma imagem aqui e vai preencher essa ferramenta de retângulo que o salário criou, e eu posso simplesmente selecionar tudo o que você vê aqui. Controle de calor G. E eu vou chamar a dívida, por exemplo, cartão, porque esse vai ser o nosso carrinho. Eu conduzo clique neste texto para trazê-lo. Basta tocar assim, e talvez eu possa colocá-lo aqui, e eu posso selecionar todos os três simplesmente bastante aqui para distribuí-los uniformemente. Agora, o que eu quero é fazer uma duplicata disso. Então, no passado, o que você normalmente tem que fazer é fazer uma duplicata. Então eu tenho que apertar Control de, por exemplo, e você tem que posicioná-lo assim talvez eu queira fazer outra cópia. Então, assim. Mas usar a Adobe é D é realmente importante. Tudo o que eles têm que fazer, é simplesmente pode clicar com essa seleção. Clique nisto. Repita grande e simplesmente você tem essas barras aqui à direita e na parte inferior, e você pode estender para fazer quantas cópias quiser, e você pode até mesmo aumentar ou diminuir o espaçamento entre elas. E você pode ver isso em números. Então agora temos 42 pixels entre estes e você pode, mas você também pode fazer é arrastá-lo em outra direção. Assim, você pode ver como é fácil fazer várias cópias desse mesmo objeto. E você pode fazer o mesmo que já mostrar aqui. Então aqui temos 57, por exemplo. E aqui podemos usar 57 também. Então, quando você criou sua repetição, ótimo, é assim que parece. E você pode clicar em algum lugar lá fora. Então, por exemplo, para aqui, e você pode simplesmente arrastá-lo e você pode posicioná-lo como quiser. Se você acha que isso é demais, você pode simplesmente baixar a quantidade que você tem aqui e pouco rapidamente expandir meus portos para que você possa vê-lo um pouco melhor. Então talvez, também aqui, talvez assim. E o que eu quero fazer agora é simplesmente selecionar mais imagens. Então eu vou selecionar todas as imagens da minha pasta. Eu vou simplesmente arrastar e soltar neste 1º 1 e você pode ver que ele vai preencher essas imagens que você vê aqui. O que eu realmente vou fazer é um baixo sobre o valor mais uma vez. Então até aqui, por exemplo. E você pode mudar as coisas antigas individualmente, ou você pode mudá-las todas juntas para que você possa clicar neste texto, por exemplo, por exemplo, e você pode movê-lo e ele vai mover este texto, o que quer que seja. Você vê no interior da grade de repetição. Então talvez possamos fazer o alinhamento central pode enfraquecer. Posicione-o aqui. Talvez possamos mover o fundo para o centro assim. E talvez possamos aumentar o raio de canto dessas imagens para 20, por exemplo. E quando eu clico lá fora, você pode ver que ele mudou o raio do canto de todas as nossas imagens. Bem aqui. Se você quiser adicionar coisas individualmente, você pode fazer isso também. Você conduz enfraquecer esta imagem, por exemplo, e maçante rápido mais uma vez, você pode segurar sua tecla shift para posicioná-lo um pouco melhor. Você pode clicar duas vezes em algumas dessas imagens toe reposicionar-se, por exemplo Talvez neste eu quero movê-lo para aqui e você começa a idéia. Se a imagem é muito grande como esta, por exemplo, eu posso posicioná-la independentemente fora de todas essas outras imagens e todos esses outros elementos dentro de nossa repetição Grande. Você também pode alterar as cores. Então, por exemplo, se um duplo rápido aqui para saltar dentro deste botão, se você quiser mudar as cores de todos esses botões, eu posso clicar aqui e, em seguida, simplesmente mudar o dedo do pé da cor aqui. Mas porque esta não é a minha instância principal, isto é que eu posso saltar dentro dela e posso mudar a cor aqui mesmo. E como você pode ver, ele vai atualizar todas essas cores automaticamente, e vai fazer a mudança globalmente. Então imagine, ter 50 diferentes nossas tábuas vai aplicar. Isso mudou todos esses diferentes nossos portos e vai fazer isso automaticamente ao mesmo tempo. Então essa é realmente a principal vantagem fora. Repita a ganância e trabalhando com componentes dentro da Adobe. Fácil porque faz com que seu processo apenas muito mais fomente muito mais fácil e sem atrito para que você possa começar a projetar. E você não precisa se preocupar com todos esses processos diferentes. Você tinha que se preocupar no passado, uma última coisa que eu quero mostrar é quando você clicar nesta grade de repetição, tudo o que você pode ver é este primeiro cartão que nós criamos porque ele está localizado dentro desta seleção. Então, quando você quer ungroomed pit, você pode clicar aqui e você pode kit no grupo grande, e você pode exportá-lo. E você pode ver todas essas cartas diferentes agora e você pode brincar com elas se quiser . Então, por exemplo, eu posso mover isso para a esquerda e para a direita. O que eu quiser, eu posso movê-lo mesmo entre estes são portos Dragon. Largue bem aqui. Eu posso excluí-lo, e assim por diante e assim por diante. Então, basicamente, tudo que você tem que fazer é criar este hit, repetir grão e, em seguida, expandir e incluir quantos você quiser e fazer mudanças globais para que repita tanto quanto você quiser no próximo vídeo, vamos falar sobre guias, então eu vou ver lá 20. Guias Adobe XD Cursos: quando você está projetando a maioria das vezes você precisa de guias, porque se você não usá-los e você não tem nenhum pessoal para guiá-lo através do processo de design , você vai acabar com elementos em todo o lugar. Portanto, a saída da Adobe vem com guias como padrão, para que você possa ampliar um pouco mais. E se eu pairar bem aqui, você pode ver essa mudança. E vai de cinza escuro para esta cor clara, quase branco no topo do meu porto, bem como no lado esquerdo. E se você já usou guias na loja de quatro, é basicamente a mesma história. Mas você não tem que sair deste espaço, mas você pode simplesmente passar o mouse sobre o nosso tabuleiro e você pode usar esses guias. Então, por exemplo, eu posso clicar neste cartão. Posso pairar aqui, clicar e arrastar o dedo do pé. Aplique o meu guia. Você pode ver isso no eixo Y. São 67 pixels do topo, e se eu cobrir aqui e clicar no guia aqui, arraste-o e mova-o na posição. Você pode ver que é 133 pixels da esquerda e você pode ver que são 1787 pixels todo o caminho da esquerda para a direita e você pode simplesmente deixar ir. E então você pode alinhá-los usando o mesmo princípio aqui. Então deixe-me agrupar rapidamente o controle G moveu-se para o centro. E agora posso aplicar esse guia aqui. Como você pode ver, são 193 pixels da esquerda, e eu posso usar a mesma coisa. Mas você não pode desenhar da direita ou do fundo. Você tem que desenhar a partir da esquerda, e você pode ver que são 192 pixels bem aqui. Pode ser tão preciso quanto quiser. Mas, por exemplo, agora, quando você está trabalhando, deixe-me rapidamente agrupar isso quando você está trabalhando. Imagina que estás a trabalhar neste elemento e queres o dedo do pé. Certifique-se de que ele tem o mesmo espaçamento neste lado, bem como neste lado. Você pode simplesmente arrastá-lo na grade e simplesmente alinhá-lo. Toe este guia à direita, Eu posso simplesmente movê-los aqui e um pixel dedo do pé à esquerda e agora vamos ter 109 3 Então, basicamente, o mesmo espaçamento que neste site. Então é assim que é fácil usar guias se você quiser usá-los em outros nossos portos para que você possa clicar no aeroporto. clique direito, guias de cópia. Você pode clicar sobre isso, nossa porta guia clique direito e guia base. Você pode usar o controle V ou poderia comandar. O atalho é baseado no dedo do pé. Esses guias neste nosso porto, e você pode simplesmente alinhar todos esses elementos a esses guias. O mesmo provavelmente fez no nosso primeiro porto. Então é assim que é fácil usar guias. E eu realmente recomendo que você faça, porque isso vai simplesmente tornar o trabalho muito mais fácil. E isso fará com que seus elementos se destacem na página e pareçam ainda mais profissionais do que são porque eles estão simplesmente seguindo essa estratégia fora, alinhando à parte superior direita esquerda ou à parte inferior usando guias no Adobe XY. No próximo vídeo, vamos falar sobre as grades, então eu vou te ver lá 21. Curso básico de conceitos do Adobe XD: quando você está trabalhando no Adobe ASD, especialmente se estiver trabalhando para a Web, você precisa de algum tipo de sistema excelente. Você tem esses grandes sistemas em toda a web, então você tem o máximo. Bem conhecido é bootstrap, obviamente, mas você tem outros e, por exemplo, para trabalhar na empresa. Talvez sua empresa tenha seus próprios sistemas excelentes que eles desenvolveram para seu projeto, você possa facilmente aplicar esse sistema de grade no Adobe X'd. Tudo o que você tem a fazer é clicar em seu quadro e aqui na parte inferior, você tem ótimo, e você pode clicar aqui para o layout, e você tem todas essas opções diferentes. Se você não quiser usar layout, você pode quadrar e ele vai aplicar esses quadrados diferentes. Se eu ampliar todo o caminho aqui, você pode ver como isso se parece, e você pode usar o tamanho quadrado. Então, se eu aumentar isso para 50 você pode ver que ele aumenta o tamanho fora do quadrado. Então, onde quer que você esteja arrastando para dentro, mover esses elementos que você tem dentro da sua parte é vai encaixar os dedos dessas notas e para o tamanho quadrado. Mas, como eles disseram, se você quiser usar um sistema de grade e quiser usar um layout, você pode usar layouts diferentes no Adobe X'd. Então, o que temos aqui? Se eu clicar neste quadro de arte, temos 12 colunas diferentes com Got Erwitt off 16 e coluna com ou 25 So Got Erwitt é basicamente este espaçamento entre as colunas. Então você tem a coluna bem aqui. Então você tem a sagacidade da sarjeta. Então você tem outra coluna e assim por diante. Então, basicamente, temos 12 colunas diferentes com riffed off 16 e coluna com off 22 O que você pode fazer aqui é você pode usar as margens esquerda e direita vinculadas. Portanto, todas essas margens permanecerão as mesmas e permanecerão ligadas. Então, basicamente, margem é esse espaço em branco entre sua primeira e última coluna. Então, isso é basicamente 140 nesta fase. Ou você pode usar margens diferentes para cada lado, que você possa ver que temos margem direita e margem esquerda em 140 você pode usar margem inferior superior . Se você quer ter exatamente certeza e perfeitamente certo que tipos de margem você deseja usar para seus projetos. Mas se usarmos simplesmente margens esquerda e direita ligadas, podemos ver que são 140 e, por exemplo, posso aumentar para 150, podemos ver se posso ir ainda mais longe e usar, por exemplo, 400. Você pode ver como isso parece tão 400 em ambos os lados e você pode ver que agora encolhe são layout. Se eu controlar, isso é algumas vezes para voltar para 1940, como me mostrou originalmente? O que você também pode fazer aqui é alterar alguns desses valores. Então, por exemplo, talvez você queira usar um número diferente de colunas pode estar em para usar quatro colunas. Então é assim que parece. E você quer aumentar a calha com o dedo 50, por exemplo. Você pode brincar com isso. Talvez eu queira usar oito colunas. Tem peso 100, por exemplo. Você pode ver como isso se parece, e você começa a idéia. Você pode usar isso como um padrão, ou você pode fazer isso como o padrão para que você possa usar padrão e isso é o que eu já mostrei a você. Mas você pode simplesmente brincar com isso. Então oito, 16 e eu não sei, talvez 140 em cliques tornem padrão. E sempre que você incluir essa opção dentro do seu trabalho de design, isso aparecerá como padrão. Ótimo sistema. Então é por isso que eu mostrei que eu lhe disse antes, Por exemplo, você está trabalhando em uma empresa de design e eles têm seu próprio sistema de design ou você está usando bootstrap sistema projetado. Todo o tempo você pode recriar isso no adobe X você pode clicar, tornar padrão. Então, sempre que você estiver girando o seu não ele irá ligar o sistema que você criou, e ele irá mostrar-lhe esse sistema sozinho sem todas essas opções padrão. Finalmente, você pode alterar a cor, não clicar aqui e, em seguida, alterar a cor para a cor que você quiser. Você pode reduzir a cidade de Obey bem aqui. Então isso é em 100. Este é um zero, e você pode usar algo como 10 ou 20 para fazer este bom ver através de um basicamente você possa ver no que você está trabalhando. E basicamente essas colunas são para esses elementos se encaixarem. Então você pode segurar sua tecla shift e você pode encaixar esses elementos em colunas diferentes, como você pode ver aqui. Então é basicamente isso para duas grades. E no próximo vídeo, vamos falar sobre mesquitas, e há possibilidades incríveis dentro do Adobe X'd, então eu vou te ver lá. 22. Máscaras Adobe XD Curso de conceitos: quando você está projetando muitas vezes, você quer ocultar algo que seja um ícone ou uma imagem ou algum parágrafo fora de parte do texto ou algo assim, mas você não quer excluí-lo permanentemente. Você só quer escondê-lo por causa do tempo, ou você quer usá-lo em algum outro cenário. E é aí que as mesquitas vêm a calhar agora, em vez de excluir o arquivo, as mesquitas não são destrutivas, que significa que você pode usá-las mais tarde em algum outro projeto ou em outros pontos do projeto. Então é assim que as mesquitas funcionam. Então imagine, você quer incluir uma imagem, e talvez eu queira usar os lábios de uma casa, uma tecla shift, os lábios de desenho e talvez eu possa criá-la Toby para 10 que a 10 pixels para o peso e altura e deixe-me colocá-lo aqui mesmo no centro. E talvez possamos remover a fronteira e só para que você possa vê-la. Talvez eu possa incluir este cinza claro para a cor do campo, e eu quero incluir minha imagem aqui. Como posso fazer isso é simplesmente eu posso arrastar minha imagem e soltá-la dentro. E aqui você pode ver que a imagem está agora dentro do círculo e é mascarada usando essa forma de círculo agora, porque estamos usando mesquitas e mesquitas são edição não destrutiva. Isso significa que posso reposicionar esta imagem. No entanto, eu quero dentro deste círculo, o que significa dentro das mesquitas. Então, como posso fazer isso? Eu posso simplesmente clicar duas vezes dentro. Você pode ver os limites fora da imagem, e eu posso segurar minha tecla Shift, e eu posso simplesmente movê-la aqui se eu quiser. Posso até aumentar o seu tamanho. Eu posso segurar a tecla shift ou eu posso segurar Shift Ault e clicar em um dos cantos para aumentar o tamanho assim. E eu posso reposicionar essa imagem como eu quiser. Talvez eu queira posicioná-lo aqui. Eu posso até girá-lo para que eu possa passar o dedo do pé qualquer um desses cantos e eu posso girar imagens. Bem, Oregon simples. Rápido em um desses pontos, e você pode posicionar a imagem assim. E como eu disse, você pode colocá-lo onde quiser e você pode reposicioná-lo dessa maneira. Agora é mais fácil para mim movê-lo e mais tarde para baixo da linha. Se eu quiser substituir esta imagem e incluir alguma outra imagem, por exemplo, eu posso simplesmente arrastar e soltar essa imagem dentro. E você pode ver que o nome da imagem original será o nome da minha imagem. Então esquece que o controle é para voltar? Você pode ver este nome e quando eu incluir esta imagem dentro, você pode ver agora ele mudou para este nome. Eu posso simplesmente clicar aqui se eu quiser no mercado para exportação, porque imediatamente quando você incluir imagens dentro do Adobe X'd, elas serão automaticamente marcadas para exportação. Porque Exynos você teve que exportar mais tarde essas imagens para desenvolvedores usarem mais tarde. E posso fazer o mesmo por este. Posso girá-lo como para que o Aiken Bulkeley possa saltar para dentro desta imagem. Eu poderia casa um turno velho e clique esquerdo para aumentá-lo. E, por exemplo, se eu quiser usar isso como minha imagem externa, por exemplo, por exemplo, você pode clicar em algum lugar do lado de fora e agora você pode mover esta mesquita como este pequeno círculo, você pode reduzir seu tamanho. Então, por exemplo, como casa uma tecla shift e reduzir seu tamanho assim. Mas se eu quiser, em qualquer momento, saltar de volta dentro fofoca Adele Quick e eu posso aumentar ou diminuir o tamanho desta imagem já mostrou antes. Agora deixe-me mostrar rapidamente como as mesquitas funcionam quando você quer criar botões. Então deixe-me criar rapidamente um botão. Vou usar o retângulo. Talvez eu possa levar 20 para o raio da esquina. E vamos usar, por exemplo, 500 pesos. 1 50 Torná-lo agradável e grande, e eu vou remover a cor da borda e para as cores de preenchimento usado alguma cor agradável. Então, por exemplo, talvez algo assim, ou talvez possamos até ir um pouco mais leve. Por exemplo, algo assim. E agora vamos rápido no nosso têxtil. Clique em algum lugar dentro e rápido, por exemplo, nele, e eu posso bater o controle A para selecioná-lo e pode usar algum outro formado mais tarde, por exemplo, talvez eu possa usar 40 e talvez eu possa mudá-lo aqui para dizer que meu bowler usou Bolt simplesmente, e eu posso clicar aqui para ser selecionado para ser branco, e eu posso simplesmente posicioná-lo bem aqui no centro e bem aqui no centro também . Deixe-me clicar duas vezes aqui. Digite este bt e e eu posso selecioná-los para pressionar o controle G para agrupá-los e chamar este botão . Agora vou simplesmente arrastar e soltar um ícone, que é um PNG. Vou deixar cair aqui mesmo. Eu sempre recomendo que você use SP Jeez para os ícones. Mas usarei isso para fins de demonstração. Então talvez eu queira arrastar o dedo do pé como tal posição. Está em algum lugar por aqui, por exemplo, e simplesmente use essa cor. Isso realmente não importa para este exemplo. Então agora temos este botão e eu vou simplesmente ir clique aqui e chamá-lo de ícone. E eu incluirei dentro do meu botão, como So. Então imagine que você quer usar este fundo em uma instância, mas você quer usar este botão nós duvidamos neste ícone e você deseja animá-lo mais tarde. Como você pode fazer isso? Você pode simplesmente criar uma mesquita para que você possa simplesmente clicar duas vezes aqui neste fundo e simplesmente apertar o controle um D para fazer uma duplicata, e eu vou clicar duas vezes aqui e chamar este de mesquita e eu vou arrastar esta mesquita apenas acima do meu ícone. Selecione ambos, direito, direito, clique e use mesquita com forma. Você também pode usar esse atalho, que é shift Control em ou shift comando-os. Se você está em um Mac e ele vai mascará-los agora, você pode ver que realmente não mudou muito. Vou simplesmente aborrecido rápido bem aqui chamado esta mesquita mais uma vez. E se eu clicar aqui, você pode ver que nada mudou. Mas se eu mudar esta cor e agora se eu mover este botão, você pode ver como ele está mascarando agora. Então, quando eu aproximo um pouco mais, você pode ver que a mesquita está cobrindo esta parte do nosso ícone. Mas esta parte permanece visível, por isso é realmente simples. Se você quiser animar isso mais tarde, você só tem que mover esta mesquita para fora do caminho, e você pode ver que agora o ícone fica fora de nossa mesquita, então quando eu clicar em algum lugar do lado de fora, você não pode ver o ícone mais. Mas quando eu clicar na minha mesquita e posso estender até aqui. Agora você pode ver este ícone, e agora isso será útil mais tarde quando você começar a animar seus projetos. Então talvez você queira fazer isso, uh, uh, Toby clicou em estado. Então, talvez quando alguém clicar nesta edição, este ícone aparecerá quando eles clicarem, em algum lugar lá fora vai desaparecer. E a maneira mais fácil de fazer isso é com a mesquita. Então você pode simplesmente criar dois estados usando componentes e você pode saltar para trás e assistir vídeo componente, e você pode animar isso mais tarde, e então você pode mostrá-lo para seu cliente ou seus usuários, e tudo ser fácil para eles entenderem porque você está usando métodos não destrutivos usando mesquitas. Mas você está simplesmente se escondendo, não deletando. No próximo vídeo, vou mostrar a vocês uma espécie de folha de truques com todos os ovos de adobe. Esses atalhos e alguns deles são realmente importantes para você aprender porque eles vão acelerar seu trabalho completamente dramaticamente. E eu realmente recomendo que você os confira. Mas se você já usou produtos adobe antes, Então, por exemplo, para uma loja ou ilustrador. Muitos desses atalhos serão familiares para você. Mas se você é novo neste mundo do design e produtos da adobe, especialmente Adobe X'd eu realmente recomendo que você confira esse vídeo porque nele você tem esta folha de truques que você pode baixar e usar onde quiser. Se você quiser ser lembrado sobre alguns atalhos, você pode facilmente saltar para dentro desse arquivo e simplesmente procurar por esses atalhos porque ele irá melhorar drasticamente seu fluxo de trabalho e sua velocidade, então eu vou vê-lo lá. 23. Curso de conceitos do Adobe XD Cursos: se você quiser usar o Adobe X'd como um software profissional e ganhar dinheiro com seus projetos pessoais ou comerciais, é realmente importante para você aprender pelo menos alguns dos principais atalhos de teclado porque eles irão melhorar sua velocidade e seu fluxo de trabalho dramaticamente, e eles vão fazer você trabalhar mais rápido e mais inteligente dentro de X'd. E será mais fácil para você navegar pelo software porque você está usando atalhos de teclado em vez de clicar em qualquer outro lugar. Então aqui estamos nós em ajuda. Ex dot adobe dot com quatro barra xz Para tal ajuda para atalhos de teclado barra, intervalo o link para este vídeo e você será capaz de clicar e acessar nesta página facilmente. Aqui, bem no topo da página. Temos versão para download off atalhos de teclado, e você pode simplesmente clicar aqui para baixar, e ele vai abrir um arquivo pdf dentro fora da nova guia. E eu realmente recomendo que você verifique este arquivo porque você pode facilmente ver todos os atalhos do adobe eggs aqui. E você pode ver separado no menu de arquivo, menu edição, objeto, exibição de menu, menu, Windows, menu e assim por diante. Até agora, você não tem que aprender tudo isso, mas você realmente tem que aprender a maioria deles. Se você quiser. Trabalhar extremamente rápido dentro do Adobe X'd agora não se estressa e tente aprender todos eles de uma vez porque, como você pode ver, se você começar a rolar para baixo, eles estão realmente muito fora desses teclados. Claro, atalhos de teclado, mas um realmente recomendado Você aprende pelo menos alguns, porque eles vão melhorar drasticamente a sua velocidade e seu fluxo de trabalho ao usar ovos. D. E é simplesmente trabalhar de forma mais inteligente usando atalhos de teclado, porque é mais fácil para você trabalhar usando duas mãos no Adobe XY em vez de apenas uma mão clicando com o mouse e você verá que depois de um certo tempo ele virá como . Você não terá que pensar em nada. E se eu saltar para trás, você pode ver que você já fez. Quando você passa o mouse sobre basicamente tudo, você já tem atalhos de teclado quando você clica com o botão direito do mouse. Você tem esses atalhos de teclado aqui para que você possa aprendê-los daqui. Mas se você quiser aprendê-los em seu próprio ritmo, por exemplo, quando você não está em seu computador, você pode baixar e usar neste arquivo pdf com todos os tubarões corta o B X D e, em seguida, aprendeu passo a passo e então, eventualmente, você chegará lá. Ele não vai a maioria desses atalhos, e você trabalha extremamente rápido dentro do Adobe X'd no próximo vídeo, vamos começar a focar em ferramentas de prototipagem, e eu vou explicar quais ferramentas de prototipagem estão dentro do Adobe X'd, bem como porque eles são importantes, como você pode encontrá-lo e como você pode usá-los. Então, vemo-nos lá. 24. Ferramentas de protótipo Adobe XD Curso de conceitos: quando você quer mostrar seu design ou seu conceito, seu cliente ou sua equipe, você quer ser capaz de encontrar e representar seu conceito da melhor forma possível. E isso é o que X'd oferece você pronto para ir desde o início. Então eles têm essa aba de protótipo, e o que isso basicamente significa é que você pode converter este design estático para um mais interativo e você concorda compartilhar esse protótipo com seus clientes ou seus companheiros de equipe, e então eles podem interagir com isso protótipo em Mais tarde. Os usuários podem, e eles podem apontar toe talvez algumas falhas em seu design e as coisas que você pode mudar com ele. E é muito fácil de seguir e fácil de entender. Processo e ovos é incrível por essa razão, porque eles têm projetado protótipo e compartilhar funcionalidades todos incluídos neste aplicativo e neste software. Então, tudo o que eles têm que fazer para protótipos é que você precisa de instâncias, por exemplo, fora do mesmo design. Então aqui, imagine que terminamos este projeto. Estamos trabalhando nele usando um feedback do cliente e o resumo do projeto e seguimos todos os passos no U ex parte fora deste projeto, e agora queremos protótipo e simplesmente mostrá-lo ao cliente para sua aprovação e obter feedback. Então, como podemos fazer isso? É que podemos fazer isso usando a aba protótipo bem aqui. Então, quando eu clicar aqui, você pode ver que agora eu tenho esse círculo azul com um estreito bem aqui, e que costumava se conectar a diferentes nossas portas. Mas porque eu tenho apenas um nosso porto, o que eu posso fazer é saltar de volta para o design hit control de para que eu possa duplicar este nosso porto. E agora posso começar a brincar com eles e mostrar alguma interação com o meu cliente poder voltar ao protótipo. E agora, quando eu clicar aqui e clicar nesta seta, eu posso simplesmente arrastá-lo para este nosso porto. E agora você pode ver o que acontece. Temos este painel de interação aqui que vai explicar no próximo vídeo. Mas dentro dela, temos todos esses valores diferentes que podemos brincar. E podemos apresentar isso ao nosso cliente para que ele possa entender melhor. Como ele vai parecer quando é eventualmente casaco para que você possa imaginar um projeto como este pode conter um número fora de diferentes nossas placas. Por exemplo, você deseja mostrar como essa tela será exibida quando eles clicarem nessa seta para trás. O que acontecerá a seguir, O que acontecerá quando eles clicarem neste ícone de menu. Se eles tocarem esta imagem, o que acontecerá a seguir? Se eu quiser clicar neste avatar, por exemplo, ele me levaria para a tela de perfil e como isso vai parecer. Então vamos explorar algumas dessas opções na próxima série de vídeos, começando com este painel de interação, onde vou explicar o que todas essas coisas são e nos vemos lá. 25. Curso de conceitos de interação: quando você quer criar um protótipo clicável a partir do seu design, você tem que usar este painel de interação e bem aqui no topo, você pode ver que você tem esse gatilho e gatilho toque é basicamente o que vai acionar a ação para acontecer. Entre estes dois estão as portas. No nosso caso, ação é como esse gatilho vai parecer. Então, por exemplo, temos a torneira do gatilho. Então, quando alguém toca nele, então nós temos ação, que é a transição, então ela vai fazer a transição. Entre estes dois são portas abaixo que temos preservado posição de rolagem. Então, por exemplo, se esta nossa porta contém muitas dessas imagens, por exemplo, preservará essa posição de rolagem para alguns desses elementos. Então imagine que você quer usar esta barra nunca na parte inferior do dedo do pé preservar a posição de rolagem. Você pode fazer isso. Então imagine, você pode manter esse Toby preso aqui e todo o resto vai rolar o destino . Então vamos daqui até aqui. Então o nosso destino é o nosso porto de alimentação um e você pode vê-lo aqui mesmo. Temos animação e podemos escolher um número de animações diferentes. Então, como eles pisam, a transição dissolve-se vai parecer. Então temos a animação desligada dissolução, então basicamente vai se dissolver de um aeroporto para o outro. Em seguida, temos flexibilização. Então, quão fácil ou difícil nós queremos que o dedo posição parece, bem aqui nós temos estes fora, que é basicamente vai facilitar para fora deste aeroporto, deste aeroporto. E finalmente temos a duração, que é basicamente quanto tempo isso vai levar. No próximo vídeo. Vamos explorar gatilhos e ações para ver quais gatilhos diferentes devido a diferentes ações e como você pode usá-los em seu trabalho de design. Então, vemo-nos lá. 26. Triggers e ações Adobe XD Curso de conceitos: quando você está criando protótipos entre suas portas, você deseja usar diferentes gatilhos em diferentes ações para diferentes tipos de efeitos que você deseja alcançar. Então imagine, quando clicamos nesta imagem, queremos que esta imagem se expanda. E é isso que vamos fazer neste vídeo. E eu vou explicar essa ação de gatilho e tudo mais aqui. Então, quando um salto para o projeto, eu vou mudar isso. Então eu vou abrir esta imagem e você pode ver que eu tenho esta imagem bem aqui e eu vou expandir tudo para baixo. Mas primeiro eu vou movê-lo todo o caminho até aqui, por exemplo. Em seguida, vou saltar para dentro e simplesmente clicar na minha imagem e vou expandi-la até aqui, e vou simplesmente mover este avatar para aqui. Quando eu clico lá fora, você pode ver como isso se parece. Talvez eu possa até expandi-lo para ir até aqui para que possamos mover tudo assim e então , finalmente, eu posso clicar na minha imagem e você pode ver que temos um raio de canto de cinco. Eu posso clicar no meu zero e ele vai se tornar direto em todos esses cantos agora vai saltar volta para o protótipo. O que eu quero fazer é quando alguém clica bem aqui, eu toco bem aqui. Queremos expandir esta imagem e, em seguida, quando eles clicarem aqui, ele irá levá-los de volta para este nosso porto original. Então vamos fazer isso. Vou arrastar esta maçaneta azul até aqui. Então, quando alguém clica, passo aqui, Transição vai ser auto animar. E isso é basicamente X 'd saber o que eles vão colocar onde usando seu conhecimento de IA e aprender que a saída tem em segundo plano e basicamente o que ele vai fazer é procurar camadas e nomes de camadas ver sua posição aqui e aqui. Então, por exemplo, movi esta imagem aqui. Estava bem aqui, e movi todos estes ícones para baixo, e também aumentei este tamanho desta imagem. Então ele sabe que eu fiz todos esses passos e ele vai replicá-los usando animação. E você vai ver em apenas um segundo como isso parece destino é alimentação. Uma vez que estamos indo disso para isso, nós temos flexibilização. Talvez eu queira usar está dentro, porque eu queria facilitar, bem como está fora desta animação e finalmente duração. Talvez possamos usar 0,3 segundos. Mas você tem todas essas variações diferentes bem aqui. E você pode usar o seu personalizado. Então, por exemplo, se você quiser usar quatro segundos, você pode simplesmente clicar quatro pressione, enter ou retornar. E toda esta animação vai durar quatro segundos. Mas vamos saltar rapidamente para trás do dedo do pé, talvez 0,4. E eu só quero mostrar rapidamente o que está contido aqui. Então, quando eu clicar aqui, nós temos o arrasto. Então, por exemplo, podemos usar o dedo do pé arrastar exibir tudo aqui, movendo-se de cima para baixo, por exemplo. Podemos usar chaves em blocos de jogos. Então, por exemplo, se você está projetando um jogo ou você está projetando um site para um jogo, que alguém vai acessar usando um controle de jogo para que o controle PS, controle Xbox ou que são outros controles, para esse assunto, você pode fazer isso, então você tem que ter esse controlador de jogo específico que você está projetando seu jogo ou seu site para, assim você vai ser capaz de inserir todos os comandos diferentes usando esse jogo controlador. Finalmente, temos a voz. Então, imagine se você está projetando para Amazon, Alexa para Google assistente para Siri ou algo assim, você pode usar a voz para exibir como todas essas interações diferentes estão indo dedo do pé como e nosso foi para acontecer quando o usuário está usando o dedo do pé da voz, emita um comando. Então algo vai acontecer quando eles dizem certas coisas abaixo que nós temos a ação . Então temos auto animate que já escolhemos, mas temos a transição. Se você escolher a transição, você tem essas transições aqui selecionadas. Mas se você escolher auto animar, você não tem nenhum desses porque ele já sabe o que você vai fazer, e vai usar sua magia para criar essa opção. Mas se usar transição, você pode escolher entre os Emirados Árabes Unidos Rieti fora de diferentes posições. Então de dissolver deslizando para a esquerda, direita, cima , para baixo , empurrando , esquerda , direita, pare para baixo e você pode fazer qualquer fora deles ou você pode até mesmo selecionar nenhum aqui. Se você não quer que nenhum dedo de transição aconteceu, nós temos excessivamente para que possamos sobrepor algo por cima de outra coisa. Então imagine que você tem este menu e você quer quando os usuários clicam aqui. Este menu vai sobreposição no topo de qualquer fora de nossas telas. Então, mais uma vez, imagine que você tem, tipo, 100 telas diferentes aqui, e você tem tela separada para o menu. Você pode simplesmente fazer essa ação de sobreposição, e ela se sobrepõe em cima de todas essas telas exatamente na mesma posição. Seja como for que digas, quando alguém bate bem aqui abaixo da morte, temos reprodução de fala. Mais uma vez, você pode você pode criar certas ações usando a reprodução de fala. Então, quando alguém diz uma frase ou uma palavra, isso irá acionar a reprodução da fala. Por isso, ele irá mostrar-lhe que a ação e, finalmente, anterior a nossa porta quando você quer ir toe anterior nossa porta. Então, mais uma vez, vamos usar auto animate como um destino definido aqui, e você pode até mesmo usar nenhum se você quiser usar componentes ao projetar isso. Mas vamos cobrir um pouco disso no futuro vídeo quando realmente começamos a projetar nosso aplicativo. Finalmente, temos flexibilização, então não temos nenhum está dentro, fora, fora em piscar, acabar e arcos. Então, obviamente, qualquer um desses que você escolher flexibilizar vai parecer um pouco diferente. Então, se ele escolher nenhum, não haverá nenhuma suavizando imagens está fora. Itália está fora da animação e assim por diante e assim por diante. Acabar, estalar e saltar Um realmente útil em alguns casos em alguns outros pode não. Então você pode estar considerando usar flexibilidades. E uma verdadeira recomendação que você faz, porque se você escolher não, ele vai simplesmente encaixar na posição sem qualquer off essas flexibilidades no lugar. Então vamos usá-los para o nosso caso e como uma duração definida é 0.4 e finalmente posição fixa ao rolar. Isso é o que eu estava explicando. Você pode corrigir nesta parte do menu, por exemplo, para rolagem ou este menu de parada ou algo assim. Então, cabe a você e ao seu caso. Agora, quando você quiser visualizar isso, vamos enviar rapidamente isso de volta. Então, como eu disse, quando alguém clicar nesta seta, ela nos levará de volta. Então deixe-me selecionar essa seta e você pode usar o controle e clicar diretamente em sua forma. Então, vamos usar o ícone de seta no nosso caso, e eu vou simplesmente arrastá-lo de volta. E porque Eggs D é realmente inteligente, ele vai saber que nós selecionamos passo para a primeira ação que selecionamos auto animates, então ele vai auto animar de volta. Selecionamos o destino. Então ele passou de alimentar os pés um, e nós vamos voltar quando eles clicarem nesta seta. Então ele vai voltar aos pés, finalmente, aliviando. Se você se lembra, Riccio's está dentro e duração zero ponto para. Então ele está basicamente replicando todas essas mesmas configurações para esta nossa porta, e ele vai voltar usando exatamente a mesma animação. Então tudo parece coerente e tudo parece junto quando se junta no resultado final. Então, se você quiser testá-lo, tudo o que eu tenho que fazer é clicar aqui mesmo no nome do aeroporto no ícone de exibição clique aqui na parte superior, e isso irá lançar uma visualização da área de trabalho, e eu vou explicar o que é no próximo vídeo. Então eu te vejo lá 27. Previews Previews de mídia no Adobe XD Curso de Previews: Quando você quiser visualizar o que você fez para si mesmo, você tem algumas opções, então você pode clicar aqui na visualização da área de trabalho e ele irá iniciar esta janela e aqui nesta janela, se você está se lembrando, Usamos a torneira. Então, quando eu tocar aqui, ele vai aumentar, e ele vai reposicionar todos esses ícones diferentes, e ele vai reposicionar esta imagem bem aqui no topo. E se você se lembrar, quando clicarmos de volta aqui, ele será lançado de volta à sua posição original. Assim, você pode visualizar o que você fez antes mesmo de enviá-lo para o seu cliente apenas para que você saiba por si mesmo se você fez o trabalho certo ou não, e você sabe que tipo de mudanças você tem que fazer em ordem. Dois sucessivos nas diretrizes de design que você recebe para de seu cliente, a outra maneira que você pode visualizá-lo é aqui mesmo usando visualização móvel, você tem que instalar ovos adobe grátis, o aplicativo em seu iPhone ou em seu telefone Android, e, em seguida, para qualquer telefone que você está projetando, você pode usar esta visualização móvel e você pode visualizar esse design diretamente em seu dispositivo móvel . Agora seus clientes podem fazer isso para você pode simplesmente enviar-lhes o link, e eles podem simplesmente abrir isso usando seu telefone. Eles têm que usar em seu telefone conectado via cabo USB. Mas uma equipe de Toby diz que no futuro eles serão capazes de fazer isso. Por que airdrop para dispositivos Iose? E por que WiFi, por exemplo, para dispositivos Android? Mas, por enquanto, você tem que usar o cabo USB conectado ao seu computador. Adobe é o aplicativo instalado e, em seguida, você pode visualizar essa visualização diretamente no seu telefone. Isso é um ótimo complemento para ter, porque é aí que você pode ter certeza de que todos esses tamanhos de telefone são grandes o suficiente para que eles possam ser vistos que seus pontos de toque são otimizados. Então, por exemplo, os usuários da hortelã pisam aqui. Eles não abrem esta imagem por engano, mas abriram esta imagem perfeitamente como queriam. Se este ícone de menu é grande o suficiente, você contesta todas essas coisas diferentes. Usando isso, serão os ovos, o aplicativo ou, ou, se você quiser ver por si mesmo, você pode clicar aqui para a visualização da área de trabalho, e você pode mostrar esse diretor ao cliente dela ou à sua equipe. Se houver algum lugar perto de você ou sua pré-visualização isso como parte da demonstração para reclinar e eles podem simplesmente clicar aqui e interagir com seu protótipo. Você pode até clicar aqui para posicionar isso no centro para que você tenha menos distrações ao redor, e quanto mais esses efeitos você tiver em seus protótipos, mais ele vai parecer um laboratório real, e quanto mais clientes irá entendê-lo melhor e saber quais são as capacidades. Mais tarde, quando este projeto chegar à fase de desenvolvimento e os desenvolvedores colocarem suas mãos em seu design no próximo vídeo, eu vou mostrar a você como você pode gravar este protótipo como um vídeo e como você pode enviar esse vídeo para seu cliente para nossas partes interessadas ou para os usuários, que eles possam ver esse vídeo ou você pode até usá-lo como parte de suas apresentações. Então, se você está apresentando este design sobre ser chance ou drible, por exemplo, nunca pode ser realmente útil mostrar esse vídeo para o seu público, porque eles então serão capazes de entender o mesmo como seus clientes. Como o seu design se destina a ser visto e usado e como ele vai parecer um codificado , então eu vou vê-lo lá. 28. Curso básico de gravação de protótipo Adobe XD Curso de a gravação: Se você quiser gravar um vídeo fora do seu protótipo, é muito simples de fazer. Tudo o que temos a fazer é clicar aqui na pré-visualização da área de trabalho. E então, se você estiver em um Mac, você pode simplesmente clicar aqui, e ele começará a gravar o que você fizer aqui no seu protótipo. Mas se você estiver nas janelas, você tem janelas de uso de reboque. Mantenha-se perdido G. Então deixe-me usar isso como por agora, e ele vai abrir de gravação do Xbox, e tudo o que temos a fazer é clicar iniciar a gravação. Ou você pode usar janelas de atalho mais antigo mais R, e ele começará a gravar. E então você pode experimentar com seu protótipo. Você pode clicar à esquerda e à direita em. Basicamente, quando você terminar, você pode clicar em parar de gravar, e quando você parar de gravar, você pode visualizar isso e basicamente vai salvá-lo como um vídeo separado. Então aqui está, bem aqui. Se você clicar com o botão direito pode abri-lo com filmes e TV, você pode ver como isso se parece, então você vai ser capaz de ver que quando eu clicar aqui, ele vai mostrar esse efeito e então você pode usar este vídeo em suas apresentações começa, drible ou em outro lugar. Ou você pode enviá-lo para nossos clientes, partes interessadas ou membros da equipe para que eles possam ver, por exemplo, quando estão em movimento. E eles não têm a opção de usar ovos, o online para que eles possam clicar para eles mesmos e explorar um pouco mais em detalhes sobre o que você fez com seus protótipos. Uma unção sobre janelas que você não tem no Mac é quando você abre isso como um vídeo, você pode ver esta barra branca bem aqui no topo. Você não pode ver essa barra branca no Mac, mas você pode no Windows. E, por enquanto, não há solução. Infelizmente para os usuários do Windows, os usuários do Mac vão continuar usando sem problemas. Mas para usuários do Windows, você pode usar algo como loja de fotos, por exemplo, após a estréia de efeitos ou algo assim, para que você possa cortar neste vídeo e você pode basicamente cortar esta parte stop e, em seguida, Na verdade, vai caber perfeitamente em seu telefone mais copos, por exemplo. Se você vai usar mais maiúsculas ao apresentar este vídeo No próximo vídeo, vamos falar sobre compartilhamento. Quais são suas opções de compartilhamento dentro do Adobe X'd e como você pode compartilhar esses designs, quais seus clientes para obter feedback e obter as revisões em andamento e para finalizar esse design com sua planta, então eu vou vê-lo lá. 29. Compartilhando o seu curso de básico no Adobe XD: quando você terminar de projetar e terminar a prototipagem de seus projetos Agora chega a hora compartilhar e ovos é ótimo para isso, porque ele projetou protótipo e compartilhar tudo dentro de um up. Tudo que você tem que fazer é exatamente o que as facadas. Agora, imagine que terminamos esta prototipagem. Nós incluímos todos os diferentes efeitos que você deseja e queremos apresentar este projetado para o nosso cliente. Como podemos fazer isso? Tudo o que eles têm que fazer é clicar aqui. Mas diz compartilhar e você tem poucas opções aqui. Então, aqui no topo. Link vai aparecer aqui quando você criá-lo para que você possa alterar o título deste projeto . Então vamos chamá-lo, por exemplo, feed apenas para que possamos mantê-lo consistente com o nome desligado. Esta nossa porta você pode ver configuração. Então, onde você quer compartilhar isso com seu cliente? Você quer obter feedback sobre seu design ou protótipo, você vai usar este. Se você quiser enviar este design para seus desenvolvedores, então você vai usar este para o desenvolvimento que vai compartilhar a especificação de design e os desenvolvedores vão ser capazes de ver cores diferentes, posições, margens, roupas de cama, tamanhos, fora de fundos, como diferentes ícones se parecem com imagens e assim por diante. Temos apresentações tão otimizadas para apresentar seu design. Se você quiser usar isso em um ambiente, por exemplo, no ambiente de escritório, se você estiver apresentando isso aos seus clientes pessoalmente testando para que ele remova todas as barreiras diferentes. Então os usuários basicamente têm que descobrir tudo por si mesmos como eles podem ser um usando este protótipo em tempo real. Então, se você está coletando dados de usuários e você está fazendo testes de usuários, é nisso que você deve estar focando bem aqui. E, finalmente, temos o personalizado para que você possa personalizar o que aparecer na tela quando alguém estiver visualizando esse protótipo. Ou quando você está compartilhando este produto como parte da apresentação, por exemplo, que você possa otimizar. Eles têm os controles de navegação? Eles têm a seção comum se você quiser receber os comentários ou não, e coisas assim apenas para que você possa personalizá-lo tanto quanto possível e para ele se ajuste às suas necessidades? Então, para o nosso caso, vamos usar a revisão de design, e você pode exigir passaporte. Se quiser que os clientes entrem. Isto usando um possível, você pode clicar em exigir possível, e então você pode digitar sua senha aqui mesmo. Finalmente, você pode clicar em criar link, e isso vai carregar toe 100% e dependendo de quão grande ou menor projeto é, quantos diferentes nossos barcos você tem. E, finalmente, quantas imagens você aqui Porque as imagens são grandes contribuintes. É o tempo que vai demorar. Então, o que você pode fazer aqui é simplesmente clicar aqui, copiar link, e eu vou simplesmente colar este link usando meu navegador Google Chrome. E aqui está como isso parece, então eu posso simplesmente clicar aqui, e ele vai me mostrar esse efeito. Eu posso clicar aqui para voltar, e isso é basicamente se você imaginar o que você vai enviar para o seu cliente aqui, você pode voltar para a tela inicial e esta é a nossa tela inicial. Esta é uma segunda tela, então até pule bem aqui. Você pode ver que ele volta para a tela inicial e se você imaginar que nós temos, como 50 diferentes nossas portas bem aqui. Ele mostrará o número 50 aqui, e os clientes podem rolar entre cada um dos nossos quadros aqui usando esses comandos. Finalmente, se alguém quiser deixar seu feedback, ele pode fazer isso. Então, criando uma conta gratuita da Adobe e simplesmente colocando isso aqui, por exemplo, e talvez eu queira dizer, faça essa imagem maior, assim, assim, e eu posso simplesmente clicar em enviar. Você pode usar isso no personagem se você quiser mencionar um usuário, o que é uma grande adição. Então, por exemplo, se você está trabalhando como parte da equipe, talvez você queira mencionar algum designer que projetou essa parte do design. Você pode simplesmente mencioná-los aqui. Eles receberão uma notificação. Ele vai fazer ping neles, e então eles podem saltar para trás e ver por si mesmos, que é o feedback para eles. Mas se eu mudar bem aqui entre as telas, você não pode mais ver o feedback porque o feedback está em outra tela e você pode ver que ele está nos pés. Um. Esta é uma tela de alimentação, mas a tela de pés é a tela, que contém esse feedback. Então, por exemplo, você pode simplesmente saltar para trás. Clique aqui e ele vai levá-lo de volta para esta tela, e você pode simplesmente clicar em. Imagine seus 50 comentários diferentes nesta tela do seu cliente. Você pode simplesmente clicar em Querer número dois. Ele irá levá-lo ao número um número três e assim por diante e assim por diante, e cada comentário será marcado com este número. Quando você terminar com as alterações, você pode resolver simples e rápido, e ele irá remover esse comentário. E você pode simplesmente seguir em frente com seu processo de design e você concorda simplesmente compartilhar outro com seu cliente quando você terminou, e então eles podem fornecer um novo feedback. E então você pode mais um até o barco chegar ao acordo que o processo de design terminou . Portanto, é assim que é fácil compartilhar usando o Adobe X'd se você quiser fazer alterações adicionais . Então vamos pular o nosso design. E se eu clicar aqui na minha imagem, e talvez eu possa baixar a cidade apace apenas um pouco, eu posso saltar de volta para compartilhar e Aikens bater link de atualização porque eu fiz essa mudança e eu quero atualizar meu link. E uma vez que ele termina aqui em 100% eu posso simplesmente apertar Copy Link ou eu posso clicar neste link e ele vai abri-lo em uma nova guia no meu navegador. Como você pode ver, ele está carregando e uma vez terminado, uma vez que termina o carregamento, você pode ver que a cidade Obedeça está abaixada nesta imagem. Então, quando eu clicar nele, você pode ver que esta mudança a tela não mudou. Mas quando eu saltar para trás, a tela tem e atualizado como então eu recomendo que você faça isso apenas assim. Por exemplo, você tem 20 telas diferentes, faça essas 20 alterações e clique em Atualizar link. Caso contrário, você terá que ir tela por tela e atualizar, atualizar, atualizar cada vez. Você tem que fazer isso antes de enviar para o seu cliente. No próximo vídeo, vamos explorar como você pode trabalhar com diferentes tipos de arquivos no Adobe X'd. Quais são os benefícios? Quais são as desvantagens e como você pode melhorar seu trabalho completo e velocidade ao usar outros tipos de arquivos? Então eu te vejo lá 30. Trabalhando com arquivos Adobe XD Curso de básicos: quando você está trabalhando com arquivos no Adobe X'd, há algumas coisas que você deve saber. Você pode trabalhar com arquivos internos, o que significa que você mesmo criou dentro do Adobe X'd. Ou você pode importar um arquivo externo feito com o Adobe X'd ou algum outro software. Com cada atualização, extintos fica melhor e melhor com a abertura em lidar com arquivos filha. Mas os arquivos mais comuns que você pode abrir no Adobe X'd apart for Native Files são para arquivos Shop Illustrator Sketch e SPG. Exit também pode lidar com a importação de imagens em J, Peg e PNG, bem como abrir a maioria dos PDF nesta seção do curso. Vou explicar como você pode usar arquivos externos, bem como recurso está no Adobe X'd. As diferenças mais comuns entre essas extensões de arquivo e quais problemas e soluções você pode esperar dentro de off serão 60. Então vamos começar 31. Curso básico de Adobe XD: quando você está trabalhando com ex profanos dentro do Adobe X'd, há apenas uma coisa que você deve saber e é. Tente manter seu X'd atualizado o máximo que puder. Então, por exemplo, se você estiver trabalhando em X'd ocasionalmente e voltar a ele, certifique-se de que você atualizou primeiro para obter os recursos mais recentes. Então, por exemplo, você viu este vídeo ou algum outro vídeo e viu um futuro que você pode gostar e você pula de volta para X t e vê que você não tem esse recurso. Apenas certifique-se de atualizá-lo, especialmente se você estiver baixando e usando o recurso é da web. Então, ou vocês crianças brancas ou alguns meus compactos ou algo assim, porque os ovos são atualizados com tanta frequência no momento, e no momento eles estão sendo lançados em atualização todos os meses. Às vezes, essas atualizações não são tão grandes. Às vezes são. Então, apenas certifique-se de que se você estiver usando, recurso é ou você está trabalhando com o cliente e o cliente enviou o X contaminado que outra pessoa criou e você tenta abri-lo. Você vê que algo não está certo. Apenas certifique-se de atualizá-lo. A versão mais recente, especialmente com grandes atualizações como esta última foi e a adição de componentes e componentes aninhados . Imagine que está abrindo os arquivos. Você não sabe o que está acontecendo, e às vezes X'd irá impedi-lo de abrir o arquivo em primeiro lugar porque ele detectou que ele foi criado em uma versão mais recente e você está usando uma versão mais antiga fora do software, Então isso é tudo que você precisa saber. Basicamente, apenas certifique-se de atualizar os ovos a cada vez que você voltar para ele e apenas certifique-se que você está na versão mais recente, especialmente se você estiver fazendo, por exemplo, colaboração. Porque se você estiver na versão mais recente e a pessoa com quem você está colaborando não estiver, então a colaboração não funcionará corretamente. Apenas certifique-se de seguir essas diretrizes, e você ficará bem com o uso do Eggs D e seus arquivos nativos 32. Curso de básico do Adobe XD: quando você estiver trabalhando com quatro arquivos de loja no Adobe X'd. Há algumas coisas que você deve saber porque para a loja é projetado principalmente para ser uma ferramenta de edição de fotos , e saída foi projetado a partir de eles querem ser Você é. Você exaltar suas algumas diferenças chave, eo principal é que para a loja é um mapa bit. Ele vai eo X de é uma ferramenta vitoriosa, que significa que quando você zoom em loja de fotos, você pode ver os pixels enquanto você zoom em X D. Você não pode, porque não é um mapa bit ele vai Outras diferenças incluem filtros. Então, por exemplo, se você estiver aplicando ah, filtros de texto pesados, eles não devem ser transparentes bem para X'd enquanto eles estão trabalhando em quatro lojas, como eles deveriam. Além disso, algumas mesquitas podem não funcionar em ovos D, como eles estão em para a loja. Porque Ecstasy está usando mesquitas diferentes. Objetos inteligentes podem não se transferir bem para ovos D, como fazem em quatro lojas. Então aqui está o exemplo principal. Eu tenho isso de um dos meus filhos e eu tenho este cabeçalho de chamada de página e é um arquivo Photoshopped, e você pode ver que este moke up foi colocado dentro do objeto Smart, e você pode ver que ele está saindo bem aqui. Então, para corrigir esse problema, talvez eu queira pular dentro do controle de batida em D. Coloque isso logo acima do meu telefone, e ele vai cobrir o telefone. Vou apertar o controle e, em seguida, selecionar essas ferramentas. Então BG e telefone clique direito e escolha mesquita com forma. E agora você pode ver que ele está localizado dentro daquela mesquita em um dente separado fora da multidão . Aqui eu tenho sido mesquita, e eu vou resolver este problema. Mas isso é o que eu estava dizendo. Algumas coisas podem não transferir tão bem para X'd de quatro tiros, porque, porque, como eles disseram, quatro loja é apenas um software muito mais antigo. Tem cerca de 30 anos de idade, enquanto X'd apenas começou alguns anos atrás, e naturalmente ele simplesmente não tem os mesmos recursos que para a loja tem, porque ele não faz a mesma coisa que quatro lojas faz. Algumas coisas foram transferidas recentemente de quatro Loja dois x D. Então esses modos de mistura, se você já usar para a loja, você está familiarizado com eles, então você pode usar esses modos de mesclagem como você faz em quatro loja aqui em X'd. Mas alguns recursos estão faltando, como filtros de soprador e patches para que você possa corrigir suas imagens. Então todas essas coisas ainda estão dentro de quatro lojas, mas eles simplesmente não vão ser transferidos tão bem. Por que são Photoshopped arquivo se você abri-los usando Adobe X'd, você pode abrir ovos os arquivos na loja de fotos apenas para que você possa corrigir algumas dessas imagens, até mesmo pressione salvar. E ele voltará para o Adobe X'd com a edição salva aplicada. Mas está assado. Você não pode mudá-lo mais. Você tem que abrir o arquivo mais uma vez em quatro lojas, portanto, editá-lo mais uma vez e, portanto, salvar e voltar para o Adobe XY para que você possa usá-lo de volta no X T para que você possa abrir para mostrar arquivos. Mas elas são tão grandes limitações e você tem que estar ciente disso. E no próximo vídeo, vamos falar sobre arquivos ilustradores. Então eu te vejo lá 33. Curso de conceitos Adobe XD Curso de primeira: mesmo é com os quatro arquivos de loja que você pode abrir arquivos ilustrados no Adobe X'd. Mas apenas certifique-se de que você entenda que existem algumas limitações aqui também. mesma história é com a loja de fotos Illustrator está no mercado há mais tempo, e nesse tempo algumas grandes atualizações aconteceram. Toe Illustrator, So Ill serviu apenas tem muito mais para fazer e oferecer, e tem tantas ferramentas para oferecer aos criadores. Portanto, Exit simplesmente não pode acompanhar alguns efeitos importantes como, por exemplo, algumas sombras avançadas. Alguns desfoques de fundo adiantados. Talvez algum controle de linha não seja tão bom nos ovos D como no Illustrator, só porque o Adobe Illustrator se destina como uma ferramenta de ilustração desde o primeiro dia e os ovos da Adobe são destinados aos U. Y. e você se exalta de o primeiro dia. Caso contrário, tudo deve funcionar normalmente e você pode adicioná-lo texto. Você pode editar imagens aqui. Eu tenho meus ossos IOS produto kit arame, e se eu clicar duas vezes aqui, você pode ver que ele abre tudo. Você pode mudar as cores para que você possa mudar de cor aqui mesmo. por exemplo, você pode clicar duas vezes no texto para mudar a si mesmo. Por exemplo, digitando aqui. Talvez intra Grécia assim. E quando eu pular, você pode ver que você pode mudar a pasta. Assim, por exemplo, pode ser uma foto contribuinte. Você pode ver que muda essa frente e você pode mudar tudo que você vê aqui. Então, por exemplo, talvez eu queira mudar a cor dessa imagem. Talvez eu possa mudá-lo para algo como este vermelho, por exemplo. Em algo assim, você pode criar diferentes componentes usando os componentes que você vê aqui, então você pode realmente brincar com este arquivo ilustrador. Ele pode realmente ser extremamente útil para você, e você pode usá-lo diariamente em seus projetos. Mas apenas certifique-se de entender que, se a pessoa de quem você está usando este arquivo tiver aplicado alguns filtros avançados e alguns recursos avançados que X'd não suporta, então apenas certifique-se de contornar esses problemas e você cria esse mesmo visual do Adobe X'd ou simplesmente usar a versão mais simplificada desse efeito para alcançar a mesma coisa dentro do Adobe X'd 34. Curso de conceitos Adobe XD Curso de basics: é ótimo porque ele pode facilmente abrir arquivos de esboço e eles são totalmente utilizáveis e você pode usá-los em uma base diária. E o Adobe Steam está trabalhando duro para trazer recursos ainda mais avançados quando você usa arquivos de esboço dentro do Adobe X'd para que você possa ver aqui que eu estou usando este arquivo do InVision chamado Atlas Dark e você pode Donald e usá-lo se quiser. Lá é gratuito e aqui temos as versões para dispositivos móveis, versões para tablets. Temos versões Web bem aqui. E finalmente temos você. Por que cores e componentes mestre. E isso é o que é realmente importante porque todos esses componentes foram transferidos do arquivo de esboço original. E se você já usou esboço, você tem que criar basicamente as páginas separadas para seus componentes. Então, basicamente, uma página será para o design. Uma página será para este celular projetado um para a Web, um para os tablets e assim por diante. E a outra página será para os componentes, por exemplo, enquanto no Adobe X'd as coisas são um pouco diferentes, então todos os seus componentes estão localizados aqui para que você possa ver que temos esses switchers e pequenos botões e assim por diante, e saudação sobre X'd é você pode ver que ele está localizado em dois lugares. Então, ele tem duas instâncias e eu posso clicar com o botão direito do mouse editar componente mestre. E ele vai criar esse componente mestre para mim, e eu posso simplesmente editá-lo e, em seguida, fazer essas alterações. Então, se eu ampliar bem aqui, você pode ver que nós temos essa tela de boas-vindas, por exemplo, e esses Mobil e assim por diante. Então, quando eu clicar aqui, eu posso segurar minha tecla Control e clicar bem à vista. Isso e você vê que nós temos esse Grady int eu posso pular aqui e clicar nas cores, e ele vai salvar aquele radiante. Então, se eu clicar com o botão direito aqui, clique em editar, e eu posso simplesmente fazer alterações para este Grady int e ele vai toe aplicar. Como você pode ver, onde quer que tenhamos o mesmo radiante aqui está indo para o pé. Aplique essas mesmas alterações para que, como você pode ver, você possa usar avaliações de susto dentro do Adobe 60. Mas apenas certifique-se de que você está ciente das limitações que eles moldam porque adobe e esboço são empresas completamente diferentes, filosofias completamente diferentes. E o mais importante de tudo são esboços Mac Onley. Enquanto saída funciona em PC e Mac e uma última coisa que eu só quero mencionar que você não pode exportar arquivos de esboço do Adobe X'd enquanto você pode importá-los. Não é possível exportá-los porque a Adobe quer que você continue usando seu produto. Então, basicamente, você pode abrir arquivos de esboço e eles vão continuar trabalhando duro em uma integração ainda melhor. E eles vão permitir que você abra esses arquivos de captura em muito mais detalhes. E eles vão salvar, por exemplo, por exemplo, esses componentes e estilos de caracteres e assim por diante. Mas a coisa principal e importante aqui é que você não pode exportá-los de volta um esboço arquivos. Então, por exemplo, se alguém enviou arquivos de esboço para trabalhar com eles dentro do Adobe X'd, você pode. Mas você não pode enviá-los. Isso é pegar arquivo de volta. Tudo o que você pode fazer é basicamente exportar o SPG, ou salvá-lo como um arquivo X'd nativo e, em seguida, enviar-lhes 35. Usando fontes gratuitas Adobe XD Curso de básicos: quando você está apenas começando em sua carreira de design, é importante economizar tanto dinheiro quanto possível, porque ao longo do tempo você vai ter que o aipo e que os ganhos que vai permitir que você compre recurso Premium é assim ou imagens premium, fontes premium, ícones premium, mais copos e assim por diante. Mas quando você está apenas começando, é importante para você ser capaz de encontrar Resource gratuito é apenas para que você possa praticar e que você pode aprender um pouco melhor sobre como os profissionais estão fazendo algumas coisas. Então, nesta próxima seção do curso, eu vou mostrar a vocês algum recurso é onde você vai obter fundos gratuitos. Imagens gratuitas, ícones gratuitos, mais copos em alguém. Então, neste vídeo, vamos falar sobre fontes gratuitas, que você pode usar para projetos pessoais e comerciais. Então o primeiro recurso é fundos do Google, e é um off. O recurso mais utilizado é na Web porque estes são Web otimizados em fundos baseados, que significa que você pode usá-los tanto para impressão e trabalho de design Web, e ele vai funcionar corretamente porque seus testados e testados a partir do goof no vapor. Então, como você pode usar esses fundos é você pode simplesmente digitar algo aqui. Você pode pesquisar fundos se souber qual deles deseja baixar. Então eu tenho essa frente em mente chamada Playfair Display. Aqui está. E você pode simplesmente clicar aqui e você contestar nesta frente e você pode digitar aqui algo para que você possa digitar na exibição Playfair apenas para que você possa ver como diferente parece Você pode aumentar o tamanho do telefone aqui apenas para que você possa ver como parece. Por exemplo, na tela menor na tela maior, bem aqui e todo o caminho para baixo. Então, se você tiver uma frase em mente e quiser testá-la para o mar, por exemplo, como ela ficará na tela menor do dispositivo móvel, você pode vê-la por si mesmo aqui. Abaixo disso, temos os emparelhamentos para que você possa ver com quais outros telefones esta frente é poupada. Bem, das fontes do Google desativadas, obviamente. Então você pode instalar esses dois fundos e você pode usá-los para que você possa ver aqui. Esta é a peça para exibição. Ele é usado no título e Roboto é usado aqui para este parágrafo para que você possa ver como isso se parece e você pode trocá-los por aqui. Então agora você pode ver que o Roboto é o único para o título e o jogo para exibição é o usado para o parágrafo e você compara alguns desses bem aqui e você pode ver o uso. Então, quais países estão usando esse telefone mais? Você pode rolar o caminho para baixo para ver quantas vezes este Fontes anos mais informações para que você possa ler mais sobre a licença se você quiser sobre o fundo. Então, quem projetou a frente e assim por diante? Aqui você pode ver alguns personagens especiais que estão incluídos dentro dos fundos e como falha parece. Assim, você pode, por exemplo, se você estiver projetando para seus clientes que estão em algum lugar fora. Então, por exemplo, Rússia ou o meu país Sérvia, ou algo assim, você pode ter este serialmente frente e você pode ver como ele se parece se você quiser usar isso para esses projetos. Finalmente, quando você quiser baixar a frente qualquer frente de fundos do Google, você pode simplesmente clicar em selecionar esta frente e ele irá adicioná-lo aqui e disse que uma família selecionada Y família von. Bem, porque você tem alguns grandes estilos e pesos nesta frente incluídos dentro. Então você tem, por exemplo, noite regular Alec negrito, semi negrito e assim por diante. Então, dependendo da frente, você terá mais, tudo menos fora dessas opções quando você baixar um fundo específico para que você possa ver aqui. Se você quiser usá-lo para a Web em linha reta onde você pode incorporá-lo usando este código, por exemplo, você pode especificá-lo em Ver avaliar, que você possa ver aqui como esses tribunais devem ser semelhantes. E você pode usar este guia de introdução para obter exemplos de como os telefones podem ser adicionados às páginas da Web. Se você estiver projetando para a Web e começar a citar e quiser usar este, por exemplo, você pode usar este guia para saber mais sobre como você pode implementar esse fundo específico em seu site. Você pode até ir em frente e personalizá-lo ainda mais para que você possa ver quantos desses caminhos estão aqui. Então você pode selecionar todos eles. Por exemplo, se você quiser o dedo do pé, baixe todos eles que você pode ver em idiomas. Então quais idiomas são suportados e você pode ver que tipos fora de texto, que é o que eu estava falando sobre o cirílico são suportados aqui para que você possa selecionar todos eles ou até mesmo simplesmente desmarcar todos eles. E, por exemplo, só quero usar um regular, e você pode simplesmente chorar aqui para baixar esta frente. Você pode até usar iPhones do céu, que é uma espécie de extensão, e você pode usar essa extensão para instalar e usar os fundos da Biblioteca de Fontes do Google com mais facilidade em sua máquina. O que vem a seguir é simplesmente você pode instalar esta frente como você faz regularmente em sua máquina e você estará pronto para ir. Ele aparecerá no Adobe X'd, assim como acontece em todos os outros softwares. E mais um recurso que eu quero mencionar é criar mercado para que eles vendam recurso Premium é , e você pode clicar aqui. Mas diz “obter bens de graça”, e toda semana eles estão enviando seis bens de graça, então às vezes eles estão incluindo alguns fundos interessantes aqui. Você pode simplesmente compartilhar esses e abaixo se quiser desbloqueá-los. E todos estes são diferentes a cada semana. Então, por exemplo, não temos nenhum fundo incluído. Mas espere por mais uma semana e talvez você possa obter o download da frente gratuita. Tudo o que você precisa fazer aqui é criar uma conta gratuita. Você pode usar o seu Facebook, você pode usar seu e-mail, basta criar uma conta gratuita e você pode simplesmente baixar e usar todos estes. Recurso está dentro dele obedece a se isso é algo que você quer. Finalmente, temos fundos da Adobe e você pode usar esses telefones aqui e você pode navegar por todos eles. Mas a diferença entre telefones do Google e telefones celulares é namoradas são todos gratuitos, enquanto com fontes adobe, você tem alguns que são gratuitos, e você tem outros que são premium para que você possa explorar um pouco mais e você tem dedo do pé selecione qual desses telefones você deseja usar. Você pode ver esses pacotes, por exemplo, e você pode ver aqui como ele funciona. Você tem que navegar fundos que você tem reboque, ativá-los para que você possa simplesmente usar a alternância quando você quiser começar a usar uma frente ou um grupo de fundos. Então, se você se lembra da instalação fora de ovos o vídeo eu te disse que você tem que criar uma conta de adobe gratuita para que você possa baixar X'd e instalá-lo em sua máquina . Você pode então usar essa conta gratuita, ativar esses fundos e você não poderia simplesmente usá-los em seu adobe X'd. Você pode ver alguns deles e como eles se parecem, e você pode navegar todos eles aqui, e você pode simplesmente clicar sobre os fundos e ele irá levá-lo para a lista de fontes. E você pode simplesmente família real e, em seguida, simplesmente ativar os que você deseja usar em sua máquina. Mas apenas um Se você está começando e você não tem o pacote premium adobe, você pode usar telefones grátis aqui para que você possa clicar aqui com o nome e o mais novo. Você pode resolvê-lo assim, assim você pode escolher uma amostra. Então, qual mensagem você quer? Cerveja bem aqui para que você possa ver como isso parece que você pode resolvê-los e assim por diante e assim por diante. Então é basicamente isso para a diversão. Veja o próximo vídeo. Vamos falar sobre imagens gratuitas, por que elas são importantes e especialmente onde você pode encontrá-las na Web para que você possa usá-las em seus projetos, então eu o verei lá. 36. Usando por imagens livres Adobe XD Curso de básicos: Seja o que for que você está projetando, você precisa de imagens para representar o que você está tentando retratar em seus projetos, e especialmente se o estado do orçamento do cliente. E se você está apenas começando, você quer usar imagens gratuitas tanto quanto possível, mas você não quer usar apenas imagens gratuitas. Você quer usar imagens de alta qualidade, que são criadas com um propósito, e elas ficarão bem em seus projetos. E, mais importante de tudo, eles vão representar melhor o que você está tentando mostrar no seu design do que as ações gratuitas que você encontra no Google. E você nem sabe se a licença está cobrindo. Se eles não têm a licença, alguém vai processá-lo mais tarde e assim por diante. Neste vídeo, eu vou mostrar alguns recursos diferentes é ou imagens livres que você pode usar em seus projetos. Eles são todos realmente de alta qualidade, e eu realmente recomendo que você usá-los porque ele vai fazer seus projetos olhar mais polido e mais profissional quando você usa essas imagens gratuitas. Então, para começar, talvez o recurso mais conhecido está em splash dot com. Agora, todas essas imagens são gratuitas para você usar em trabalho pessoal e comercial. Você pode licenciar de volta para o fotógrafo se quiser, mas isso é algo que é uma opção para você, não um requisito. Você pode ler mais sobre suas licenças, mas basicamente você pode usá-las gratuitamente sem qualquer reconhecimento para o fotógrafo original , e você pode usá-las em trabalho pessoal e comercial. Então, se você rolar para baixo, você pode ver como eles se parecem, então eles são realmente de alta qualidade. Você pode classificá-los por categorias, e você pode até mesmo digitar aqui. Então, se eu pegar carro, por exemplo, ele vai me mostrar vários carros diferentes e essas etiquetas estendidas bem aqui. Então, para os cérebros dos carros, se você quiser baixar qualquer uma dessas imagens de um splash, você pode simplesmente clicar aqui e você pode coletá-lo e você pode adicioná-lo à sua coleção, que é realmente importante, especialmente se você estiver enviando essas imagens. Toe não fez desenvolvedores, então você pode criar sua conta gratuita aqui em um splash, e você pode coletar essas imagens, adicioná-las às suas coleções e, em seguida, simplesmente, quando você terminar com elas, você pode enviar o link para a coleção para os desenvolvedores, e eles podem usá-los em alta resolução se isso é algo que eles querem, ou você pode simplesmente navegar de volta para a coleção Donald, todas essas imagens no maior tamanho possível, e então enviar esse arquivo ZIP de volta para os desenvolvedores se isso é algo que eles precisavam. Se você quiser baixar essas imagens, você pode fazê-lo a partir daqui. Então, se você estiver usando o Google de como eu faço, você pode simplesmente clicar com o botão direito do mouse em copiar imagem e, em seguida, baste diretamente em seu ex D. Ou você pode simplesmente baixar gratuitamente aqui, e ele irá mostrar-lhe este prompt na parte inferior para criar não é necessário, mas é apreciado e permite que os fotógrafos para ganhar exposição. Você pode copiar o texto abaixo ou incorporar um crachá de crédito ao seu site. Então, novamente, basta clicar em copiar aqui, e ele irá copiar este texto e você pode enviá-lo de volta para o seu cliente. E se eles quiserem, eles podem mostrá-lo em seu site ou se você estiver usando isso para o seu bloco, por exemplo, é bom se você quiser creditá-lo, mas como eu disse não é necessário, mas é apenas uma boa vontade se isso é algo que você quer dialogar. Próximo recurso é escolhe um bebê, então é basicamente o mesmo que em Splash. Mas em picaretas obedeçam. Você tem que criar uma conta para que você possa baixar imagens. Você pode baixá-los a partir daqui. Então, por exemplo, se eu clicar nesta imagem, eu posso simplesmente copiar a imagem. Mas ele será baixado em tamanho realmente pequeno. Se você quer dedo do pé, obter o maior tamanho possível para esta imagem em particular, por exemplo, você tem que fazer login e você tem que se inscrever. Desculpe pela conta gratuita, e então você será capaz de baixá-lo no maior tamanho possível. Você também pode criar coleções aqui pode gostar de imagens. Você pode seguir as pessoas se você gosta de suas imagens, e cada vez que eles carregam, você receberá uma notificação e você condensa o salto para trás e explorar suas imagens. Você pode até deixar comentários aqui mesmo, se quiser. E todos esses sites estão ganhando dinheiro. Você pode ver que o correio Chimp está patrocinando o Splish da ONU e ações da Adobe está patrocinando escolhas obedecer ou este é simplesmente um link de afiliado do lado deles, e quando você clicar aqui, eles receberão a comissão. Então é assim que esses sites estão ganhando dinheiro. Mas as imagens são gratuitas, e você pode simplesmente carregar suas próprias imagens se quiser compartilhá-las com o mundo. E é assim que essas comunidades de fotografia nascem nesses sites. Em seguida, temos pixels, que é basicamente o mesmo que fala Obey e Becks. ALS é um pouco diferente porque eles estão coletando imagens de diferentes sites e seus próprios. Então, se eu rolar um pouco para baixo, você pode ver que estes são os usuários que carregaram essas imagens pelo primeiro rolo ainda mais para baixo. Nós vamos encontrar alguns, como você pode ver, que são enviados por essas outras marcas para que você possa ver imagens de um splash aqui ou de picaretas obedecer, especialmente vídeos, porque às vezes eles fazer upload desses vídeos realmente agradáveis, e você pode usá-los em seu trabalho, obviamente, de graça. Mas nesses vídeos você pode ver que eles são carregados por, por exemplo, picaretas obedecem ou um splash, ou alguns desses outros sites, e eles estão tentando. Ao fazer isso, eles estão tentando te atrair como um visitante, por exemplo, volta para fotos, abate ou back toe em Splash. Então, todos esses sites diferentes estão compartilhando o tráfego entre si. Próximo recurso é estourar que Shopify ponto com e esse nome realmente deve trazer um sino porque Shopify é essa plataforma on-line onde você pode comprar um site semelhante Toe War wordpress se você tiver um negócio e você pode configurar esse negócio. Então, por exemplo, se você estiver vendendo qualquer coisa on-line, você pode acessar a Shopify e pelo site basicamente, e você pode criá-lo e reorganizá-lo para atender às suas necessidades, e você pode adicionar o máximo de funcionalidades para ele como você quiser. Basicamente, você está pagando uma vez por mês ou uma vez por ano, e você pode vender e ter seu próprio negócio de transferir seu próprio site usando a Shopify. Mas eles têm essa explosão de coleção de imagens ponto com da Shopify, e estão voltados mais para pequenas empresas e empreendedores. Então, por exemplo, se você quiser usar algumas dessas imagens em seu negócio, você pode ver Então, se você está executando o negócio de cafeteria, por exemplo, você pode clicar nesta coleção e você pode usar algumas dessas imagens lá realmente alta qualidade, e você pode ver que há um monte de pessoas nessas imagens, porque isso trará um site humano para o seu negócio, em vez de apenas usar xícaras e canecas e apenas café de pé como isto. Você pode ver que, Por exemplo, se você vender jóias on-line, você pode clicar aqui, e você pode ver como todas essas imagens se parecem, e eles estão mesmo dando-lhe algumas dicas e truques. Então, este não é apenas um site de compartilhamento de imagens, mas eles estão tentando ajudar você a mover seus negócios, e fazendo isso fora do curso, eles querem vender a Shopify para você. Mas eles são realmente úteis nesses passos. E você pode realmente aplicar algumas dessas etapas, especialmente se você estiver tirando suas próprias fotos para o seu próprio negócio. Assim, você pode ver como algumas dessas fotos parecem on-line, e você pode ver algumas dicas e truques ainda mais. E finalmente, eu quero mostrar a vocês este recurso, que é o ponto de ações que eu sou, e este recurso é realmente enorme porque você pode ver aqui todo o, uh, recurso premium, bem como livre é à esquerda, e qualquer um destes cliques em. Ele o levará a esse site e acabamos de ver a explosão da Shopify e quando eu clicar aqui , ele abrirá em uma nova guia. Então está dando a vocês todos esses recursos diferentes é que falamos sobre espirrado. Quando você clicar aqui, ele irá levá-lo a um splash e você pode explorar alguns destes diretamente através deste site para que você possa ver este site que você pode sem sair das ações. Pensei que eu fosse. Você pode baixar nessas imagens e vídeos. Finalmente, você pode ver aqui que selecionamos fotos. Você pode selecionar cores e ele vai carregar sobre a tabela para que você possa selecionar algumas cores diferentes . Você pode ver alguns ícones, mas sua lei carregando o estoque obturador. Então isso não é de graça. Você tem que pagar por isso. Se você clicar em vídeos vai carregar elementos de movimento. E se você quiser usar essas marcações ups, você pode ver que você pode usá-los também e sua carga lobo intacto para que você possa ver alguns pares divertidos . E assim é realmente um recurso agradável. Se você quiser usar as imagens gratuitas e você pode encontrar cores livres, telefones gratuitos, ícones gratuitos e assim por diante. Todos esperando este site para que você não tenha que navegar através de todos eles. Mas se você quiser o nosso se você gosta de um certo estilo de um desses sites. Então, por exemplo, você gosta disso e estilo de splash de imagens que você pode usar apenas no splash se você quiser. No próximo vídeo, vamos falar sobre ícones e onde você pode obter ícones gratuitos, então eu vou vê-lo lá. 37. Usando ícones gratuitos Adobe XD Curso de básico: Eu considero realmente importante em seu trabalho de design, especialmente se você está trabalhando para a Web ou, por enquanto, ABS, porque quais ícones você pode representar mais do que apenas com o texto básico. E é por isso que os designers estão usando-os cada vez mais nos últimos anos. Então, para obter esses ícones gratuitos, você pode ir para o material que eu devo, que é o próprio Googles. Então, o mesmo, como os fundos ghoul no vídeo anterior. Eles têm este material de design dot io, que é Eles são basicamente estilo de design material fora de seu APS e fora de seu sistema operacional Android. Então você pode baixar e usar esses ícones gratuitamente. E você pode usá-los para uso pessoal e comercial porque eles são de código aberto, como você pode ver aqui. Só não tente vendê-los porque você não quer que o Google o faça, então você acha que isso é realmente a última coisa que você quer fazer. Então, basicamente, como você pode usá-los? Você pode simplesmente clicar em qualquer desses ícones, e você pode baixá-lo. Você pode classificá-los por campo, delineado em torno dele para tom e afiado, e você pode usar qualquer um deles Então, por exemplo, este preenchido eu poderia simplesmente clicar, e ele vai me mostrar aqui. Eu posso ah, carregá-lo como um SVG e eu posso expandir este dedo do pé, aprender mais e eu posso incluir para ser branco ou Toby preto. Você pode alterar isso da maneira que quiser. Você pode selecioná-lo para IOS ou android ou usar essas funções DP e você pode ver isso como um fundo ícone como você pode usá-lo em seu casaco e você pode escolher se você quer donal-lo como um SVG ou como um PNG são mais baixos, recomenda-se. Você faz o download e usá-los como SVG é porque o SPG é formato de arquivo eleitor, enquanto o PNG vai perder qualidade quando você carregou para a Web ou se você usá-lo em seu trabalho de design móvel. Então, basicamente, você pode valorizar isso como um SPG, ele não vai perder qualidade, e você pode escalá-lo para cima ou para baixo tanto quanto você quiser. E você pode até entrar e enfraquecer este ícone um pouco para que você possa ver essas setas. Por exemplo, se você não quiser essas setas por qualquer motivo, você pode excluí-las e você só ficará com este texto de três D. Próximo recurso é ícones de caixa, e você pode ver que é basicamente a mesma coisa. Você pode clicar em um desses ícones que você pode boneca deve a ele como um PNG que você pode usar em cotação HTML , e você pode boneca SPG mais uma vez no recomendado Use-os como um SPG, e você pode vê-lo como um componente porque esses ícones de caixa são criados para usar para a Web e você pode baixar esses ícones separadamente. Você pode baixar esta versão e você vai tê-lo como um fundo de armas, e você pode então usá-lo como uma arma com todos esses ícones incluídos dentro. Mas como sempre, eu não vou recomendá-lo, especialmente com essas grandes coleções de ícones, porque, como você pode ver, vai demorar um pouco para você encontrar o que eu posso você quer se você não carregou. Mas aqui você pode clicar em pesquisar e você pode digitar, por exemplo, perfil. Você pode bater, entrar ou retornar, e ele irá mostrar-lhe todos esses ícones para o perfil, e você pode usá-los a partir daqui ou muito eticamente chorar aqui. Eu tenho sido perfil ou pessoa e você pode ver bem aqui aqueles ícones. Em seguida, estamos de volta ao mercado criativo e você pode clicar neste obter bens gratuitos. O mesmo que mostrei para os desejos. E às vezes você pode encontrar alguns ícones livres frios aqui, e você pode usá-los em seu trabalho. E, finalmente, nós projetamos gratuitamente por brindes de você. Eu comi dot net e você pode visitar este site. Eles são basicamente a mesma coisa que mercado criativo eles estão vendendo recurso Premium é para designers, mas eles têm esta seção de brindes que você pode ver no momento em que eles têm 344 brindes de design . Você pode ver todas essas crianças diferentes, mais policiais e alguém. Mas porque neste vídeo estamos falando de ícones, você pode ver essa coleção de ícones aqui. Por exemplo. Você pode usar esses ícones de Halloween e você pode rolar para baixo e ver todos os ícones diferentes que eles têm. O mesmo tem algumas ilustrações e algo assim por diante e assim por diante. Então você pode usar todos esses recursos diferentes está em seu trabalho. No próximo vídeo, falaremos sobre ilustrações onde você pode encontrá-las e como usá-las dentro do Adobe X'd. Então eu te vejo lá 38. Trabalhando com o Adobe XD Básics: às vezes, quando você quer usar ilustração em seu trabalho, é muito difícil, porque se você não é um ilustrador, é realmente difícil replicar o mesmo estilo usando ilustrações diferentes, porque as ilustrações são muitas vezes criado de forma diferente. Então você pode realmente ver que o designer usou ilustrações diferentes de estilos diferentes de pessoas diferentes, e isso pode realmente se traduzir em design não profissional. E é por isso que é realmente difícil criar ilustrações quando você não é um ilustrador, a maneira de contornar isso é pagar e ilustrador profissional que irá criar essas ilustrações para você se você não sabe como ilustrar a si mesmo. Mas se você está apenas começando, é realmente difícil gerenciar o financiamento para isso. E quando você está trabalhando com clientes, muitas vezes eles não têm orçamento para ilustração, então você costuma usar imagens ou apenas ícones. Felizmente para nós, Eggs D tem essa tomada incrível. Então, quando você clica bem aqui para o plugue na coluna vertebral, é chamado de andro, e quando eu clico nele, você pode ver que ele foi criado por essa pessoa. Katarina manca. É só ajuda. Eu pronunciei isso corretamente, e você pode ver que há ilustração livre de atribuição para projetos de design pessoal de clientes em qualquer cor que você preferir. O que isso significa é que você pode inserir as cores dos clientes aqui, e isso irá acelerar a ilustração usando essas cores, e você também pode mudar as ilustrações noturnas para que basicamente substitua essas cores do branco para basicamente Quase escuro. Então, como pode usar essas ilustrações? Você pode simplesmente clicar aqui, mas é uma pesquisa. E, por exemplo, se eu digitar carro e centro de imprensa, você pode ver que todas as ilustrações diferentes que tem carro nele vai aparecer. E, por exemplo, se eu quiser usar algumas dessas ilustrações, digamos esta. Tudo o que você tem a fazer é simplesmente clicar nele, e ele estará pronto para colar agora. Essas ilustrações são criadas no SPG, que significa que elas não perderão qualidade quando você trabalha com elas, e tudo o que você precisa fazer é simplesmente clicar em feito porque ele já foi copiado para a área de transferência e você pode baseá-lo em qualquer lugar aqui em seu design. Então, em um clique aqui e aperte o controle ou o comando V, ele está indo para o pé. Baseado nessa ilustração. Dentro do meu nosso porto e meu clique no meu porto e saltar para as camadas. Você pode ver que ele está aqui agora. Uma desvantagem dessas frustrações é que se eu as abrisse, você pode ver que todas essas partes são diferentes, e você não tem nenhuma dessas camadas nomeadas, que torna realmente difícil trabalhar com algumas vezes. Mas você tem que fazer o que você tem que fazer porque essas ilustrações são criadas usando o mesmo estilo. Então eles fazem você trabalhar. Parece muito profissional. Então o que você tem que fazer se você quiser remover esse cara da frente, por exemplo, ou você só quer remover tudo e ter apenas um carro em foco, tudo que você tem que fazer é você pode no grupo. É tão certo. Clique aqui, no grupo, e ele irá no grupo todas essas camadas diferentes para você, e você pode simplesmente saltar para dentro. Clique em uma dessas camadas e você pode manter a tecla shift e simplesmente selecionar várias camadas. E quando você selecionou quantas camadas quiser, você pode simplesmente clicar em Excluir no teclado e, e, como você pode ver, será tarde. Maioria fora destas camadas. Agora você tem que fazer isso se você quiser remover partes das ilustrações. E digamos que só queremos remover esse cara da ilustração e você tem que fazer isso algumas vezes para que eu possa apertar excluir no seu teclado. Como você pode ver, estamos fazendo um bom progresso. Mas porque eles são criados tão delicadamente e incluem todas essas sombras diferentes, às vezes você tem que passar por algumas vezes, a fim de excluir algumas delas. Agora, com esses elementos, que estão localizados fora das ilustrações. Assim, por exemplo, todas essas flores na parte inferior, você pode simplesmente selecioná-los assim, usando o seu esquerdo, maioria clique e você pode simplesmente bater, excluí-los e removê-los da cena. Mas se você viu muito como pode ver neste caso, eu só quero selecionar a pedra até aqui. Mas quando eu mudei ligeiramente para cima, ele vai selecionar a estrada também, então você tem que fazer essas duas técnicas, então você tem que usar sua tecla shift para a maioria deles. E se eles estão localizados fora do agrupamento você pode simplesmente selecioná-los usando o mouse esquerdo Clique agora, por exemplo, Se eu disser OK, Estou feito. Talvez eu só queira remover esses Leafs do fundo, e eu posso simplesmente selecioná-lo assim. E talvez eu só queira remover todos eles e ter essa apenas uma linha e talvez eu queira remover esse fundo e aqui vamos nós. Ficamos agora com a ilustração do carro do recomendado Você pode clicar nesta camada, por exemplo. Você pode ver que é esta carta bem aqui. Clique duas vezes no nome da camada é simplesmente digitar a estrada porque essa é a nossa estrada. E assim podemos saber que todas essas outras camadas são camadas para o carro, então você pode bater o controle G para agrupar todas elas e simplesmente chamar este carro de grupo. E agora você pode saber que isso é um carro. Agora, se você quiser mudar qualquer uma das cores dessas ilustrações e você quer torná-las suas, você pode fazer isso porque, como eu disse, este é um SVG. Se eu ampliar ah, muito mais perto assim você pode ver que ele não perde qualquer qualidade. Então vamos dizer que eu só quero dedo mudar algumas dessas cores para as rodas para que eu possa segurar minha tecla de controle e clique diretamente dentro. E se eu esconder minha camada, você pode ver o que é. E talvez eu só queira mudar a cor escura. Então, por exemplo, este e eu podemos fazer o mesmo para este outro testamento e eu posso simplesmente cobrir aqui e clicar ou simplesmente ir até o fim e você pode ver que ele mudou de cor salto americano dentro e Mudar todos eles. Mas você tem a idéia de como é feito, e é realmente simples. Como você pode ver, tudo o que você precisa fazer é simplesmente selecionar todas essas camadas Você pode nomeá-las, especialmente se a ilustração for mais leve com alguns fora dos elementos dentro. Então, se saltarmos para dentro sem desenho mais uma vez, você pode clicar aqui e digitar telefone, por exemplo, e você pode ver que nós temos alguns realmente agradável simples para ilustrações, e nós também temos alguns mais avançados. Então imagine, nós usamos este aqui e eu posso clicar em algum lugar do lado de fora. Deixe-me mover meu carro para a esquerda e ele controlaria. Nós fizemos isso em. Como podem ver, tudo o que temos aqui é o telefone e este fundo. Por isso, é muito mais fácil de trabalhar. Mas em alguns casos, como no caso deste carro, temos muito mais camadas para brincar e podemos adicioná-las à vontade. Agora, finalmente, como você pode fazer essa Andhra ligar? Você pode simplesmente clicar aqui e você pode clicar na pesquisa e digitação em dro e, em seguida, pressione enter. E aqui está bem aqui, por causa de tê-lo instalado, ele irá mostrar-lhe o fundo instalado, basta clicar nele e você terá este plug in e você pode então procurar a ilustração que você quiser agora porque eles não têm tantas ilustrações como você pode pensar . E eles não vão cobrir todos os negócios e nichos lá fora. Às vezes, você tem que trabalhar com ilustrações que estão próximas ao seu nicho, mas elas se parecem com o que você está procurando. No próximo vídeo. Vou mostrar-te como podes trabalhar com mais polícias directamente dentro do Adobe X'd. Então eu te vejo lá 39. Trabalhando com maquetes Adobe XD Curso de conceitos: Quando você terminar, seu design trabalha e você quer apresentá-lo à sua comunidade ou aos seus clientes. Às vezes você tem que usar mais maiúsculas porque mais policiais mostram como essa tela pode parecer em algum cenário real. Quer se trate de um aplicativo móvel ou de um design de site na saída, UE pode usar mais policiais diretamente e os melhores mais copos. Encontrei o nosso ângulo mais copos. Então, se eu mostrar como eles são aqui eles estão e você pode comprá-los por US $50 no momento de folga, criando fora deste vídeo. Ou você pode simplesmente baixar um valor de teste de amostra gratuito agora. No momento, porque X'd é basicamente tão novo e as pessoas geralmente marcaram suas coisas em qualquer loja de fotos ou esboço para ovos, o eu descobri que esta é a melhor solução Há até agora tão basicamente o que eles têm. 600 dispositivos e mais policiais para a existência. Pegar porque este é um pacto que funciona tanto para esboço e ovos D. Agora este é um ovos em particular na parte de trás, e você pode ver que é 100% eleitor. Você pode simplesmente colocar sua tela com um plug angular é projetado para trabalhar com Adobe X'd, e você começa todos os papéis de parede da escola em dispositivos Android solução Vicari de 600 dispositivos no total. Você pode ver alguns desses depoimentos aqui, e você pode como um conjunto por eles, se você quiser, ou simplesmente baixar uma amostra gratuita, você pode boneca Oh, a amostra gratuita E tudo o que eles têm a fazer é simplesmente instalar este plug chamado ângulo. E mais uma vez, você pode clicar aqui e clicar na pesquisa e simplesmente digitar ângulo para um centro. E você pode ver que é este 1º 1 bem aqui. Apenas certifique-se de que está atualizado. Então, se eles têm alguma atualização, lançamento simplesmente atualizado a partir daí. E o que você pode fazer é simplesmente eu tenho minha conversa que você gosta, que eu criei bem aqui abriu. E talvez eu queira usar este primeiro nosso porto para apresentá-lo em um dispositivo móvel. Como posso fazer isso? Então, quando você compra e o ângulo, é assim que parece quando você baixou. Então você tem todos esses dispositivos diferentes abertos. Você tem que este plug ângulo em que você pode instalar a partir daqui também. E você tem este ângulo mais copos, faca X profanar apenas rapidamente pulando através disso. Talvez eu possa abrir este tênis iPhone e você pode ver na frente de argila posição para argila, branco, preto e assim por diante. É assim que eles se parecem basicamente, para todos esses dispositivos diferentes. E se você quiser, você pode simplesmente abrir o X contaminar com todos os dispositivos aqui dentro, e você pode usar qualquer um desses dedos apresentar seu trabalho. Talvez eu queira usar um desses. Talvez. Talvez, eu não sei. Podemos usar um destes aqui. Talvez eu possa usar este para que você possa simplesmente clicar nele. Deve controlar ver para copiá-lo. E eu quero colá-lo bem aqui no porto espacial. Aqui está. E eu só quero usar este 1º 1 que é chamado Splash. E o que você tem que fazer é simplesmente localizar a tela para camada. Então, se eu pular de volta para o painel de camadas, você pode pressionar o controle e clicar diretamente dentro e você pode ver sua mesquita, vidro e tela. Você pode clicar na camada de tela saltou seu painel plugins. Clique no ângulo. Aplicar simulação, e o que você tem que fazer aqui está localizado a primeira tela, que você deseja incluir, e eu quero incluir esta tela inicial tudo tem que fazer é simplesmente clicar em Aplicar, e ele vai trabalhar sua magia no fundo para aplicar essa tela à sua simulação, e você pode ver se eu ampliar um pouco mais perto. Você pode ver que é realmente de alta qualidade. Existem algumas falhas, então, por exemplo, a tela está acabando aqui. Você pode corrigir esses problemas se quiser, mas quando você está criando uma apresentação, realmente você não pode dizer se ela está lá ou não, especialmente se ela é vista desse ângulo. Por exemplo, quando você tem vários fora dessas telas aqui, como eu disse, você pode usar vários fora destes. Assim, por exemplo, você pode colocar muitos desses como quiser e você pode usar. E estes são portos bem aqui, que eles já criaram para essas simulações. Ou podes usar o teu, como já te mostrei. Então, mais uma vez, anglame mais policiais na minha opinião. Os melhores modelos atualmente para Adobe X'd, e você pode baixar o nosso simples gratuito, como eu disse, ou você pode simplesmente comprá-los, se você quiser. E, como você viu lá, vindo com muito diferente Marcus, que você pode usar em seus projetos. E aqui você pode ver como eles se parecem na página web, por exemplo, por exemplo, e você pode ver todos esses diferentes Grady INTs e papéis de parede na parte de trás. Agora posso mostrar-te isso também, também, se eu saltar para dentro. Eles são pernas ângulo D mais copos, que são mostrados você e papéis de parede também. Então, se um duplo clique e saltar para dentro, você pode ver todos esses papéis diferentes da tigela. E se eu passar o mouse sobre um deles, por exemplo, você pode ver que é 5120 com 2880 pixels, então é realmente enorme. Mas é otimizado e apenas 117 kilobytes de tamanho, o que é fantástico porque eles são bem otimizados. Essa imagem para você. E qualquer um que já fez de web site design sabe que eles têm dedo do pé otimizar suas imagens quando eles enviá-los para desenvolver busca pode ver que esta imagem de cinco K é apenas 189 pixels. Desculpe. Kilobytes em tamanho. E se eu abrir um deles para que você possa simplesmente conferir. Então é assim que parece. E talvez eu queira trocá-los e simplesmente mostrar alguns deles. Você pode ver que eles são realmente enormes. De qualquer forma, zoom para dentro. Você pode ver são muitos detalhes nessas imagens, e você pode realmente criar algumas variações diferentes com elas. Então você pode talvez usar apenas esta parte da imagem e criar alguma atração diferente para o seu design. Então, basicamente, esses são mais copos em Adobe X'd. E no próximo vídeo, vamos falar sobre você. I crianças mais em profundidade e eu vou mostrar-lhe na próxima série de vídeos como você pode criar design aplicativo móvel usando alguns daqueles livre você crianças brancas que você pode encontrar no site adobes. Então eu te vejo lá 40. Design usando o Kits Adobe XD Curso de conceitos: quando você está apenas começando em sua carreira de design, você gosta que ele é um grande recurso tem porque você pode explorar designers mais experientes duro, eles estruturam seus arquivos como alguns designs são criados e você pode realmente explorar o técnicas. Designers mais experientes costumavam criar designs, e você pode simplesmente copiar essas técnicas e, em seguida, simplesmente mais tarde, quando você trabalha e tem alguma experiência em design, você pode simplesmente adaptar essas técnicas e criar as suas próprias. Então, para começar, você pode ir para adobe dot com slash products slash eggs d slash resource é e obter as, hum, crianças que você quer. Você pode ver que seus filhos estão selecionados aqui. E como eles explicaram em Nova York, é um vídeo que você pode escolher entre o material de design da Apple projetado para Google e Microsoft. Você assina WPT. Mas você também pode ir para baixo e explorar todos esses diferentes vocês I crianças que você pode usar onde projetos pessoais e comerciais e no vídeo de hoje, vamos usar este valete atrás. Você gosta e você pode simplesmente ir a esta página e clicar em download, e se você quiser atalho esta página você pode simplesmente ir para casa em seu ex profundo. Você pode clicar em adultos e, em seguida, clique em você como ele é e ele irá levá-lo para essa página. Então, quando você não carrega agora, você vai como se fosse tudo isso. Seus filhos vão ser um pouco diferentes porque fora de sua estrutura, quantas telas estão incluídas dentro, bem como quais componentes e ativos estão incluídos no download, e você pode usá-los nesta página específica. Ou você pode ir dedo do pé aqui e, em seguida, simplesmente clicar. Por exemplo. Isto é para o iPhone. Você pode clicar no iPhone, e ele vai abrir que a nossa porta no novo documento, e você pode simplesmente copiar e colar os elementos para este particular nossa porta. Então vamos explorá-lo rapidamente. Você pode ver no painel de ácido bem aqui porque como seu painel é selecionado que temos alguns fundos faltando. Mas vamos do início. Você tem as cores para que você possa clicar com o botão direito sobre essas cores, editá-las e simplesmente ajustar. No entanto você quer que ele se pareça, e você pode vê-los atualizando em tempo real. Isso também é útil se você tiver uma cor dedicada ao cliente. Então esta é a cor principal. E por exemplo, se eu escolher este agradável centro de imprensa azul três e c seis f f, você pode ver que ele vai para azul e tudo muda para azul. Agora isso está no recurso incrível para ter dentro do Adobe X'd, especialmente se o cliente está mudando de idéia. Eles querem explorar, por exemplo, escuras ou cores mais claras ou cores diferentes completamente. E você pode simplesmente pular aqui e mudar todas essas cores ao mesmo tempo. Você pode fazer isso para todas essas cores diferentes abaixo que temos fundos, e alguns desses fundos estão faltando. Mas isso realmente não é um problema. Você pode baixar e instalar esses fundos, mas você também pode usar seus próprios fundos abaixo que temos os componentes, e todos esses diferentes componentes de ícones, cartões, cartões, postagens e assim por diante são selecionados por estes designer e criado. E você pode clicar aqui para expandir a exibição. E você também pode expandir isso se quiser, quiser. Oh, e você pode obter uma imagem maior e mais clara bem aqui para alguns desses componentes para que você possa realmente se adaptar às suas necessidades. Você pode torná-lo tão branco ou tão alto quanto você quiser, e você também pode trazê-lo de volta assim. Então vamos explorar esses que você gosta. É e ele disse que todos eles são um pouco diferentes. Mas com isso nunca vai. Você gosta? Você tem este tutorial basicamente aqui, e você pode pressionar o botão de reprodução aqui para visualizar este protótipo. E, por exemplo, se um clique em algum lugar aqui fora, vamos ver o que Yeah, você pode ver aqui, e você pode digitar, por exemplo, você pode voltar, e você poderia realmente explorar este protótipo em mais detalhes. Mas vamos começar. Você pode ver no painel de ativos aqui. Você pode mudar os telefones, cores, tudo, como eu expliquei, e você confinou esta frente nos telefones tipo kit. Gibson, se você quiser usar exatamente o mesmo fundo que este designer fez, e nós temos o guia aqui abaixo, então nós temos os elementos básicos. Temos as entradas da Heather. Temos o cartão. Então, todos esses diferentes ativos e componentes que são criados aqui, nós também temos aqui, que você possa selecioná-los, copiá-los daqui e, em seguida, bastá-los para o seu próprio design. E vou mostrar-vos daqui a pouco como podem fazer isso facilmente. Em seguida, temos main up para que você possa ver alguma exploração. Você pode ver alguns mapas, cartões e assim por diante. Temos a tela inicial, que é a tela principal quando o usuário abre o APP. Em seguida, temos o guia, que vai orientar os usuários através das telas de boas-vindas e começar telas e assim por diante . E temos poucas variações sobre isso. Temos telas de assinatura e inscrição bem aqui. Em seguida, temos atividade e perfis todos aqueles criados usando esses diferentes componentes. E você pode realmente explorar estes e alterá-los como você vai ao lado de ter estatísticas e informações. Então temos basicamente todas essas estatísticas de atividade, história, música e alguns abaixo que temos menus e extras. Então todos esses extras ar basicamente pop up telas e menus que você pode ver e você pode alterá-los à vontade. Agora, quando se trata de seus filhos, você pode trabalhar neste documento para que eu possa simplesmente clicar aqui. porque eu sei que estas são telas de iPhone e eu posso simplesmente clicar, por exemplo, em algumas delas. Vamos clicar neste, por exemplo, e ele vai criar que são parte para mim aqui. E eu considero saltar para dentro e eu tenho tela inicial feijão, por exemplo, centro de imprensa. E essa vai ser a minha tela inicial para que eu possa simplesmente saltar para dentro. Como eu disse, você pode usar esses elementos e componentes básicos ou você pode usar elementos diferentes dessas telas. E também outra maneira é, como eu disse, você pode saltar aqui, em seguida, clique aqui no iPhone, nossas portas, e ele vai abrir que a nossa porta em novo documento. Você pode clicar duas vezes aqui, mudar seu nome e fazer basicamente a mesma coisa. Mas por uma questão de tempo, vamos usar esse mesmo documento para que você possa voltar atrás. E, por exemplo, vamos usar esses elementos de base. Você pode saltar para o painel de camadas aqui, e você pode ver a pasta base aqui mesmo para não saltar mais fundo para dentro. Alguns destes você pode bater controle ou comando, e você pode clicar dentro, e ele vai levá-lo diretamente dedo do pé que mais tarde e você pode ver. Mas vamos usar este aqui para que você possa ouvir o controle, ver, e você pode pular todo o caminho até o nosso porto. É por isso que eu disse, Talvez seja uma solução melhor para usar um documento separado e vamos fazer isso apenas para que você possa ver mais alguns recursos. Então vamos usar isso e eu vou simplesmente nomear na tela inicial a partir daqui, e eu vou bater controle V base do dedo do pé, este elemento no lugar. Posso clicar aqui para posicioná-lo no topo, e posso ampliar isso. Toronto você pode bater controle zero para encaixar na posição poderia minimizar isso. E agora vamos voltar e, por exemplo, talvez eu queira usar isso para que você possa ver que Heather está bem aqui. E mais uma vez, você pode bater o controle. Clique dentro. Encontre essa Heather. É este aqui. Você pode ver que este é o que está selecionado. Você poderia acertar o controle C e então pular em outro ex. Os documentos atingem o Controle V e agora porque não precisamos mais dessa barra de status porque temos aqui, vou deletá-la porque colocamos convenientemente dentro dessa urze que eu possa voltar. O que eu preciso agora são algumas cartas. Talvez eu possa escolher este cartão e eu possa abri-lo e ver qual deles. É isto. É este primeiro 1 que você pode ouvir controle procurar. E como você pode ver, ele é criado como um componente. Você pode saltar de volta para o seu outro hit control V arquivado e, em seguida, simplesmente posicioná-lo como quiser. Vou alinhá-los e, em seguida, simplesmente apertar shift e seta inferior. 1234 ou talvez até mesmo para posicionar em 20 pixels frente. E esta Heather, eu também posso movê-lo logo abaixo, porque tem sido todo o cabeçalho e eu condenso simplesmente saltar para trás e talvez eu possa usar alguns outros elementos daqui. Talvez eu possa usar este cartão. Eu gosto disso. Aperte o controle C saltar em seu outro arquivo bater Control V e simplesmente movê-lo na mesma distância que o no topo para que você possa alinhá-lo assim. Como você pode ver, ele mostra 20 pixels e digamos que esta é a nossa tela e talvez queiramos usar algo para o fundo da nossa tela. Talvez possamos encontrá-lo. Então, por exemplo, qualquer botão ou podemos criar uma guia são para que possamos criar uma guia são simplesmente indo para o indicador home porque queremos que os usuários toe ser capaz de sair deste up. Você pode posicioná-lo na parte inferior, e agora eu só preciso de alguns ícones aqui. Eu posso simplesmente para mudar de volta, localizado seus ícones, e eu realmente encorajá-lo a usar seus próprios ícones. Ou talvez possamos ver se eles criaram alguma barra de toque por conta própria para isso, eles não criaram . Mas isso não importa. Nós vamos apenas criar o nosso próprio para que você possa saltar dentro dos ícones e você pode simplesmente selecionar os ícones que você quiser. Então talvez eu queira usar esse ciclo, que é para compartilhamento de pesquisa de filtro. E vamos usar este para configurações. Por exemplo, ele bateu controle C salto em outro arquivo hit Controle V e, em seguida, simples hit controle G e chamado Este passo são movê-lo todo o caminho para baixo, e indicador home vai ir todo o caminho para baixo Então localizar a maldita barra e você pode segurar shift na seta inferior para empurrá-lo todo o caminho para baixo. E o que vou fazer é simplesmente reposicionar alguns deles. Então, por exemplo, eu vou mover esta pesquisa para baixo vai ser um segundo aplicativo. Este vai ser o nosso primeiro passo. E talvez possamos mudar as configurações e compartilhar para que você possa pressionar shift e setas para empurrar todos esses ícones para a esquerda e para a direita. E o que eu vou simplesmente fazer é reposicioná-los. Então, mude 1234 por exemplo, e então simplesmente selecionou esses dois segurando o turno e eu posso posicioná-lo para aqui, por exemplo, mudar 1234 e, finalmente, fazer o mesmo para este. 1234 Mas talvez até seis. Em seguida, selecione isso e selecione este e mais com 20 pixels dedo direito para a esquerda. Desculpe. E, em seguida, basta clicar aqui para posicionar no centro. E você também pode empurrá-los, por exemplo, 20 pixels acima deste indicador home. Então é basicamente assim que você usa esses que você gosta, é E agora vamos mudar rapidamente essa tela inicial do Toby. E agora, se você quiser alterar qualquer um desses, você pode simplesmente clicar duas vezes dentro. Você pode ver que o fundo está faltando. O que? Você pode mudar este telefone para outra coisa. Então, por exemplo, pequeno centro de fotos e você poderia ver como isso se parece. E se eu pular para ouvir o painel de ativos, você pode ver que ele transferiu todos esses ativos diferentes do arquivo original. Mas se você quiser torná-los arquivo local, você pode fazer isso e simplesmente você pode selecionar todos eles, clique com o botão direito, e você pode excluir. E vai apagar todos esses ativos diferentes. E quando você voltar para a camada, soletrar e abrir alguns outros, você pode ver que não há mais ativos incluídos aqui para não criar seus próprios ativos pessoais. Você pode simplesmente mudar estes. Então, por exemplo, eu só quero que isso seja chamado de Filtro. Eu só quero que isso seja chamado de Pesquisa, e você pode selecionar este texto e apenas deixar a pesquisa dentro. Eu só quero fazer isso ST Ng para o compartilhamento e, finalmente, a mesma coisa para as configurações, então eu só quero criar o meu próprio. E como você pode ver, eles terão esses antecedentes. Então, se eu abrir todos eles, você pode ver todas essas camadas BG, que são para fundos. Eu não preciso deles para que você possa abrir todos eles, manter o controle, clique no 1º 1 e, em seguida, basta clicar em todos eles, bater a elite e vai apagar todas essas camadas de fundo. Agora, se você quiser criar ativos a partir deles, você pode simplesmente clicar no primeiro 1 hit control ou comando K e fazer o mesmo para todos eles. E agora, se voltarmos para o meu especial, podem ver que agora temos o nosso APS aqui. Agora, se você quiser selecionar algumas dessas cores Então, por exemplo, eu gosto desta cor branca. Você pode simplesmente clicar aqui. E como você pode ver, mostra esses fundos perdidos e você pode corrigi-los instalando este fundo. Ou você pode simplesmente mudar a frente aqui. Agora, por exemplo, se eu quiser mudar qualquer um desses, talvez eu queira criar essa imagem para ser maior. Eu posso saltar de volta para o meu painel de camadas segurar o controle. Clique dentro. Você pode ver a imagem e você pode ver que ele tem um grande raio de canto. Mas talvez eu queira torná-lo menor. Talvez 5%. Er você pode ver como isso se parece, e se você quiser expandi-lo, você pode fazer o mesmo. Talvez eu queira posicionar esses ícones no topo da imagem assim. E talvez eu queira que esta imagem cubra tudo até aqui, por exemplo. E tudo que eu tenho que fazer é simplesmente movê-lo aqui. Então, todos esses elementos diferentes virão para cima. E talvez se eu quiser mudar essa imagem, tudo o que você tem que fazer é ter sua pasta com suas imagens abertas como eu faço. E, por exemplo, você pode simplesmente selecionar uma imagem arrastar e soltá-la dentro, e ele irá preencher esta camada de fundo com sua imagem, e você também pode brincar com ainda mais configurações para ela e deixar rapidamente criar um imagem mais escura como plano de fundo. Assim e o que eu quero fazer a partir daqui, é simplesmente selecionar todos eles, e talvez eu queira torná-los brancos. Então, assim e você pode localizar o conteúdo deste é água e apenas certifique-se de que você entende que alguns destes não são realmente tão bem posicionados. Então, como podem ver, temos muitas pastas diferentes para o meu gosto, pelo menos. Mas você pode realmente brincar com ele, e você pode criar sua própria estrutura. Então, por exemplo, você pode ver que tudo neste cartão está localizado nesta pasta de conteúdo. Se você achar isso confuso, você pode clicar com o botão direito do mouse no grupo e, em seguida, agrupar o seu próprio, basta deixá-lo assim fora. Agora vamos mudar rapidamente estes para que eu possa selecionar todos eles usando shift. E eu posso simplesmente clicar e escolher a cor branca para aqui. E isso é basicamente como você edita estes que você gosta. É como eu disse, você poderia mudar esses fundos. Então o que usamos aqui é Roberta, talvez eu possa selecionar esses dois textos e talvez até todos eles, assim e então simplesmente escolher um barco a remo daqui. Pressione Enter e ele vai aplicar essa seleção de todos esses fundos diferentes, e obviamente você pode fazer o mesmo para todos eles. Agora, basta imaginar que queremos mudar a cor deste cartão para acessá-lo mais facilmente, pode bater o controle, clique insight e, em seguida, simplesmente mudar a cor deste carro para qualquer cor que você quiser. Talvez eu queira torná-lo muito mais escuro, talvez assim. Talvez eu queira ir nessa direção. E talvez eu queira mudar a cor fora deste texto dedo branco para que ele é tipicamente chorado. Aqui, aplique isso, ou se você tiver a cor selecionada, você pode simplesmente clicar aqui, e ele irá aplicar essa cor dedo do pé que o texto. Então é assim que é fácil criar usando você. I crianças, Como você pode ver, tudo que você tem que fazer é realmente copiar e colar alguns desses elementos, e então você pode saltar para dentro e editar todos eles. Você pode reposicioná-los. Você pode incluir diferentes sombras. Então, se pressionarmos o controle e clicarmos dentro desta abelha, abelha, se eu abri-la dentro do meu painel de camadas e rolar para baixo, você pode ver que ela tem essa sombra de fundo, bem como o desfoque de fundo. Se você não gosta de como isso se parece com Dennis. Basta desligá-lo, ou se você quiser usar o mesmo efeito em alguns deles, você pode simplesmente clicar nele, certo? Clique em copiar e, em seguida, simplesmente , por exemplo, neste clique direito e aparência baseada. Mas só para que saibas, vai basear exactamente a mesma aparência deste para este. Então, como você pode ver , mudou dessa cor escura para esta cor branca. Mas você pode saltar para dentro e simplesmente selecioná-lo a partir daqui mais uma vez. Ou você pode simplesmente localizado aqui na sua bunda libra se você tem, e então você pode aplicar essa cor. Então, aqui está. E então você pode simplesmente aplicar a mesma cor que você pode ver, porque todas essas bordas são retas. Moveu todas essas bordas para ser reto neste também. Mas você pode trocá-lo de volta e você ficar de pé, por exemplo, e ver como isso se parece. Então se realmente adicionou mais e mais. Então é assim que é fácil usar seus filhos. Encorajar muito. Se você está apenas começando a baixar, brinque com eles, você não precisa usar um. Você gosta para o seu projeto. Você pode usar vários diferentes você I crianças, mas apenas certifique-se de que você tem alguma consistência. Então, por exemplo, se seus telefones aqui são 16, por exemplo, não faça este ser 30. Isto quer ter 15 anos e assim por diante. Não use normalmente mais do que dois estilos diferentes de telefone, talvez até três, mas não reveja isso. Se você estiver usando cores, certifique-se de manter a consistência com sua paleta de cores. Você não usa muitas cores diferentes, então você não tem. Por exemplo, 50 cores diferentes apenas têm, como 567 cores, algo assim. E apenas trabalhar o seu caminho em torno disso. Veja o que funciona melhor para o seu design e depois simplesmente explorado. Brincar com a saída. Brincar com estes que você gosta. É porque mais uma vez, sua livre e você pode usar qualquer um deles como quiser, e você pode realmente brincar com eles. E eu realmente encorajo você a pensar em seu próprio projeto e, em seguida, simplesmente trabalhar seu caminho em torno desses seus filhos para criar esse projeto. Basta pensar que telas ricas que eu preciso e, em seguida, simplesmente aplicou essas técnicas para que você goste e que o design final fora do seu que você deseja criar 41. Conclusão Adobe XD Cursos: projetar usando o Adobe X'd é muito divertido porque é gratuito. Constantemente atualizado, ele tem grande comunidade em novos recursos são adicionados Todo o tempo que você pode ir de projetado para protótipo para compartilhar e obter feedback tudo dentro de um aplicativo. E porque seus arquivos baseados em reitor são muito pequenos, então você não precisa de uma máquina cara para executá-lo. Eu encorajo você a agir, praticar usando duas dicas deste curso e apenas começar. Não se preocupe com seus designs não parecerem ótimos no início. Eles ficarão incríveis ao longo do tempo, mas você só precisa começar, trabalhar em suas habilidades e continuar desenvolvendo ao longo do tempo. Se você gosta deste curso, dê uma olhada em meus outros cursos no Adobe X'd, onde entrar em muito mais detalhes sobre projetos,quadros de fio, quadros de fio, protótipos, animação e muito mais. E se você estiver assistindo a isso e ao YouTube, considere se inscrever para obter mais vídeos sobre design. Obrigado por assistir e ter um dia criativo. Cuide-se 42. Atualização do curso e canal no YouTube: O designer Alex aqui. E eu só queria te agradecer por fazer este curso. Eu realmente espero que você tenha algum valor disso e que você entenda Como você pode usar Adobe X'd em seus projetos e como ele pode beneficiar seu fluxo de trabalho em seu uso diário? Muitos de vocês me perguntaram sobre atualizar o discurso e adicionar mais como passos ou técnicas, mas eu não vou fazer isso porque este é um curso básico de Toby X'd e toda a idéia. Este curso é para torná-lo gratuito e disponível para qualquer pessoa no mundo apenas para aprender Adobe X'd e o que ele pode fazer e o que escapar. E então eu tenho meus cursos premium se você quiser pagar mais em técnicas de profundidade. Mas eu também criei um canal do YouTube só porque este propósito e você pode ir e visitar o canal do YouTube, Eu acredito que o link para baixo na mídia e você pode acessá-lo. Basta clicar nele, e ele vai levá-lo para o seu general onde eu levo isso em vídeos profundos e eu vou mostrar-lhe como você pode fazer arame enquadramento como você pode fazer desenhos de maçã como você pode fazer Web designs também estavam falando sobre freelancing e o que você pode alcançar como freelancer. Também estamos falando de técnicas de renda passiva. Então, se todas essas coisas lhe interessam e você quer obter o máximo de valor livre, é possível que vá para o geral do YouTube e uma promessa de que você vai obter máximo de valor possível gratuitamente. Claro, meus cursos premium ainda estão aqui. E se você quiser acessar isso, você pode. Tudo o que você está assistindo este curso e você sempre pode ir para o meu site, que é Alex em ponto de design c o. E você pode verificar cursos antigos. Eles são grátis e premium também. Então aqui, não há trabalho para o canal do YouTube. E eu prometo que você vai obter o máximo de graça enquanto você possível e você vai aprender adobe exceder ainda melhor do que apenas fazendo este curso gratuito. Então, obrigado mais uma vez por fazer este curso, e eu realmente espero que você vá conferir meu canal no YouTube. Eles se importam 43. Junte-se ao meu grupo gratuito no Facebook: Ei, designer, eu realmente espero que você tenha gostado do curso, e que você tenha o máximo de valor possível fora dele. Se você quiser receber ainda mais valor de mim e da comunidade de design, eu criei um grupo no Facebook. Onde você pode participar é apenas um grupo do Facebook para os meus alunos sozinho para que você possa participar clicando no link abaixo ordem. Nate fora do curso é uma conta no Facebook, e é um grupo gratuito para participar. O grupo é formado para fornecer feedback adicional para que você possa anexar seus projetos seguindo este curso e usando exemplos deste curso ou qualquer outro fora dos meus cursos. Ou se você tiver seus próprios exemplos. Off design funciona do passado do presente. Você pode enviar esses trabalhos para o Facebook Group e, em seguida, recebeu feedback para mim ou de outros membros do design. Encorajo-vos também se tiverem postos de trabalho disponíveis para os partilhar nesse grupo, de modo todos possam beneficiar desse grupo. Mais uma vez, o grupo está livre. É fácil se juntar. Basta clicar no link no pdf, e eu realmente espero ver o maior número possível de vocês nesse grupo apenas para compartilhar nossas experiências como designers, e eu vou tentar postar algum vídeo adicional, algumas dicas adicionais e técnicas nesse grupo do Facebook. Mas, por enquanto, estamos apenas a começar. Nós vamos apenas formar o seu, e eu realmente encorajo você a participar e compartilhar seu melhor trabalho lá. Para inspirar outros designers ou dedo do pé pedir feedback adicional. Apenas certifique-se, por favor, quando você está pedindo feedback, pediu coisas específicas. Não basta perguntar. O que você acha deste projeto? Porque ninguém vai responder a isso. Ou se o fizerem, estão na cena do Lee. Eles vão dizer para você se parece bonito ou não parece legal. Certifique-se de pedir comentários específicos sobre seus designs. Por exemplo, faça como essa combinação de cores. Você acha que eu deveria usar uma frente diferente? Você acha que essas imagens correspondem bem com a cor de fundo, por exemplo , coisas assim, Então certifique-se de pedir feedback específico quando seus projetos, porque vai ser muito mais fácil para mim e para outros designers nesse grupo para dar-lhe são feedback específico que você pode melhorar muito mais rápido, em seguida, apenas perguntando o que? Tudo fora deste design. Então, obrigado mais uma vez por fazer o meu curso, e eu realmente espero vê-lo à vista fora do meu grupo do Facebook Digger.