Moodboards para UI Design

1. Introdução do curso: As placas de humor são uma parte fundamental de qualquer processo de design onde quer que você esteja trabalhando em um projeto grande ou pequeno. Porque na fase de embarque do seu projeto, você vai determinar o tom geral, estilo dural, as cores gerais, fontes, imagens e muito mais do projeto em si. N vai poupar muito tempo quando você realmente começar a projetar para esse projeto em particular. Designer K, meu nome é Alex. Bem-vindo a esta aula de Skillshare. E nesta aula vamos falar sobre quadros de humor. Eu sou um criador de produtos e até agora eu criei mais de 500 produtos de design. Eu também sou um criador de cursos e até agora eu criei mais de 20 cavalos diferentes. Nesta aula, vamos falar sobre o que nossos moodboards e como usá-los. Quais elementos você deve considerar para seus moodboards? Como fazer a sua pesquisa e aplicá-la aos seus moodboards. Como usar o Adobe XD para criar quadros de humor e explorar diferentes elementos e estilos. Como compartilhar seus quadros de humor on-line para obter feedback de seu cliente e como exportá-los e imprimi-los para que você possa receber o feedback pessoalmente. Seu projeto de classe para esta classe é usar essas dicas e técnicas e criar quadros de humor de sua escolha. Você pode usar todos os elementos que desejar. Você pode usar o número de imagens diferentes, número de fontes diferentes, o que você quiser, e simplesmente enviá-los para a sua classe, o projeto, usando os moodboards da maneira certa, você vai salvar a si mesmo monte de tempo. Vais poupar dinheiro ao teu cliente. E, ao mesmo tempo, você vai ser capaz de cobrar muito mais trabalhando de forma inteligente, usando placas de humor. Estou ansioso para te ver na aula e vamos pôr-te no clima. 2. O que são moods e por que usá-los: As placas de humor são realmente extremamente importantes e eles são, na minha opinião, para manter o nosso processo de design de fadas pouco se o projeto é grande ou pequeno. Porque no estágio de embarque de humor, você pode realmente se comunicar claramente com seus clientes e chegar ao ponto de saber o que eles precisam. Com quem eles estão falando? Quão grande é o projeto, quão grande é o público, quem é o público e todas essas perguntas diferentes. E você pode usar o Moodboard para determinar a direção do projeto oral para onde o projeto está indo para ir. Você pode fazer isso antes de realmente começar a projetar, o que vai economizar muito tempo porque você vai determinar o estilo, o projeto paga, as cores, as fontes, iconografia, e muito mais neste estágio particular com moodboards, em vez de mais tarde, quando você realmente acionar seu software de design favorito e começar a projetar, você pode comunicar claramente esses valores de seu cliente e, em seguida, descrever para seu cliente o que é realmente importante para isso projeto específico. Para que eles possam entender antes de você começar a projetar, que eles precisam se concentrar? Então, como eu disse, este estágio é muito importante na minha opinião , porque vai poupar tempo a você e ao seu cliente mais tarde. Porque neste estágio específico, você vai determinar para onde o estilo geral do projeto irá. Claro, o design vai variar muito mais tarde quando você realmente começar a projetar. Mas o projeto geral, tom, cores, fontes, a direção do design, tudo será determinado nesta fase particular com placas de humor. Mais tarde, você pode começar a projetar. Você pode adicionar todos esses tipos de elementos diferentes. Mas por enquanto, como eu disse, vamos nos concentrar no básico e nas coisas mais importantes. Você usará seu resumo de design para determinar todos esses elementos de design e decisões de design. Você vai fazer ao seu cliente todas essas perguntas de design usando seu resumo de design, como quem é o público-alvo, qual é o nicho deles? Há algum competidor em dívida? Nietzsche, quem são os principais concorrentes, quem são os concorrentes menores? Qual é o tom normal do design? Então é bom ou brincalhão? É sério? É corporativo? Qual é o tom geral de entrega da cópia do site? E muito mais. Então, como eu disse, você vai determinar todos esses elementos na fase de embarque de humor em vez de mais tarde no estágio de design, o que, como eu disse, vai permitir que você economize um monte de tempo no design, tanto para você quanto para seu cliente. Na próxima lição, vamos discutir quais elementos você deve considerar para seus moodboards. Então, vemo-nos lá. 3. quais elementos a considerar: Dependendo muitas vezes nicho seu projeto e seu cliente está em, você vai incluir ou considerar incluir elementos diferentes. Então, se seu estilo é corporativo, você obviamente vai usar o imaginário corporativo. Você vai usar clear para ler a fonte porque você tem que entender quem é o seu público-alvo. Então não são crianças, provavelmente são pessoas em sua meia-idade ou provavelmente pessoas mais velhas. Então você tem que considerar a topografia, você tem que considerar o contraste, como o site é mais fácil de ler. Então você tem que considerar todas essas coisas quando você está planejando para seu nicho e seu projeto. Além disso, as imagens desempenham um papel realmente fundamental porque as imagens vão definir o tom vai definir a base do projeto. Então você tem que considerar que as cores também são característica importante significa do seu design do site em qualquer design para que o assunto. Então você tem que considerar cores. São as cores divertidas e brincalhão. É como o texto vai contrastar entre essas cores. Então você pode determinar todas essas coisas no processo Mood Board, do processo de design geral. Então você vai descrever, descobrir todos esses elementos quando você começar a criar seus moodboards em vez de quando você realmente começar a criar seu design. Então, no próximo vídeo, eu vou mostrar a vocês como fazer sua pesquisa. Como, por exemplo, ajustar para diferentes nichos, como explorar diferentes elementos e como apresentá-los ao seu cliente para que ambos possam chegar a acordo sobre onde este projeto vai ir e qual é o estilo de design geral e direção. 4. Como fazer sua pesquisa: Ok, então neste vídeo nós vamos realmente começar com a pesquisa. E eu vou mostrar a vocês quais são alguns sites que você pode usar para fazer sua pesquisa e para se comunicar claramente com seu cliente sobre quais elementos considerar. Então deixe-me entrar no meu computador e vou mostrar-lhe alguns sites. Então, os primeiros sites que temos é realmente driblar. Então drible, como você sabe, é usado para inspiração, como uma grande parte do tempo para esses designers, especialmente no mundo do design da interface do usuário. Assim, você pode facilmente usar drible aqui mesmo para explorar todos esses elementos. Então você pode usá-lo para explorar imagens. Você pode usá-lo para explorar a topografia e ver como a topografia é colocada em alguns desses exemplos. Se fizermos uma pesquisa rápida aqui, por exemplo, se eu digitar corporativo, pressione Enter e veja onde isso nos leva? Então, vamos com o web design, por exemplo. Não nos dá nada. Então vamos usar o banco, por exemplo, ou bancário. E vamos ver onde isso nos leva. Então você pode ver aqui mesmo para o banco, não se atrevem a gritar cores exceto para estes gradientes aqui. Mas isso é para determinar um tom neural do próprio site. Então, provavelmente este aplicativo bancário móvel aqui está falando com um público diferente. Então, provavelmente público mais jovem. Mas você pode ver aqui mesmo, eles estão usando realmente todas essas cores dorsais. Eles estão usando essas cores pretas, cores brancas. Eles estão usando estes verdes claros como fios, por exemplo. Portanto, a cor realmente desempenha um papel fundamental e você pode fazer sua pesquisa aqui no Dribble para explorar dependendo do projeto em questão e do projeto em que você está trabalhando, quais tipos de cores você deve usar para seu design específico projeto. Em seguida, se dermos uma olhada na topografia, você pode ver que a topografia aqui é realmente clara. Ele realmente espaçou uniformemente. Então o espaçamento é muito bem feito aqui. E você pode ver que a maioria deste texto é preto na cor, o que, por sua vez, vai trazer o texto mais perto do espectador e interino facilitando a leitura. Então este exemplo é realmente ótimo. E se formos ao contrário, podemos ver isso neste exemplo, por exemplo, porque é brincalhão com todas essas ilustrações e cores. Mais uma vez, os decks desempenham um papel fundamental porque é super fácil de ler, como você pode ver aqui. Se levarmos você ao Behance, que é outro site que você pode usar para sua inspiração. Se dermos uma olhada aqui e, por exemplo, digite a mesma coisa. Então banco, centro, veja onde isso nos leva. Então vamos, eu não sei, vamos usar este por exemplo. E começa o seu diferente de Dribble se você ainda não fez. Porque em um drible você pode realmente postar essas apresentações mais curtas como esta, por exemplo. Então, apenas uma imagem singular. Enquanto nos fins de semana você pode realmente postar essas longas apresentações e ir em profundidade sobre o projeto. E isso pode realmente ser uma ótima maneira de você se informar sobre a concorrência de seus clientes. Por exemplo, digamos que eles estão no espaço bancário. Você pode usar isso, por exemplo, apenas para entender como eles fazem suas pesquisas. Qual é o público-alvo, quais são as cores e qual é o raciocínio por trás da escolha dessas cores? Assim, você pode facilmente adaptar isso ao seu projeto particular. Então, se nós rolarmos para baixo aqui para ir para o nosso estágio de design, você pode ver que eles estão realmente usando essas cores dorsais para preto e branco com uma pitada de finanças corporativas, você pode ver super fácil de ler, você pode ver você pode ver esses gradiente atrás. Então, todos esses elementos realmente estão neste exemplo particular como tangíveis, que é fácil de ler, fácil de entender. 5. Crie um moodboard no Adobe XD: Neste vídeo, vamos usar o Adobe XD para criar nosso moodboard. E eu também vou mostrar alguns dos meus exemplos que você pode comprar se quiser ou se não, você pode simplesmente explorá-los para sua inspiração. Se avançarmos e mudarmos para o Adobe XD, o que eu fiz aqui é criar nosso documento de 1920 por 1080. Agora, se você quiser imprimir este documento, o que você pode fazer é você pode vir aqui e você pode girá-lo. Claro que pode ser tão preciso quanto quiser. Você pode importar o número exato de pixels do tamanho do papel se quiser imprimi-lo mais tarde. Então, por exemplo, se você estiver usando o A4, poderá procurar um quatro anos online ou abri-lo no Photoshop e simplesmente ver o tamanho exato do pixel. Você pode inserir esse tamanho de pixel aqui. Basta lembrar que você não precisa usar 300 DPI porque o Adobe XD é uma ferramenta vetorial. Então você não tem que fazer isso. Você pode simplesmente portar 72 DPI aqui mesmo. Você pode simplesmente criar seu quadro de humor e você pode exportá-lo mais tarde. Você pode salvá-lo aqui como você vê, Eu fiz um salvá-lo para meus documentos Cloud, que é ótimo porque eu posso acessar disse onde quer que eu esteja. Então, por exemplo, se eu estiver trabalhando em um desktop como estou fazendo agora, eu posso ir para a reunião do meu cliente no escritório deles, por exemplo, e eu posso puxar meu laptop. Posso abrir o Adobe XD com a mesma conta. E eu posso simplesmente puxar este documento da minha Nuvem e podemos simplesmente discutir nosso quadro de humor assim. Então, se voltarmos para o Adobe XD, o que eu vou fazer é simplesmente nomeá-lo Mood Board bem aqui. E antes de seguir em frente, quero ir em frente e mostrar meus exemplos. Então aqui está o meu site, web donor.net. E como eu disse, você pode comprar esses modelos se quiser. Você pode abri-los facilmente no Adobe XD e, em seguida, você pode trabalhar neles assim. Caso contrário, você pode simplesmente usá-los como inspiração. Então, o que você tem aqui são esses moodboards, e eles estão em tamanho A4 e tamanho letra dos EUA bem aqui. E você obtê-los no Adobe XD em arquivos do Photoshop. Se alguns desses produtos forem arquivos do Photoshop, você pode abri-los facilmente no Adobe XD porque eles são criados pela mesma empresa. Então, a Adobe possui o Photoshop e o XD, e esses arquivos funcionarão muito bem no Photoshop e no XD. Se voltarmos para aqui, você pode ver todos esses layouts diferentes para imagens e quatro cores. Você pode facilmente trocar essas imagens por logotipos, por exemplo. E você pode ver que eles estão prontos para impressão. E todos esses layouts, se voltarmos para este, isso é para o Instagram porque é quadrado, mas você pode facilmente adaptar-se para trabalhar com qualquer tamanho como podemos ver aqui para as histórias ou para os reais para exemplo. Então estas são postagens do Instagram, estas são histórias do Instagram. Você pode ver como isso se parece. E se mudarmos para este, isto é para modelos de quadro de humor de mídia social. Mais uma vez, a mesma coisa. E você pode ver que estes são quadrados, estes são retangulares, o que é ótimo para o Facebook, por exemplo, se você estiver usando mídias sociais e você pode trocá-los facilmente, você pode alterá-los. Você pode usar todos esses layouts diferentes para criar seu próprio. E você pode facilmente adaptá-los e você pode ver como eles se parecem em diferentes páginas de mídia social. E finalmente temos este, então quatro destes, e como ele disse, vou ligar todos estes no arquivo PDF. Você pode simplesmente, se você quiser clicar no link para cada um destes, você pode facilmente acessá-lo, comprá-lo se você quiser. Se não, como eu disse, você pode simplesmente usá-lo para inspiração. Então, se voltarmos aqui, você pode ver como este se parece. Então, mais uma vez, está pronto. Você pode ver alguns desses elementos de apresentação. Como você pode incluir os diferentes logotipos, cores diferentes, imagens diferentes, e você pode ver o resultado aqui. Agora, você pode usar isso se você quiser facilmente economizar um monte de tempo se você quiser, se não, como eu disse, estes são ótimos para inspiração. Você pode inspirar-se sobre onde posicionar todos esses diferentes elementos. E se não, você pode simplesmente criar o seu próprio, dependendo do projeto em que você está trabalhando no momento, como ele disse em um dos vídeos anteriores. E dependendo do tamanho do projeto, dependendo do nicho em que seu projeto está, que seu cliente é um, você vai investir mais ou menos tempo e esta parte dos projetos não deve ser demorada. Deve ser muito rápido e fácil. Portanto, você não deve levar mais de um dia para concluir, não importa o tamanho da empresa, não importa o tamanho do projeto, não importa o nicho em que seu cliente está. Então, basta considerar isso. Não gaste muito tempo em moodboards porque eles estão lá simplesmente para determinar a pasta geral, o estilo e o tom do projeto. E então, quando você começar a projetar, você vai investir a maior parte do seu tempo nessas mudanças específicas. Então, se olharmos para trás no Adobe XD, é assim que nosso documento se parece e eu posso simplesmente espetado assim, por exemplo, se quisermos alcançar algo um pouco mais como um quatro, como eu disse, você pode facilmente inserir os valores corretos Bem aqui, se isso é algo que você quer. Então vamos começar com imagens, porque tenho algumas imagens preparadas. O que eu quero fazer é simplesmente criar um retângulo. Anna pode usar uma grade de repetição, se eu quiser, para alcançar um olhar como este, e eu posso escolher vai olhar como este. Por exemplo, banco é simplesmente desagrupar meu on-grid, clique duas vezes em um desses e simplesmente trazê-lo de volta para aqui, por exemplo, eu posso facilmente dimensioná-lo e isso não precisa ser perfeito se você não quiser. Simplesmente adaptado assim para criar um círculo, por exemplo. Ou um elemento como este. Eles podem se sobrepor, você pode incluir sombras diferentes. Então, por exemplo, assim. Então, 55, 20, digamos, e vamos trazer essa sombra para oito, por exemplo, viu algo assim. E o que eu vou fazer é realmente selecionar todos os meus elementos como este. Eu estou indo para remover a borda e eu vou incluir alguns para gostar DDD, que é uma cor cinza claro agradável e talvez pode escalá-lo para baixo apenas um pouco para algo como isso. E, por exemplo, eu posso trazer isso aqui, eu posso posicioná-lo aqui. Eu posso ir em frente com o botão direito do mouse e eu posso copiar o botão direito colar aparência para que eu possa colar a mesma sombra, mas eu vou simplesmente reduzir o raio do canto de volta para 0. E talvez eu possa facilmente puxar esta imagem. Talvez eu possa expandir este só um toque para algo assim. Talvez eu possa expandir isto até aqui. Então, como você pode ver, esta é claramente uma variação diferente dos exemplos que são mostrados a você. Então, se eu voltar a esses exemplos, você pode ver que essas imagens são realmente bem diretas. Eles são facilmente incluem bolha aqui. E você pode ver todas essas cores diferentes posicionadas aqui. Você pode ver textos diferentes, você pode ver imagens diferentes. Mas no nosso exemplo, tudo está por todo o lado. Estou fazendo isso só para mostrar que você pode tomar essa abordagem também. Mais uma vez, dependendo do projeto, dependendo do nicho. Porque seus clientes corporativos não vão apreciar esse estilo que estou criando no Adobe XD no momento. Mas seus clientes que gostam de usar algum tipo de estilo divertido e brincalhão vão realmente apreciar esse tipo de design. Então, se voltarmos ao Adobe XD e eu vou te mostrar isso aqui. Então vamos simplesmente posição é aqui. Talvez em algum lugar por aqui os analistas usem o Controle D. Eu vou duplicá-lo e posicioná-lo mais ou menos por aqui, por exemplo. E talvez para algum lugar por aqui. E talvez eu possa usar a mesma distância ou 52 neste caso, talvez eu possa fazer isso e talvez eu possa mudar para a cor atrás de mim para que você possa vê-lo. Então, hum, pode mudar a cor para algo um pouco mais escuro porque vamos usar esta amostra de cor para nossas cores. Então eu posso reduzir o tamanho para aqui, e eu posso usar a grade de repetição mais uma vez para extrair algumas cores. Por exemplo, algo assim, talvez na migração de grupo. E talvez eu possa posicionar isso um pouco aqui. Talvez eu possa escalá-lo assim. E talvez ele possa usar mais um. Então, o Controle D. Eu posso reduzir um pouco e talvez posicioná-lo aqui. Agora que temos todos esses elementos, talvez o que falta seja alguma tipografia. Então eu posso apertar T e digitar, por exemplo, brincalhão. Há um eu posso, por exemplo, usar algo como “Open Sans”. Neste caso, talvez eu possa usar um pouco ousado e eu possa escalar isso para 36 talvez apenas para que você possa vê-lo. Tão brincalhão Control D, eu posso, por exemplo, digitar diversão. Controlar os algures como amizade. Controle D Eu posso colocá-lo aqui, café. E digamos que Controle D, relaxamento. Então lá vamos nós. Este é o nosso moodboard. Prepare isso. O que vou fazer a seguir é simplesmente trazer minhas imagens. Já tenho algumas imagens que preparei apenas para esta demonstração. Mas você pode ir em frente e usar as imagens de seus clientes ou você pode usar um dos sites de que falamos, ou ainda melhor elementos Envato porque eles literalmente têm a aridade. Então o que eu vou fazer é arrastar e soltar uma imagem aqui, apenas para preenchê-la. Vou deixar cair aqui mesmo. By the way, você pode usar a grade de repetição quando você criou, você pode simplesmente arrastar e soltar a primeira imagem vai preencher com todas as suas imagens. E então você pode fazer todas essas mudanças que eu fiz neste caso. Mas gosto de fazer assim. Então talvez eu possa posicionar isso aqui porque é um café. Vou colocá-lo bem aqui. Talvez eu esteja indo para colocar esta imagem bem aqui. Clique duas vezes, mova-o assim. E vamos ver, talvez eu possa posicionar esta imagem aqui assim. Isto não funciona para o nosso exemplo. Então o que eu vou realmente fazer é talvez arrastar e soltar, digamos que esta imagem como esta. E acho que é muito melhor. O que vou fazer a seguir é simplesmente provar algumas cores. Mas antes disso, o que posso fazer é talvez encontrar outra imagem que corresponda, bem. Porque eu não preparei nenhum logotipo para aqui. Mas, por exemplo, eu posso clicar aqui e usar um desses. Então vamos ver o que é. Você é o logotipo. Então eu acho que não, porque você pode usar esses plug-ins e extensões para fazer isso facilmente. Como eu disse, você pode extrair imagens do seu cliente, do seu computador, do Envato Elements, por exemplo, ou de um desses plugins. Mas digamos que UI Faces. E eu quero incluir de Unsplash, Eu quero usar, digamos filtros masculino e feminino. E eu vou clicar, Aplicar aleatoriamente. E ele vai escolher uma imagem e ele vai aplicá-la aleatoriamente para este espaço reservado imagem particular é que você pode vê-lo posicionar esta. Se isso é algo que você quer, então tudo bem. Mas vamos voltar para a nossa pasta e vamos ver. O que eu gostaria de fazer é trazer este aqui porque é um café. E eu posso clicar duas vezes pode posicionar bem aqui porque o café deve realmente estar no centro deste projeto em particular. Finalmente, o que eu quero fazer é realmente provar algumas cores. Então o que eu gostaria de fazer é ir de mais leve para mais escuro. É mais fácil, só no meu caso, mas você pode ir ao contrário do poder que quiser. Então, para este, eu posso simplesmente clicar aqui. E, por exemplo, selecione este. E eu posso clicar aqui. E talvez comece com, não sei. Vamos com este. Talvez. Posso clicar aqui e provar um destes. Então eu posso ir para as minhas cores escuras como esta aqui. Isso vai ser ótimo se seu cliente já tiver alguns móveis, por exemplo, e eles enviarem imagens de sua cafeteria, de lá lugar. Então você pode facilmente puxar essas imagens e você pode provar cores dessas imagens específicas e você pode facilmente apresentar-lhes este quadro de humor. Então lá vamos nós. Como eles disseram, você pode ir realmente em profundidade. Você pode entrar em um monte de detalhes. Ou você pode simplesmente fazer algo assim, que é rápido, que é limpo, apenas para mostrar ao seu cliente quais são as possibilidades deste projeto em particular. Mas você também pode fazer é simplesmente selecionar essas cores e saltar aqui, clique aqui para adicioná-los às suas cores. E, por exemplo, se você precisar mudar essa cor do texto, eu posso simplesmente clicar aqui, por exemplo. E eu posso facilmente mudar em aplicar cores diferentes se você quiser alcançar esse olhar ainda mais brincalhão. Então você pode acabar com algo assim. Se isso é algo que seu cliente vai apreciar, se isso é suas necessidades, se isso é algo que eles gostam, então ela vai em frente para isso. Mas se é um pouco mais corporativo do que você pode saltar para dentro e explorar talvez o nosso layout como eu moodboards que nós criamos. Finalmente, o que eu quero mostrar é que você pode incluir alguns elementos de fundo. Então, por exemplo, eu posso desenhá-lo e arrastar e criar um retângulo como este. Posso criar uma cor como esta. Posso posicioná-lo bem, bem aqui. E se eu não gostar da cor, eu posso facilmente trocá-la e mudá-la para algo assim. Só para fazer minhas imagens se destacarem um pouco. E para incluir talvez que elementos lúdicos em que seus clientes para as pernas e você pode alcançar um resultado como este. Isso é tudo para este vídeo. No próximo vídeo vou mostrar-lhe como você pode compartilhar este Moodboard com seu cliente. Se você quiser obter feedback on-line ou se não, você pode imprimi-los facilmente. E eu vou mostrar a vocês como você pode exportar para impressão do Adobe XD e como eles parecem impressos e o que você pode realmente fazer com eles. Então, vemo-nos lá. 6. Compartilhe ou exportar seu moodboard: Neste vídeo, vou mostrar-lhe algumas configurações que você pode usar para exportar o seu moodboard e imprimi-lo. E eu também posso mostrar o que você pode fazer para compartilhar esse quadro de humor on-line com seu cliente e obter o feedback dessa maneira. Então, se voltarmos para o Adobe XD, aqui está o nosso quadro de humor que criamos. O que você pode fazer é simplesmente compartilhá-lo assim. Então você pode compartilhar este relatório específico que criamos com seu cliente e você pode simplesmente compartilhar apenas este. Ou você pode clicar aqui na guia Compartilhar. Clique em Gerar link no botão azul, que vai aparecer aqui. Você pode copiar esse link e compartilhá-lo com seu cliente. Agora, o que esse link vai permitir que você faça é coletar feedback e seu cliente pode deixar você feedback neste quadro de humor particular se eles estão longe de você, por exemplo, o que é uma ótima maneira de se comunicar com clientes que não estão na sua área. Então você pode simplesmente compartilhar esse link com eles. Eles não precisam ter uma conta da Adobe, nenhuma conta nesse caso. Eles podem simplesmente pular dentro desse link e simplesmente deixar seu feedback. Você pode navegar em minhas outras classes no design UX da interface do usuário para ver isso em ação e ver esse processo de compartilhamento em ação. Porque ele realmente vai em profundidade e você pode realmente apontar as rotações e eles podem deixar certos comentários sobre certas partes do seu design e assim por diante. E mais tarde, quando você começar a criar seu design no Adobe XD, por exemplo, você pode expandir esse arquivo existente para que você possa adicionar wireframes, você pode adicionar design, você vai adicionar prototipagem. Você pode adicionar guias de estilo. Você pode adicionar cada coisa dentro deste arquivo. Então seu link de compartilhamento obviamente vai crescer. Verifique se você está usando a versão gratuita do Adobe XD para compartilhar apenas um design com seu cliente, pois esse é o limite com o plano gratuito. Se você tiver um plano premium, qualquer plano premium, como assinatura do Adobe XD Creative Cloud ou plano premium do Adobe XD , você não tem esse limite. Mas se você estiver usando a versão gratuita, você tem isso. Deixe-me fazer apenas um link que você pode compartilhar com seu cliente. Então, mais uma vez, se você está interessado em certifique-se de verificar minhas outras aulas porque esses tipos podem realmente ir em profundidade. E acho que sou uma das minhas aulas anteriores. Há algo como três horas de sessão em que entramos em detalhes detalhados sobre configurações de compartilhamento para o Adobe XD porque você pode compartilhar para clientes, compartilhar para desenvolvedores, compartilhar sua apresentação ou pode custar-lhes compartilhar e ajustar todas essas configurações diferentes dentro dele. Então eu não tenho tempo nesta aula em particular e eu realmente não quero aborrecê-lo porque nós só temos moodboards. Mas quando você começa a expandir, isso é realmente fundamental para entender o que você precisa fazer para compartilhar com seus clientes. A próxima coisa que podemos fazer é exportar isto. Então, se voltarmos para aqui, eu posso ir para Arquivo Salvar como e salvá-lo assim. Ou eu posso simplesmente apertar Control E na minha prancheta e eu posso simplesmente exportá-lo assim. Então eu posso usar PNG, eu posso usar SVG, eu posso usar PDF, e eu posso usar JPEG. Você pode definir o destino aqui mesmo. Então, esta é a saída para onde seu arquivo vai ir uma vez que ele é salvo. Então, o que eu vou fazer é apertar JPEG, clicar em Exportar e, em seguida, pressionar Control E mais uma vez. Em seguida, altere-o para PDF. E eu vou exportá-la mais uma vez. Por que eu estou fazendo isso é que eu quero simplesmente ter a capacidade de imprimir ambos JPEG e PDF em simplesmente comparar com qual tipo de elemento funciona melhor. Assim, por exemplo, em alguns casos, os PDFs têm maior qualidade. Em outros casos, os jpegs têm grande qualidade. Então, o que eu realmente recomendo é exportar barco e ver onde cada um deles vai levá-lo. Então eu vou ir em frente e imprimi-lo agora e voltar e mostrar a vocês como ele se parece impresso e o que você pode fazer com essas versões impressas. Está bem, vou mostrar-te como é impresso. Então aqui temos aquele arquivo Adobe XD, e aqui você o impressiona. E, e você pode fazer com esta versão impressa é que você pode simplesmente usar sua caneta e papel e você pode saltar para o seu cliente e discutir possíveis soluções, discutir possíveis mudanças. Então, se você se encontrar com eles em sua casa, em seu escritório, por exemplo, eles podem dizer que isso é muito escuro. Esta é, por exemplo, a chave, o mundo chave que nós queremos usar em sua cópia, digamos, ou se isso é algo que eles estão se esforçando para alcançar. Então você pode realmente discutir com eles todos esses tópicos diferentes, todas essas soluções diferentes que você criou aqui e imprimi-lo aqui mesmo. Então, por exemplo, você pode dizer que essas imagens não funcionam. E eles querem ver mais disso. E, por exemplo, nós não incluímos nenhuma pessoa aqui, talvez mais pessoas. Imagens. Mais destes, mais café, por exemplo, algo assim. Então você começa a idéia, você vai discutir com eles, todas essas mudanças, todas essas imagens diferentes, todas essas cores. E quando você concorda com eles, por exemplo, aqui, nós apenas incluímos uma fonte. Mas talvez se você incluiu várias fontes diferentes em seu moodboard, talvez eles vão pegar este e dizer ir com este. E se você escolheu várias fontes com várias cores, talvez eles vão dizer, sim, esta fonte com essa cor, por exemplo, vai funcionar muito bem no nosso caso. Então você vai notar um pouco de uma equipe, um pouco de uma tendência se desenvolvendo uma vez que você começa a explorar isso em, uma vez que você começa a falar com seus clientes, eu propositadamente deixei nosso espaço em branco em torno de todas as minhas imagens, em torno de todas as minhas cores, só para que eu possa facilmente escrever isso. Você não tem que fazer isso. Você pode facilmente alternar em torno de n, por exemplo, você pode chamar esse número de imagem 1, 2, 3, 4. E do outro lado você pode virar. E, por exemplo, imagem um, você pode dizer bom. Imagem três, por exemplo, não é boa. Ou muito escuro ou o que você quer obter como referência. E isso é apenas para ajudá-lo quando você começa a desenvolver esse design, quando você começa a desenvolver esse tom. E como eu disse, isso é realmente ótimo porque você pode imprimi-lo, dar para o seu cliente. Eles podem deixar essas notas ao redor e eles podem facilmente obter a imagem de onde este projeto vai ir para trás e para a frente. Se você puder, você pode fazer essas mudanças com essas coisas que acabamos de discutir e você pode imprimir isso mais uma vez. Você pode voltar para o seu cliente se eles estão em algum lugar perto de você, e então você pode sentar com eles mais uma vez e simplesmente perguntar-lhes Esta é a direção certa agora, é assim que você quer que ele pareça? Você gosta mais desta direção? Você gosta mais deste estilo? E todas essas perguntas diferentes. Então, se eles dizem sim, então você pode pular aqui e então você pode facilmente pegar estes, por exemplo, assim. E se eles não gostarem deste, talvez você possa fazer assim. Então, como eu disse, este é apenas um exemplo rápido do que você pode fazer com estes moodboard. Então certifique-se de entender que este processo de conselho de humor vai levar tempo e às vezes em alguns projetos vai levá-lo, por exemplo, 15 minutos para criar e, em seguida, talvez 30 minutos para discutir com seus clientes em alguns vai levar um dia para criar em dois a três dias para discutir com seu cliente, para determinar o estilo geral, por exemplo, qualquer direção oral do projeto em si. Portanto, certifique-se de calcular isso no seu orçamento, porque esta é a parte do processo de design que você deve cobrar por placas de humor. Então, certifique-se de entender que quando você começar a trabalhar, como ele disse, certifique-se de ajustar o tamanho do seu papel. Então, por exemplo, este é A4. Se você estiver trabalhando com os EUA, tamanho de letra, por exemplo , você pode ajustar isso para esse tamanho específico no Adobe XD aqui. Então, como eu disse, você pode pular aqui, ajustar os pixels conforme necessário, ajustá-los como quiser. Você pode virar isso se isso é algo que você quer e certifique-se quando você imprimi-lo. Não se preocupe com 300 dpi, porque como eu disse, adobe XD é um vetor tipo 2. Então é isso. Certifique-se de testá-lo, certifique-se de experimentá-lo, certifique-se de falar com seus clientes. Porque como eu disse várias vezes ao longo desta classe, esta parte do processo de design é determinar o seu próprio estilo, a direção geral, o tom geral. Portanto, certifique-se de considerar isso em, em suas interações de design. 7. Seu projeto do curso: Seu projeto de classe para esta classe é usar Adobe XD ou qualquer software para criar um moodboard, você pode usar um exemplo como eu usei, e você pode usar suas próprias imagens, você pode usar suas próprias cores, você pode usar seu próprio estilo e você pode alcançar o resultado semelhante que eu fiz. E certifique-se de carregar isso, esse projeto de classe para a seção de projeto de classe desta classe. Você pode carregá-lo como um simples JPEG. E eu estou super animado para ver o que vocês podem criar e o que vocês podem criar usando as dicas e técnicas que vocês aprenderão com essa aula. Como eu disse, não há limitação. Você pode criar o que quiser. Você pode usar 1, 2, 3, cinco imagens. Você pode usar 10 cores diferentes. Você pode usar, eu não sei, três tipos de fontes diferentes. Tudo depende de você e você tem total liberdade. Eu só quero ver algumas dessas dicas e técnicas implementadas em seu trabalho. Então, mais uma vez, certifique-se de salvá-lo como um JPEG e enviá-lo para seus arquivos de projeto de classe. E eu posso esperar para ver o que vocês podem inventar. 8. Conclusão e recursos: Obrigado por assistir a esta aula. Eu realmente espero que você encontrar valor nele e realmente espero que você está indo para aplicar pelo menos algumas dessas dicas e truques que você aprendeu nesta aula em seu trabalho. E lembre-se, moodboards podem economizar muito tempo porque quando você começa com palavras Moon, você pode iniciar este processo de exploração muito mais rapidamente do que se você apenas iniciar o design no Adobe XD, desde o início vai apontar o seu cliente na direção certa porque você vai determinar, como dissemos, o tom geral, o estilo auditivo, as cores gerais, fontes, a aparência e a sensação do seu design antes de realmente começarmos a projetar. Então eles são realmente importantes se você quiser economizar muito tempo e seu cliente muito dinheiro, enquanto você sempre pode cobrar mais porque você está indo para fazer esta fase de exploração e você pode colocá-lo dentro de sua fatura para esse projeto específico. Lembre-se, há um arquivo PDF em sua classe, então você pode simplesmente baixar esse arquivo PDF e explorá-lo. Você pode ir em frente e clicar nesses links, que eu mencionei, e você pode acessá-lo se quiser. Certifique-se de verificar os meus produtos Moodboard, que eu vou vincular no PDF também. Se você quer se inspirar ou se você quiser comprá-los. E eu realmente recomendo elementos Envato porque eu acho que eles são, há absolutamente tudo que todo designer precisa nesse site em particular. Então, se você está interessado em ter certeza de verificar. Além disso, verei você na próxima aula se você estiver interessado no design do UX da interface do usuário do Adobe XD. E posso esperar para ver o que vocês podem inventar e o que podem criar com as dicas e técnicas que aprenderam com essa aula. Então, mais uma vez, obrigado por assistir e te vejo na próxima. Cuide-se.