Adobe XD: como melhorar design visual | Matt Ward | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Adobe XD: como melhorar design visual

teacher avatar Matt Ward, Product Designer

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Introdução

      1:07

    • 2.

      VISÃO GERAL

      2:36

    • 3.

      Contexto

      3:03

    • 4.

      Web - navegação

      19:38

    • 5.

      Web - corpo de página

      32:00

    • 6.

      Tela móvel

      22:26

    • 7.

      Adicione seu próprio estilo

      29:18

    • 8.

      OUTRO

      0:28

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

Gerado pela comunidade

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

296

Estudantes

1

Projetos

Sobre este curso

Você já foi frustrado com o design de seu aplicativo ou site nunca se parece tão bom como aqueles que você vê em drible, instagram ou pinterest? Pode levar anos e anos para que essas habilidades se desenvolvam naturalmente, mas neste curso vou compartilhar a maneira mais rápida e mais EFICIENTE você pode melhorar suas habilidades de design visual.

Vou explicar alguns métodos básicos que você pode usar para praticar e aprimorar seu trabalho de design. Vamos usar o Adobe XD e vou mostrar algumas dicas e truques sobre como criar designs que se parecem bons...mais rápido.

Ninguém nunca é bom nessas coisas para começar, e a melhor maneira de se obter bem provavelmente vai surpreendê-lo.

Aqui está uma olhada no tipo de coisa que vamos criar:

Aqui estão os recursos que uso para o curso:

Kit de interface de viagem em África:

https://www.dropbox.com/s/foatm0xzqh9p0wl/África%20Travel%20Co.%20UI%20Kit.xd?dl=0

Kit de interface de alimento:

https://www.dropbox.com/s/6bx609s56ks5fx8/Food_app.xd?dl=0

Conheça seu professor

Teacher Profile Image

Matt Ward

Product Designer

Professor
Level: Beginner

Nota do curso

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

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

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

Transcrições

1. Introdução: Ei, pessoal, eu sou um designer sênior, Truest Bank. E eu fiz alguns trabalhos para alguns lugares, como Mail Chimp e Home Depot na minha carreira. E esta aula vai ser sobre como melhorar suas habilidades de design visual em uma Debbie X'd. Isso será ótimo se você estiver apenas começando no Adobe X T. ou talvez você seja um designer de UX. Isso não funcionou muito com você, eu ou visuais no passado, e você está procurando melhorar algumas dessas habilidades. Então, muito cedo na minha carreira, eu sempre fiquei muito frustrado por não ter sido capaz de projetar coisas que eram bonitas ou bem definidas. Ela tinha uma excelente tipografia, e eu levei muito tempo para realmente desenvolver as habilidades e chegar a um ponto onde eu estava orgulhoso dos desenhos que eu fiz. Então esta aula vai ser sobre como eu fiz isso. A melhor maneira de fazer isso, porque leva muito tempo se você não está fazendo isso da maneira certa, e eu vou mostrar algumas dicas e truques e Adobe X'd ao longo do caminho para ajudar a melhorar suas habilidades. Mas também oferecem a você uma base para como melhorar sua habilidade de design visual em geral, independentemente do em geral, programa que você está usando e quais conceitos básicos você pode seguir para melhorar suas habilidades. Então vamos começar. 2. Visão geral: para provavelmente a maior parte para melhorar sua capacidade de design visual é, na verdade, apenas desenvolver um olho para o que parece bom e o que não funciona. Então você pode procurar os padrões de fonte que quiser. Você pode procurar qualquer layout. Você pode brincar com um monte de coisas, mas você realmente não começa a ficar bom até que você pode saber quando obrigado parece bom ou eles não. Isso soa como a resposta mais boba, mas é muito verdade quando você começa a desenvolver um olho e começa a entender. Este layout é ligeiramente diferente deste, e é por isso que este parece melhor é quando você realmente começa a melhorar sua capacidade de design visual . Mas a grande vantagem é que é difícil apenas melhorar a sua capacidade de design visual. Se você está começando como eu sem fundo de design, conheça nosso passado qualquer. Você realmente não sabe por onde começar. Você não sabe o que é bom, o que é ruim e por que eles são diferentes. Então, o método que vou usar hoje está realmente usando você. I crianças e você pode realmente usá-lo I crianças para tipo de medir e avaliar-se sobre o que é ou não é certo e usá-los como, como uma maneira de testar para ver se você fez bem ou você não fez. Então, o que estaria fazendo neste sentido será levar vários vocês I crianças e tentar replicá-los o melhor possível. E o que isso vai fazer é começar a treinar seu olho e a ensinar como as coisas foram colocadas. O que os faz parecer diferente? O que não os torna diferentes? E através disso, você começa a desenvolver um olho para ele depois de ter feito o suficiente. E assim posso garantir que dois métodos nesta classe um serão apenas copiando um Você gosta tanto quanto possível. Sei que parece estranho, como se eu fosse designer e precisasse ser criativo. Preciso fazer coisas novas. Mas, na verdade, copiar outro bom trabalho é a melhor maneira de aprender como o bom trabalho é feito. E agora não vou dizer a ninguém para ir lá fora, copiar o trabalho e fingir que é seu. Mas você pode copiar o trabalho como prática, e isso vai ajudá-lo a aprender mais rápido do que apenas sobre. Qualquer outra coisa vai. Então eu vou estar usando alguns foguetes diferentes aqui e a primeira coisa que vai fazer é realmente apenas tentar copiar algumas telas exatamente e ver o quão perto podemos chegar. E, em seguida, a próxima parte vai tentar ter uma tela semelhante, copiá-lo em algum grau, mas, em seguida, mudar o tema e mudar o estilo e começar a injetar nossa própria personalidade e nosso próprio tipo de design estilo e tema nele e o que isso é vai fazer gradualmente, uma vez que você copiar o suficiente, você vai entender como as coisas estão no ar, como as coisas precisam funcionar. E você pode começar a injetar sua própria personalidade, injetar seus próprios temas e começar a tornar as coisas únicas e diferentes à sua maneira. Mas de qualquer forma, vamos começar com esta primeira parte. 3. Plano de fundo: Então, antes de começarmos, eu só queria dar a vocês um pouco de conhecimento sobre esse tipo de método de aprendizagem, design visual e alguns conceitos básicos dele. Então a grande coisa é que um bom design visual é realmente comprometido com um monte de coisas diferentes . Quero dizer, cores, barbeadores, hierarquia, layout e todas essas coisas realmente têm que se unir para criar algo que é bonito, criar algo que funcione. E então a segunda parte disso é que eles também devem ser praticados juntos porque aprender qualquer coisa não vai meio que completar o quadro para você. Você realmente tem que aprender tudo juntos. E isso meio que traz à tona a melhor maneira de praticar é, na verdade, copiando. E eu sei mencionado anteriormente, mas só queria reiterar e também explicar que eu não sou. Isto não é ideia minha. Há um grande livro chamado “Roubar Como um Artista”. É por Austin Klay em, e a idéia é que ninguém nasce com um estilo. Você desenvolve um estilo experimentando coisas projetando coisas tentando coisas novas, e é assim que aprendemos. Aprendemos copiando pessoas que são melhores do que nós, e é apenas a melhor maneira de fazê-lo, porque realmente reúne todos esses componentes . Ele uma vez e permite que você aprenda tudo ao mesmo tempo. E felizmente vivemos em atingir a idade em que temos drible. Só há toneladas e toneladas de coisas. Descanse um olhar para nós temos instagram Pinterest. Há todos os tipos de outras coisas que temos lá fora, também. Aprenda a copiar de Teoh explore para ajudar a obter motivação. Mas o tipo de advertência para isso é que a cópia não roube. Copiar é sobre reverte a Engenharia. Isto é sobre aprender. Como algo é feito não é sobre pegar algo e usá-lo como seu próprio ou usá-lo para o lucro. Então, basta ter isso em mente, usando esse método e tipo de qual é a verdadeira intenção por trás dele e a maneira que eu gosto de olhar para ele e do jeito que eu gosto. A razão pela qual gosto de usar os nossos filhos é que é como reconstruir um carro. Você ainda é engenharia reversa, mas com você, eu poderia ter acesso ao manual se você apenas tentar recriar algo de uma imagem ou algo que você viu que você meio que gostou antes no passado, você geralmente não faz que grande trabalho. E você também não sabe por que não fez um ótimo trabalho. Então você gosta é um bom recurso porque você pode voltar e verificar a si mesmo e ver o que estava lá não estava funcionando. E apenas uma citação que realmente ficou comigo de aço como um artista. Por favor, verifiquem o livro se vocês, mas eles começam a copiar o que vocês amam. Copiar, copiar, copiar. E no final da cópia, você vai se encontrar. E eu acho que isso é absolutamente verdade para um designer porque você não começa a saber qual é o seu estilo. Você não começa a saber como fazer as coisas. Surpreendentemente, você tem que aprender, e você aprende copiando-o. Mas eu só queria deixar aquela nota rápida lá antes de entrarmos na aula. 4. Web - Navegação: Então o 1º 1 vai realmente usar essa viagem na África que você é, garoto. Então este é bom porque ele tem tanto, hum, telas de desktop e fluxos móveis. Então, a primeira coisa que podemos fazer é selecionar um desktop em uma tela móvel para tentar replicar e novamente, parte da razão pela qual eu gosto de usar, hum, vocês I crianças para praticar Visual design é realmente porque você pode entrar e selecionar entenda, como tamanhos de fonte. Você pode ver as cores que as pessoas usavam. Você pode ver tudo como layout de espaçamento. O que isso faz é permitir que você tenha uma ferramenta para verificar o quão bem você fez. Então, o que vamos fazer é tentar replicar uma dessas telas quando da área de trabalho e outra do Mobile tentando replicá-lo e obter o estilo visual, então tipo de ótimo nós mesmos em como nós fizemos, voltando para você como ele e tipo de verificando tamanhos de fonte e coisas, também, ver tipo de dar a nós mesmos um grande mais ou menos então a primeira coisa que podemos fazer é realmente exportar uma dessas telas. Então podemos fazer o mesmo a partir de uma das telas móveis, e eu vou estar fazendo apenas uma tela para cada uma delas. Você poderia fazer o aplicativo inteiro. Eu quase sugeriria isso se você estivesse realmente tentando praticar. Mas só para os propósitos desta aula, eu vou fazer. Uma tela é um exemplo. Dessa forma, não chegaremos em profundidade. Assim, uma vez que exportamos um desses, a primeira coisa que podemos fazer é criar mal. Então o primeiro 1 será fazendo é na verdade a Web, a versão desktop para que possamos criar um novo arquivo Web. Um 12 80 por 800 redimensiona a tela. Ok, então a primeira coisa que eu faria é realmente arrastar para dentro. A imagem dessa tela da área de trabalho será replicada, e uma coisa que eu gosto de fazer aqui é bem, é realmente redimensionar a tela, então nós não copiá-lo exatamente. Isso torna um pouco fácil demais se seu tamanho completamente o mesmo. Então nosso objetivo principal é tentar replicar isso o mais próximo possível nesta Nova York, e obviamente porque é uma imagem, não podemos simplesmente entrar e copiar e colar qualquer coisa. Nós apenas temos a referência visual então que tipo de tem que quebrar a tela peça por peça e entender, Por que ele parece bom? O que está funcionando bem aqui e como podemos replicá-lo? Então o primeiro lugar que eu gosto de começar normalmente é tipo do cabeçalho. Vamos em frente e eu segurei. Você é da imprensa? Are Isso é um atalho para retângulo. E então podemos tipo de tamanho esse qualquer tamanho que acharmos que é proporcional à nossa imagem aqui. E você pode brincar com Teoh como você nem sempre acertar ou passar, mas meio que brincar com o tamanho. Aqui. Vamos mudar isso para a cor que achamos que é. E assim você pode usar a ferramenta conta-gotas e selecionar cores da imagem. Mas isso torna um pouco fácil demais. Pelo menos se você estiver praticando, tente selecionar a cor em sua própria. Então vamos assumir que isso é preto. Pode ser um pouco preto agora que estou olhando para ele, então vamos nos ajustar. É só um cabelo bem aqui. E o que podemos fazer é bem, se estamos perto de uma correspondência de cores, vá e salve essa cor também, porque provavelmente vamos usar no Irã. Mas isso é um tipo de Ah, a primeira pequena nota a notar é a maneira de melhorar suas habilidades de design visual é tudo nos detalhes. As razões pelas quais as coisas parecem boas é porque super pequenos detalhes ar consistente na mesma ao longo de uma tela ou a experiência. E este é um pequeno, por exemplo, mas vocês notarão que isso não é preto. A coisa mais rápida a fazer seria entrar aqui e mudar a cor para preto imediatamente. Mas é esse tipo de pequenas coisas que realmente terão que prestar atenção em você porque é isso que torna o design visual bom. Como o espaçamento das coisas, o tamanho dos ícones, a forma de. Então vamos mergulhar em um monte dessa profundidade aqui, mas vamos continuar com este cabeçalho. Então, se olharmos para aqui, você percebe que há 12 ou 5. Então nós temos cinco guias no topo, esta página, então eu vou pressionar T para não abrir minha ferramenta de texto. A primeira coisa que farei. Vá em frente e crie um título. Não, eu não sei o que é essa fonte exatamente quando tipo de trapaça você pode usar se você não vai mudar a fonte. Pelo menos quando você está começando e você está apenas tentando replicar o dedo do pé. Exactamente. Você pode voltar para o arquivo e verificar qual era o fundo, porque pode ser muito difícil combinar essas fontes. Então, se entrarmos aqui e selecionarmos, ele é um profissional perspicaz. Então, vamos levar o longe disso. E então, se você selecionar este texto aqui e começar a digitar, você pode realmente usá-lo para obter fundos, o que economiza muito tempo. Agora, eu não vou olhar para cima nenhum dos tamanhos de fonte ou espaçamento são, hum algo que está usando o arquivo? Mas como eu disse, economiza um pouco de tempo para usar os mesmos pensamentos que eles estão usando porque pode ser um incômodo para tentar combinar com os dedos. Então, se notamos o topo aqui, é um fundo pequeno. tigela deles fez. E então é isso que eu vou tentar replicar aqui e meio que estimar o tamanho da fonte tente 16 Negrito. Acho que vai ser bem perto e depois mudar o dedo do pé esperar. E sabemos que há cinco guias no topo. Então, na verdade, o que vou fazer aqui pode poupar um pouco de tempo. Na verdade, vou selecionar este primeiro título e usar Pete Grid aparecer no topo, depois arrastar cinco para fora. Então, usar grade de repetição como este é muito útil porque podemos realmente ajustar o espaçamento selecionando entre os títulos e tipo de puxá-lo para dentro e para fora. E isso só vai nos poupar um pouco de tempo tentando acertar o espaçamento. Nós podemos realmente pegar essa grade de repetição e apertar o botão central aqui em cima e então nós podemos tipo de julgar e adivinhar o posicionamento. Então eles descobriram planejar uma viagem. Todos os passeios, hotéis são blob, e parece que isso pode realmente ser um pouco menor. Talvez haja um tamanho de fonte diferente. Então, com Ackman Pro, há apenas itálico regular, negrito e negrito itálico, o que é meio bom. Então sabemos que este é um negrito Algumas fontes podem ter 10 pesos diferentes. Eles podem ter como uma luz média de Ben, então é meio útil. Esse documento tem apenas um par de tamanhos de fonte sul, então este é definitivamente um negrito, aparecem no centro. Isso o que podemos fazer é apenas replicar esses tamanhos de fonte. Há títulos. Desculpe-me. Então temos descobrir viagem, então nosso bloco é melhor, e em uma grade de repetição você pode atualizar o texto como eu fiz aqui, e às vezes é meio difícil de encontrar. Mas se você pairar entre onde há onde você pode empurrá-lo de volta, isso é porque ele fica um pouco lotado quando você altera o texto. E se você clicar duas vezes bem ali em Discover e um puxão sempre que você redimensioná-lo, vamos ter um pouco eu digo, ler sobre a aparência deles. OK, Senador de novo e meio que comparar e contrastar, então isso pode realmente ser um pouco menor, então um duplo clique final. O que eu vou fazer agora é mudar isso para 14 e se você vai notar na grade de repetição, ele realmente atualiza todas as fontes ao mesmo tempo, que é ótimo. É uma grande economia de tempo, então se minimizarmos isso de novo e centrarmos aqui, está ficando muito perto. Eu diria que isso é muito preciso porque de novo, a maneira como você vai julgar isso sem ter uma comparação exata, é que estamos realmente olhando do espaço. Além disso, estou apenas desenhando um retângulo é um exemplo do espaço. E se você segurar tudo e arrastar, você pode entrar dirigindo para cá. Então nós estamos tipo de olhar para, como, o espaço e colocar para fora da tela uma das grandes partes e tentando obter estes muito precisos porque o título que títulos o ar no meio e então essas grandes porções no lado ou olhar relativamente semelhante a esta lata para comer esses e a próxima coisa que podemos fazer é realmente replicar isso. Vá aqui no canto superior esquerdo. O que eu realmente vou fazer é apenas tentar retângulo espaço reservado por enquanto. Desenhe um pouco o retângulo para cima e, em seguida, mova-o para a posição relativa para este. É provavelmente cerca de 75 e eu não vou me preocupar em preencher isso com um ícone ainda . Vamos fazer isso em um segundo, e a próxima coisa que vou fazer aqui é realmente ir em frente e estabelecer a grade para a página. Então, se você clicar no quadro de arte, é como grade. Você vai realmente ver que você obtém essas linhas de grade automáticas que aparecem, geralmente bastante úteis para começar. Mas se você notar que sobre isso, a grade é definitivamente mais ampla. Então o que vamos fazer é ajustar este cred padrão para que possamos usá-lo mais tarde. Então acalme que sarjeta. Mas o que? Nós podemos realmente mudar aqui e vamos tentar ajustá-lo para que seja bastante semelhante. Vai tentar 100 ir talvez 90 e apenas tipo de continuar brincando com isso até ovos precisos . E se você notar que você tem que brincar por aí e ter certeza de que ele é compatível? Você disse que vamos tentar 80. É assim que diz 88 ano, sempre útil para entrar e mudar esse lado também, porque o que está fazendo aqui quando tenta equilibrá-los. E se não corrigires este, vai guiar-lhe o espaçamento aqui. O que é tentar? Ele disse. Isso é bonito, mas você percebe no lado esquerdo do lado direito, as grades um pouco diferentes. Então realmente fazer é ter que jogar com a largura da coluna apenas um pouco, e as maneiras mais fáceis realmente mudar de volta para este trabalho que para que ele faz o tipo de inteligência aqui na borda aqui. O mesmo. Então, isto vai mesmo muito perto aos 78? Você olha para trás e nós estamos tentando medir esse lado com isso. Então, agora completamos este outro cabeçalho final para termos um nome, um perfil, um nome imaginário e uma lista suspensa. E esse ícone de pesquisa é o que podemos dio porque eu vou apertar E para criar o círculo e eu vou segurar a opção shift e isso vai desenhar um círculo em torno do ponto central V para trazer em minha ferramenta de seleção e arrastar isso para o lugar e eu tomar a borda para fora, zoom para trás e tipo de olhar para a referência para isso. Então eu acho que é definitivamente um pouco menor. Tantos usam opção de deslocamento arrastar, místico em alguns. Isso é um pouco mais perto. Então também vamos deixar esse nome ao lado dele. Parece que o nome é um pouco menor ponto homem estão cabeçalho que eu vou fazer. É apenas duplo rápido para isso e, em seguida, copiar comando C comando v colá-lo. Contrate isso e só vou dar um nome. um Vamos emitirumnome falso John Smith de volta aqui. Parece que também pode ser ousado, mas apenas uma esponja muito eo título. Então vamos tentar. Talvez agora usado Shift Select. Não tão bem. Conduz-nos um pouco e, em seguida, você vai notar se você tem redimensionar responsivo aqui em um pop-up para explicar isso incrível, você vai realmente ser capaz de puxar este elemento com este lado do lado e tê-lo ajustar relação ao posição deste. Isso é muito útil. Então, se você precisar vender turno para selecionar ambos, e você pode tipo de brincar com ele. Então sabemos que também temos esta queda aqui em baixo, e eu pressionei p para trazer a ferramenta de caneta e então eu estou segurando Shift e Shift vai fazê-lo encaixar nesses ângulos, e vamos fazê-lo em um ângulo de 45 graus. Traga-o para aqui. Clique novamente. Eles estão segurando o turno. O tempo todo vai tê-lo em um bom ângulo de 90 graus. Isso mudou a cor de um branco e o tamanho provavelmente dois para Se olharmos para trás aquela referência, é sobre isso para você ou talvez um 1.5. E uma coisa a notar aqui nesta imagem vai ser difícil para você realmente ver isso, mas provavelmente não é uma borda plana aqui. Acho que é uma borda arredondada, e podemos checar isso no arquivo para você quando terminarmos. Mas se você selecionar isso novamente a seta suspensa aqui para a direita, você será capaz de alterar os fins da linha. Então, se você notar que esta é a extremidade arredondada, agora nós temos que arredondado dentro e também o drop down down em torno dele. Bem, então podemos fazer esse jogo como se fosse coincidir aqui. E eu tenho certeza que cercado, mesmo que seja difícil de ver aqui, mas pode verificá-lo mais tarde. E então são pequenos detalhes como esse, mas na verdade fazem uma grande diferença, porque se você acha que você está desenhando 100 setas como esta na tela, mas nenhuma delas tem essa borda arredondada, e isso faz um grande impacto sobre como os visuais vão parecer. Quando terminares, vamos arrastar. Acabou. Parece que precisa ser um pouco menor. Talvez até a fonte possa ser um pouco menor, também. Vou tentar 10 e então eu vou rastrear isso sobre um pouco e redimensionar apenas um pouco que eu estou segurando todo o turno quando eu redimensionar ele faz isso em torno do centro. Está a aproximar-se um pouco, e acho que temos de acabar com isto um bocadinho. Então, muito disso vai ser um exercício de Justin e tipo de repetição, como garantir que o tamanho e o espaçamento de tudo estão certos e apenas fazer com que próximo possível. Porque quando algo tem, como bons elementos de design visual, é porque muito desse espaçamento é muito exato, e nós só temos que ter certeza de tentar replicar isso o mais próximo possível. E então eu estou usando Ault nesta roda de rolagem para ampliar e reduzir. por Éporisso que estou deitado na tela tão rápido. Então a próxima coisa enfraquece dio. Então eu vou desenhar este ícone de pesquisa. Podemos acertar o para uma ferramenta de lábios que eu estou segurando turno opção para puxar isso para cima. Na verdade, esta é a borda que faz este branco do tamanho, também. Então, uma coisa a saber está bem, porque este herói drogado tem os lados de dois na fronteira. Isso significa que a maioria dos ícones e o resto da página também terá esse tamanho. Então isso é um tipo de nota importante para ter. Se você olhar por aqui para esses ícones , provavelmente será a mesma história com eles. Provavelmente tem uma borda de dois, por isso é muito importante tentar combinar esses tamanhos o mais próximo possível. Nesse primeiro ícone você desenha porque ele vai tipo de replicar o que mais está acontecendo na página e, em seguida, dois. Também estou usando a barra de espaço para trazer esta mão. E é assim que, como eu estou clicando e panorâmica através da tela, By the way, assim vai desenhar o e o ícone de pesquisa o tamanho corresponde com dois. Mude o dedo do pé branco e também em torno do final, porque eu estou arredondando o final lá. Eu estou indo em torno dele aqui também, e então eu sou um seleto ambos e apenas aperte o comando G ou controlado G. E quando isso vai fazer é agrupá-lo aqui e então eu vou olhar mais uma vez para verificar o espaçamento deste cada aqui. Eu acho que é um pouco menor e então eu tenho. Isso é o que eu vou fazer é realmente tornar este pouco menor. E eu estou segurando o turno. Eu não vou puxar isso para baixo um pouco e depois redimensioná-lo para que não possamos ver o fim desta linha. E eu faço o mesmo com esta frase. Teoh, vou segurar o turno e puxar só um pouquinho. Mas eu também vou empurrar isso para fora apenas um cabelo e, em seguida, segurar turno para dormir esses elementos e arrastá-lo sobre um pouco direito sobre provavelmente há certo. Estamos chegando muito perto com um cabeçalho. A próxima coisa que podemos tipo de pular em você. Esta imagem está aqui em baixo? 5. Web - Corpo de página: e novamente eu estou transformando a ferramenta de retângulo. Vou tentar combinar este espaço que está ocupando, eu diria provavelmente Ok, aqui ser apenas um aqui maior e, em seguida, o que podemos fazer aqui é uma vez que temos este tipo de espaço reservado para uma imagem que é que podemos realmente ir para o navegador da Web e um site que eu amo usar para imagens como pixels ponto com. Hum, tem uma tonelada de imagens realmente de alta qualidade, e eles são livres para usar. Então, se digitarmos a maioria, você vê que você tem uma tonelada de imagens de alta qualidade que você pode extrair. E uma das maiores coisas sobre criar como você Eu telas como esta especificamente é que você realmente precisa estar usando alta qualidade, alta qualidade e ótima fotografia para eles, porque isso é realmente um grande impacto de como ele vai Olha, mesmo se você começar como o dimensionamento tecnológico, o espaçamento, o layout certo, você realmente ainda precisa de uma boa fotografia para realmente puxar tudo junto. Então é por isso que usar algo como pixels é um ótimo recurso. Acho que tinha um leão nele. Oh, elfo para que eu possa realmente olhar para cima. Você pode tentar replicá-lo com elefantes ou não apenas qualquer coisa que tipo de se encaixa no mar comigo e provavelmente seria divertido e sinta-se livre para apenas tipo de ser exigente sobre isso e selecionar aqueles que você acha que iria caber o tempo da bagunça. Como nestas linhas, na verdade. Então eu baixei isso. Eu só vou arrastar isso. Então, uma das coisas legais isso você pode ter uma forma no w x d e, em seguida, basta arrastar uma imagem em cima dele. E se você dobrar rápido, você pode tipo de forma e redimensioná-lo. Então vamos ter este leão recitado para cerca de lá então tipo de obter uma imagem para mapear este cabeçalho. E se quisermos desligar a rede, seja esperto. O quadro de arte. Eu meio que vejo como está parecendo até agora. E só uma nota rápida para você sobre isso porque nós arrastamos de fora. Você vai notar que os retângulos ainda tem a borda nele. Apenas tenha certeza. Você selecionou essa borda? Você deve ser bom lá. Na verdade, vou fazer esta cor para este Tahir. Mais escuro também. Incidentes de coisa se você nunca ver algo que certamente precisa ser ajustado, você pode ajustado em tempo real, porque ele vai olhar um pouco diferente quando você tem imagens caiu em vez de que o fundo branco tão grande e salvar isso novamente. E se você quiser excluir uma cor, você salva o ano certo. Tudo que você tem que fazer é arrastá-lo para fora e então ele vai apagá-lo, o que é meio confuso. Mas levei um tempo para descobrir isso. Então a próxima coisa que podemos fazer é tipo de colocar esses destinos lutados parecem tão t para trazer destino nosso texto. Desculpe-me, e podemos colocar destinos. E que ideias deixadas online? Isso e você pode realmente selecionar texto de área de dois anos texto ponto. Desculpe-me? O que isso permite que você Dio é realmente agarrou este fundo em uma escala. O texto para cima. Então vamos alinhar com nosso ícone lá, então realmente arrastou o tamanho um pouco para baixo. Então agora que temos nosso cabeçalho em e eu estou bastante confiante sobre o espaçamento do nosso cabeçalho , você pode começar a julgar este texto a partir do cabeçalho. Então nós sabemos que isso é sobre o tamanho para isso. E se você notar o espaçamento entre os dois, este texto está muito mais próximo do que o que está aqui. E você pode realmente ajustar isso. Então aqui justiça o espaçamento entre cada personagem para que possamos tentar. Negativo 10 na verdade, Ou outra opção é a opção de espera. Usado o botão do teclado, a seta para a esquerda no teclado. Eu menti. Essa não é uma opção real. Você pode apenas enfiar o dedo ajustando bem ali. Então, se quiser tentar, quero dizer néctar 30. Você começa a aproximar o espaçamento um pouco mais. Então aqui, se você olhar, está quase tocando nos D aqui, e ainda estamos um pouco longe demais para isso. Então podemos tentar e negativo 40, então tipo de continuar jogando com ele até que seja sobre a direita. Então, provavelmente negativo. 60 está perto, e também parece nossa imagem porque é um fundo mais leve. Na verdade, o texto não está aparecendo também. Então, se você quiser você poderia até mesmo soltar outro retângulo e eu pressionei já criar o retângulo que vamos fazer é apenas fazer uma pequena sobreposição com aquele preto. E então eu vou apertar o comando do colchete esquerdo. Ele vai enviá-lo para trás, e você pode tipo de ver que aconteceu aqui no comando esquerdo raquetes esquerda e algo para trás e no comando para frente parêntesis, o prefácio, e então você pode Ajuste a capacidade. Então, assim, teremos nosso texto para aparecer um pouco melhor. Você a cerca de 18%. Vamos apenas para que seja bem parecido lá. E depois temos o texto. Abaixo estão os principais destinos na África, e então eu arrancado t novamente caixa de texto, arraste este abrir e digite. Então, é claro, meu telefone também está. Bigs provavelmente vai trazer isso para baixo para cinco aviso prévio. É definitivamente regular que está saindo para sobre isso e e uma coisa a notar. Bem, eu realmente quero espaçar este texto de volta para fora para combinar com isso e, em seguida, tamanho para baixo apenas talvez como adolescente. E outra coisa que você pode fazer é, na verdade, se você pairar no lado esquerdo da nossa prancha, você pode trazer Deus à tona. Bem, na verdade, alinhem-se com isto. E uma coisa a notar, porque esta caixa de texto é um pouco menor, o tamanho da fonte que realmente não se alinha perfeitamente, então isso me deixa um pouco louco, então eu vou realmente fazer um slick este título aparecer teclado esquerdo herói para empurrá-lo sobre um pouco Assim, ele realmente se alinha. modo geral, é sempre bom verificar ou algo realmente se alinha assim porque ele pode realmente tipo de fazer a página olhar fora. Se você apenas fizer na caixa de texto, você vai notar que isso é realmente muito espaço, que ele está desligado. Ok, então agora que temos esse título de imagem lá em cima, a próxima coisa que poderíamos trabalhar é uma espécie de área. Então a primeira coisa que podemos fazer é realmente fazer este título, e o tamanho da fonte parece muito perto de você. Aquele subtexto ali, o espaçamento parece muito próximo também. Então a próxima coisa que podemos dio tem realmente apenas copiar e colar C Command V e eu estou segurando . Mude para arrastar isso para baixo, também, por isso permanece uma linha. Vamos fazer a cor. Na verdade, vamos usar esta cor. Eu não sei se é você deixar preto extra conhecido. Eu não acho que é completamente preto, então nós usamos essa cena e é ousado destinos principais e então você é tipo de retirado de um do preenchimento que isso tem na parte superior e inferior e tentou quantidades que é melhor em direito sobre há Tudo bem. E outra coisa que você pode fazer é eu vou usar um retângulo. Na verdade, mediu isto. Estou segurando. Descanso são e mantenha o deslocamento do retângulo para subir é um quadrado. E então este é um 45 e eu só vou ter certeza de que há 45 abaixo vis ou eu começo neste tipo de bloco de imagem. E quando eu puder fazer, vou manter isso aí por um segundo. Estou desenhando esta parte inferior. Então agora há uma imagem por baixo. Então, vamos voltar a trazer erguer. Então sabemos que três retângulos se encaixam nesse período. A. E depois há um botão Seymour ao lado. Eu realmente vou fazer é puxar o nosso grande backup e tentar obter este espaçamento Teoh cerca perto que eu acho que pode ser voltar para aqui e talvez um pouco menor do que isso. Não, não. Mas no meio do caminho eu vou ir em frente e excluir este espaço no topo e há um pouco de uma borda arredondada sobre isso também. Vamos replicar isso. E eu diria que cerca de 10 talvez um cabelo menos tentará. Oito. A única coisa a notar aqui é que eu vou lembrar disso também, porque você quer tipo de correspondência com as mesmas bordas arredondadas em sua coisa. Então, o que? Vou me lembrar desse oito. Estas imagens e eu vou copiar e colar este texto novamente. Este é o título na parte inferior, e parece que estes são provavelmente os mesmos tamanhos do mesmo. E também vou copiar e colar isto de novo. Só que desta vez vou mudar para o texto da área. E isso vai se tornar uma espécie de subtexto, o corpo de texto abaixo deste aqui atrás. E então esta é definitivamente uma fonte menor. E também é um peso diferente. Então vamos tribo 12, acho 12. É bem perto lá. E então a próxima coisa que eu vou digerir é que eu realmente não vou digitar todo aquele texto diretamente. Tem um plugue que eu amo usar. Então, se você for para o canto inferior esquerdo, você vai notar que há um painel de tomada e você pode trazer isso para cima. Na verdade, se você não tiver, clique em Adicionar começa. Vá para esta pesquisa e, em seguida, digite Florham e procure por isso. E há esse conector de texto de espaço reservado que eu adoro usar. Você pode clicar e baixar isso. É isso que vou usar aqui. Isso é certo. Todos os anos, o amor superior e basta ir preencher com texto de espaço reservado. E tudo que você tem a fazer é clicar neste botão enquanto suas caixas de texto selecionadas e você recebe este prompt para aparecer. Em seguida, basta inserir. Esta é uma grande economia de tempo só para que você não tenha que copiar e colar todo esse texto. Exactamente. E agora que temos várias linhas de texto que você também precisa tomar Agora que o espaçamento para o texto também é semelhante, ele parece muito próximo agora. Na verdade não vamos apenas isso, mas isso é algo pequeno para sempre ter em mente é quanto espaçamento está entre este texto e então porque sabemos que este quadro de arte vai rolar porque ele fez no original você que eu mantive começar silencioso para puxar esta ajuda Então a próxima coisa que podemos fazer é realmente desenhar esses ícones na parte inferior e, em seguida, este plus também. Agora você pode tirar um tempo para desenhar os ícones. Se você precisa praticar isso, isso é uma coisa excelente a se fazer. Mas eu vou descaradamente ir ao site Teoh chamado Projeto Substantivo aquele cone. E se você precisar de um ícone rápido, este é um ótimo usado para usar uma boa referência para vir. O Teoh. Eu acho que é este tipo em qualquer ícone que você precisa e tipo de pesquisa para o uso específico eu não gosto hey, desenho ícones do coração. Então, na verdade, vou pegar um emprestado. Você tem uma escola por perto para ver uma que combina com o estilo que você precisa lá em baixo que é necessário. Posso colocar esse BG e levar isso para o arquivo? Obrigado, Maxim David agradeço muito o seu ícone. E, em seguida, apenas comando turno G feito agrupar que este é para fins educacionais. Muito grato pelo Sr. Maxim David. Então vamos voltar aqui e de novo. Que tipo de espaçamento? Parece muito semelhante no 19. Isso é provavelmente muito perto que essas áreas muito semelhantes e espaçamento nos próximos dois em ícones vamos realmente criar muito rápido. Eles são um ícone de compartilhamento, Presti, para trazer o círculo também. Em uma mudança de opção para aumentar a escala. Esta cor preta que estávamos usando escalá-lo para baixo neste turno apenas e p para ferramenta caneta. Eu trago isso para cima. Segure o turno. Largue isso na minha cópia e cole isso bem ali, e eu copiarei e colarei mais uma vez. Poderíamos pegar o ícone de compartilhamento, e eu vou apertar o comando turno direito para trazer essa corrida. Na verdade, vou redimensionar. Esse é o pequeno que quer puxar isso para cima. É o Petit. Suas posições relativas mudam a cor dessa borda e, em seguida, também mudaram. Dimensionado também. Então nós usamos, na verdade pode não ser também. Pode ser um pouco menor. Só aquele Teoh 1.5. E esses carregadores de ar realmente encheu então vai mudar de acordo e, em seguida, redimensionar um pouco também. Na verdade, basta deixar isso e replicar este homem e eu estou segurando opção e turno. Às vezes estávamos trabalhando muito pequenos ícones como este você vai notar que ele tipo de snaps não exatamente onde queremos. Queremos bem no meio, este limão. Então, em vez de apenas deixá-lo estalar, o que você pode realmente fazer é apenas subir aqui e ajustar. Tentará cinco no final disso. Não nos aproximam de sermos a linha central deste grupo. Na verdade, redimensioná-lo um pouco assim e algo para saber aqui. Se você quiser desativar o redimensionamento responsivo, você pode realmente esmagá-lo um pouco. Acho que vou ter que entrar e me certificar que esses círculos realmente ainda circulam e, em seguida, é apenas esta base mais uma vez. Outra solução para você seria apenas escalar isso para que ele seja muito maior e, em seguida, centralizar para fora assim. Além deles de volta, isso é algo que está vindo. Só precisa jogar com um Adobe X'd. Geralmente é melhor tentar ilustrador para ícones, mas isso não pode ser uma maneira rápida e suja de fazê-lo também. Ok, então nós temos um ícone de compartilhamento e, em seguida, o marcador I O que eu posso fazer aqui é eu realmente vou puxar para cima um retângulo seco, fazer 1,5 borda alterar a cor que eu vou pressionar taxa para a ferramenta de seleção. E eu vou realmente clicar duas vezes na linha em si e adicionar um novo vórtice evitado e em seguida, segurar Shift e puxar isso para cima. Você acabou de criar o compartilhamento I muito mais fácil para o ícone de marcador. Muito mais fácil lá. Vou mudar o tamanho só um pouco. Então olhe para trás e verifique. Só podemos igualar isso o mais próximo possível. E se tivermos redimensionamento responsivo, podemos tipo de espaço real estes para fora. Certifica-te de que combinam para três. Ei, se você realmente pode querer trazer estes um pouco mais perto, então nós vamos criar este anúncio que eu li aqui. Eu acho que ele lábios e mudar um círculo de opções para vir para cima. Sabemos que isto é uma espécie de vermelho claro. Na verdade, vou virar à direita apenas um duplo. Verifique isso e também tem uma escola drop shadow select out embrulhado. Parece menos, mas posso dizer que talvez seja um pouco maior. Vamos tentar 10 não até esta borda e então vamos apenas deixar mais marca bem no meio. Vamos pressionar pegar a ferramenta de alfinete para subir. É muito branco. 1.5 é a mudança de tamanho atolada para baixo. E então eu realmente vou bater copiar e colar e, em seguida, pegar aqui para que ele gira um turno antigo e depois de um favor para juntos e então eu vou agrupar Jesus. Bem, o meu comando tem o nosso ícone mais. Então, se olharmos aqui, parece que o ícone é um pouco menor do que eu tenho. Clique duas vezes e segure, deslocamento, opção e escala isso um pouco, e então eu vou fazer o mesmo aqui. Então eu quero ter certeza que vai uma boa linha de sempre. Isso está alinhado, não completamente alinhado centrado. Lá vamos nós. Parece que eu posso realmente puxar isso para baixo. Só um cabelo ali. Então corresponde apenas a este raio mais uma vez. Acho que está mais bem. Então, na verdade, a próxima coisa que vou fazer é arrastar e selecionar tudo isso. E é aqui que ele fica muito rápido em um w x d. Especificamente. E na verdade vou passar pelo medo repetido aqui até o topo, certo? Então arraste isso. E então nós meio que instantaneamente obtivemos outras imagens povoadas à direita sobre lá. Então vemos que esse Seymour está alinhado com um perfil lá. Mas então nós imediatamente obtemos isso povoado apenas uma grande economia de tempo. Nós podemos realmente redimensionar isso um pouco, também se precisarmos fazer a imagem é maior. Então, se nós apenas segurar shift e redimensionar que vai realmente redimensionar tudo o resto na repetição, o que nos poupa um monte de tempo. Podemos selecionar aqui, e eu estou segurando o turno para selecionar todos esses e então eu vou arrastar isso um pouco para baixo. Então temos melhor espaçamento lá. Acho que está ficando muito perto. Estamos muito perto. Isto apenas certifique-se de arrastar este texto para fora para que ele corresponde o mesmo com este. Plus ícone realmente muda para preto porque isso parece muito escuro. Ok, então a próxima coisa que podemos fazer é realmente usar outro dos meus plugins favoritos. Isso se chama repetidor. Não, eu estou aqui. É, na verdade, tipo, um pouco errado e cirurgia, Peter, e instalar isso. Este é um salva-vidas. Isso me ajuda a fazer as coisas tão rapidamente e também em uma qualidade realmente alta. Então queremos fotos de animais. Então, se você olhar aqui no canto superior esquerdo realmente nos mostra cada pedaço de nossa grade de repetição por algum motivo o ícone de compartilhamento no plus I, Connor Middle, Eu não tenho idéia do porquê eo que nós podemos realmente dio embaralhou através destes. Até vermos animais, queremos povoar e usar esses dois. E refletindo-me é embaralhar. E então faremos isso. Um tem 1/3 e, em seguida, a próxima coisa que podemos fazer é realmente dormir Este texto aqui e em seguida, se você cair para baixo, o que isso está fazendo é selecionar quaisquer geradores de texto aleatórios para preencher nossas caixas de texto . Enfraquece Teoh, vamos apenas rastrear o nome. E realmente, isso é mais espaço reservado do que qualquer outra coisa. Então pode ser qualquer tipo de bobagem. Eu acho que é meio engraçado para sempre deixá-lo o primeiro nome e apenas ver o que preenche como no fazer Clique aplicar. Na verdade, não cliquei em “Solicitar animais”. Vamos ver isso mais uma vez. Shuffle esmalte aplicado é tão bem isso fora. Em seguida, clique duas vezes aqui e, em seguida, desligue essa borda. Ok, então a última parte disso é que também vai receber o herói Seymour e mensagem bem ali. Eles não copiam e colam isso do topo. De um modo geral, é sempre melhor. Apenas uma cópia e cole os elementos sobre. E é tentar replicar. Certifique-se de que este é arredondado novamente também. Bem, você ordena que você agrupe isso lá, não copie e cole esta caixa de texto para o texto do Seymour abaixo dele. Este pode realmente ser, Será que ele aguenta? Então vamos nos certificar que isso é ousado também. Vamos redimensionar um pouco. Certifique-se de que temos o nosso espaçamento bem, e eu vou salvar este vermelho realmente usar aqui. E então eu acho que esta área é na verdade um pouco mais encurtada e nos aperta um pouco, em seguida, selecionou ambos e parece que o Seymour está vindo bem na parte inferior desta imagem. Coloque essa leitura sobre nunca um pouco. E então a próxima coisa que poderíamos dilatar é desenhar esta linha por baixo. Parece que vai para a página inteira do Ross. Então vamos fazer isso coincidir com nosso texto do Seymour. Você estava aqui, mas eu vou ligar a grade novamente, então eu apenas clique duas vezes no nosso quadro para fazer isso aparecer. E só para ter certeza que tudo ficará bem centrado nesta página, como usamos esta linha vermelha original. Puxe isto e ajuste o espaçamento um pouco. Internamento duplo clique. Mas também apenas o cinza nesta linha de fundo. Só um cabelo, então, para a parte muito divertida e satisfatória. Quero dizer, uma mudança de comando que você pisa no grupo nesta grade de repetição, eu vou selecionar tudo isso, em seguida, mantenha a opção shift e arraste para deixar esta linha na parte inferior. E aí nós temos. Então, na verdade, vai deslizar estes sobre apenas um pouco para que você possa entrar e mudar o tipo de títulos e fontes, bem como no texto aqui. Não vou fazer isso por isso. Isso é meio que suficiente ou praticando, acostumando-se com o espaçamento, o layout. E a grande coisa é, você está realmente entendendo como você pode fazer as coisas melhor ou como você pode fazer coisas e projetos futuros. Então, na verdade, vou levar este quadro de coração. Vou copiar e colar. Eu vou voltar para o original Você gosta e meio que medir e ver como é . Então, a primeira coisa a observar é o tamanho da tela. Chegamos muito perto. Não exatamente lá. Este, não é? 17 83 e nossa alta? Era 17 17. Não tão ruim. Muito perto que se você olhar para esses tamanhos de fonte, tivemos 20 aparecer. Tinha 15, então é muito fora lá. Então isso é uma coisa que você pode tipo de entrar, lembrar e depois corrigi-lo. Homens. O mesmo. Presumo que com esses tamanhos de fonte. 12. Tínhamos 12 anos lá, exceto Helvetica. São interessantes e 20 por estes. Então, se você pode entrar e medir, parece que nossos ícones são um pouco pequenos. Você pode começar a entender e ter uma idéia para o espaçamento. Melhore seu próprio tipo de estética de design visual desta forma, e é apenas uma boa maneira de medir e medir como você está fazendo. Éramos muito próximos aqui. Há definitivamente algumas áreas como esta fonte era muito maior também usando Helvetica lá, então este era muito maior. Mas é o tipo de coisas que você aprendeu. Teoh tipo de obter uma sensação para entender o layout no espaçamento e realmente ajuda você tipo de mais adiante em seus próprios projetos. E a partir daí podemos tipo de avançar Teoh outras telas móveis e encontrar mais exemplos como esse. 6. Tela móvel: para o nosso próximo verde será agarrando esta tela móvel aqui em baixo. Vá e arquive. Este vai estar ligado. Selecionei aqui chutes que podemos trazer nossa imagem. Mais uma vez, vou redimensioná-lo. Só que não é tão fácil copiar tudo. Exactamente. E, em seguida, vamos colocar esta, hum, tela juntos muito semelhante à forma como fizemos a versão desktop. Vá em frente e comece a combinar o cabeçalho primeiro e vá e pegue esse espaço e corrija o que poderia ser útil aqui. Teoh também. Tente usar o mesmo tamanho de telefone aqui também. Mas quando você geralmente está praticando qualquer coisa em dispositivos móveis, eu encorajo as pessoas a tentar usar o tamanho encontrado que você já tem. Então, se você tem um iPhone X, isso é ótimo. Use-o. Mas se você tem um ex estão no Android, você pode tentar usá-lo no tamanho da tela do telefone e apenas selecioná-lo quando você criar esse novo arquivo. E parte da razão é que quando você pode puxá-lo para cima em seu dispositivo real e usar visualização ao vivo, é realmente útil para realmente entender o tamanho e o espaçamento de tudo e tipo de obter uma sensação para o dispositivo antes você começa a tentar projetar para outros tamanhos encontrados quando você ficar mais experiente. Mas para este, podemos continuar com o imposto de consumo do iPhone. E a primeira coisa que eu disse. Como eu disse, vamos ter uma espécie de área de cabeçalho em primeiro lugar. E você pode ligar notas novamente também. E parece que as grades vão ficar muito próximas. Então vamos manter o estoque, criar e é grande 36 ao lado. Tão oprimido T para que o texto apareça. Eu não recebi SMS no início e eu olhei no arquivo mais cedo. E esta também é Helvetica agora. Então, o que manteria a mesma fonte neste ponto? Na verdade, vamos trazer isso um pouco, também cerca de 28 e então vamos mudá-lo. Teoh pouco preto. Você está certo sobre lá. Vá e salve-o. Parece que o espaçamento vertical precisa ser apertado um pouco. Então, hum, eu realmente 20 lá. Isso é muito apertado. 30 e 30. Parece bonito. Esse espaçamento parece semelhante. E novamente, eu vou colocar um espaço reservado para este logotipo no topo talvez cerca de 25, em seguida, segurou o nosso para desenhar esse retângulo e 25. É provavelmente muito perto e eu vou apenas criar que preenchido com preto, na verdade não vai passar pelo trabalho de tentar replicar este nível bastante intrincado , mas vamos apenas usar isso como um espaço reservado parece sobre onde ele está em, e então vamos criar este lacaio no canto superior direito também. Então o mini é bem simples, apenas três linhas. Então eu estou segurando um P pressionando para obter 10 ferramentas para vir para cima depois da nossa primeira linha e nós vamos olhar para trás aqui. Na verdade, parece que é provavelmente também, ou tamanho. Então eu vou selecionar essa opção e mudar, então mudar, ficar um pouco maior, e então eu vou fazer a mesma coisa. Vou segurar o turno de opção e o dragão num turno antigo e escalá-lo um pouco. Parece que pode ser um pouco menor do que isso, então vou selecioná-los todos. Isto é para empurrá-lo? E eu não vou usar redimensionar responsivo. Eu vou controlar Ver que dessa forma, que tipo de formalmente e então eu vou entrar, realmente tentar brincar com o espaçamento um pouco. Sim. Então, parece bem parecido. O que você realmente faz? Se alguém é P. Vou desenhar uma linha de 45 graus mantendo o turno ali mesmo. Na verdade, vou medir isto. Só para que seja uma busca bonita, então. Tipo de usado Isto é como, uh, guia. Então isso é um pouco mais de atuação. Na verdade, vou apertar o espaçamento um pouco também para combinar, então comando G para agrupar isso. E assim parece que o espaçamento foi empurrado para fora deste lado. Tomo Matt que também em um retângulo seco com o nosso e então estamos em cerca de 27 certo? Certifica-te de combinar com isso do outro lado, está bem? E então a próxima coisa a fazer é criar este título dessas abas em uma cópia e colar isso Claro, isso parece provavelmente vai dizer 16. Mm. Vou tentar 60. Mudaremos isto através de um isqueiro. Cinza. Eu menti. Vamos lá. 14. E o que eu vou fazer é realmente usado para repetir a nota aqui. E sabemos que há 412 ou então podemos ir em frente e substituir este texto e tudo mais. Estou fazendo o certo? Havia apenas um duplo clique para você na caixa de texto, e isso apenas permite que você selecioná-lo dentro da grade de repetição. Então eu vou realmente fazer é ajustar este ano de tamanho tecnológico, é 11. - Mim. 10 alterações de espaçamento apenas um pouco. Na verdade, vou usar o “deixe vir médio”. Parece que é um pouco mais peso do que o que está no topo. Isso pode, na verdade, ser feito em. Talvez não. Isso deve ser bonito, mas ainda assim, e então nós vamos menos ícone. Eu realmente não sei o que é mais eu armas lá. Exactamente. Na verdade, vou eliminá-lo. Vai esticar isso para o que eu não acabei de fazer. Terra gosta da razão de quê? E o nosso para criar o retângulo barra de pesquisa e borda muitas vezes. Então nós vamos fazer um ligeiro cinza lá também, e eu tenho um pouco de azul nele, então eu realmente vou deslizar isso sobre um tipo de jogo com esta cor um pouco. Isso é bonito. E então ele tem um raio em adicionar algo para clicar e dirigir esta cidade colocá-lo cerca oito e então nós desenhamos este ícone de busca novamente, oprimi-lo para obter a elipse para subir segurando o turno. Uma opção para obter escala. Desligue o preenchimento. Eu deveria. Na verdade, vai ser um cinza mais escuro. Então, mas há p para a ferramenta pin e desenhar o resto do ícone de pesquisa Vou salvar esta cor cinza também. Ok, faça a metade inferior do ícone de pesquisa. Vejamos se o Check tem um canto arredondado, qualquer coisa não pode dizer. Presumo que sim, como o pequeno toque arredondado. De qualquer forma, o grupo isso realmente torná-lo um pouco menor e arrastar isso para cima apenas um pouco. Isso pode ser necessário para você seria 1,4. Então esse é o nome do jogo. Tipo, muito disso é meio que brincar com o tamanho é melhor. Hum, um monte de sua tentativa aqui tipo de. O que parece certo é a melhor maneira de medi-lo neste momento. E é assim que você começa a construir seu olho ou é. Você realmente acha que você confere. Você brinca com ele, e então, eventualmente, você pode fazê-lo muito facilmente. Com prática suficiente, vou copiar e colar este texto aqui. dois pontos e escala para baixo um pouco. Parece que este é definitivamente você mais tarde, talvez mudar. Está bem? E assim, a partir da próxima parte, ser criar este hotel como no bloco de imagem. A primeira coisa que vamos fazer é bater duro para desenhar um calado retangular para esta borda. E tenha em mente onde estamos na página também. Sou eu agora, o espaçamento. Ele deve cobrir parcialmente o fundo daquele. Isto é provavelmente muito perto. Podemos entrar e dar-lhe um raio de oito para combinar com a nossa barra de busca e desligar a borda e depois ter a sombra. Então, se você notar que a sombra padrão da seca é muito escura e próxima, é o que podemos fazer é tentar, talvez 15 entrar e realmente tornar a sombra um pouco mais clara. E então isso é provavelmente perto, e vamos continuar e replicar esse bloco de imagem bem aqui. E então o que podemos realmente fazer é copiar e colar este retângulo, colocar uma borda sobre ele, desligar a sombra e realmente levantado para cerca parece cerca de para que possamos colocá-lo bem ali você vê, eu tenho que Pequena marca de grade. Foi na metade do caminho que eu realmente vou segurar a opção e então puxar este canto para dentro. Você mantém a opção no raio. Você vai notar que só muda o raio individual, e eu vou fazer a mesma coisa deste lado. Então o que isso vai ser é o espaço reservado para a imagem Uma cópia de leitura e colar este Texas Bem, arrastá-lo aqui para começar a formular o título e, em seguida jogar em torno de seu dimensionamento tecnológico apenas um pouco, nosso para outro retângulo e vai fazer este marcador de posição classificações aqui. Vou me certificar de que o espaçamento seja bem parecido também. Além disso, salvar este cinza dessa forma podemos usar o mesmo cinza da barra de pesquisa para ter certeza de que é consistente, então, na verdade, copiar e colar isso sobre porque parece que ele é provavelmente do mesmo tamanho ou apontado aqui , e parece que há um pouco de um raio nele também. Confiança, ou talvez sim, olhando classe bonita e então vai replicar isso por noite e 50 próximos. E enquanto para você é realmente apenas reutilizar este texto. Tudo bem. Um alinhamento bem ali, em seguida, apenas, em seguida, mudar opção para arrastar isso Isso é outra cópia. O mesmo 259. Vou mudar este preto que estávamos usando e, em seguida, realmente aumentar o tamanho realmente vai cair este tamanho um pouco para baixo cerca de 10. Eu sei exatamente o que é essa diversão. Pode ser diferente de Helvetica não 100% certo, mas podemos sempre verificar isso mais tarde quando terminarmos. A grande coisa é apenas tentar obtê-lo proporcionalmente bonito o mesmo e, em seguida, obter o layout semelhante também. Estou começando a achar que provavelmente há diversão acontecendo aqui e você poderia checar o outro arquivo se você realmente quiser ter certeza. Mas não é grande coisa. Desde que nos acostumemos com o tamanho e o espaçamento, eu vou passar e meio que replicar todos esses outros elementos também. Na verdade, não sei o que isso incluiu. Botão é usar o ar. Okita sobe isso só um pouco. Na verdade redimensionar esta cópia cidade e colar esse texto a opção WiFi e mudar para arrastar outra empresa. E eu realmente vou alinhar isso até se você for aparecer no topo do nosso quadro Pegue um desses guias é que você tem que fazer é tipo de pairar aqui para arrastar, clicar e arrastar você obter um guia, e se você precisar liderá-lo, você poderia simplesmente deslizá-lo de volta para cima. Ele vai realmente garantir que tudo alinhou bem as mentes aqui. E eu meio que quero também verificar essas margens também. Então, para isso coincidir, eu preciso mover isso um pouco mais. E a maneira como eu disse que você pode ver você ficar como aquele rosa. Eu estou mensagem bem ali e apenas certifique-se de que tipo de coincide com a borda em ambos os lugares. É um 51, por isso só me certificar de que combina lá em cima. Você também pode ativar o layout na grade para ver as coisas um pouco melhor. Mas acho que ele está em uma combinação de guias e isso ajuda. Ok, então a próxima coisa que vamos ler sobre essas linhas de grade, você pode usar o comando semi dois-pontos para esconder as linhas da grade, mas eu preferi que as liderasse só para não haver muitos acontecendo ao mesmo tempo. A próxima coisa vai dio realmente sua grade de repetição a melhor ferramenta do mundo e arrastar isso para baixo . Parece que temos o tamanho muito perto. Então vamos apenas o espaçamento. Então está bem ali. A maioria seleciona nossa grade, então usamos nossa ferramenta repetidora novamente. Você não tem essa tomada. Definitivamente acertar esta seta mais e apenas havin repetidor para agarrá-lo. E então nós realmente digitamos em um hotel. Ele irá selecionar este. Esta imagem realmente selecionar a imagem, re digitá-la, digite em seu dedo do pé. E podemos selecionar essas duas fotos muito boas. Realmente se aplica. Feche esta janela e vamos clicar duas vezes e realmente não repetir grade. Desligue essa fronteira, veja ele de volta. Uma coisa só de olhar para trás, vamos nos certificar de adicionar esta sombra à barra de pesquisa, talvez torná-la um pouco mais leve, mas não chega perto para Ok, então agora que estamos meio que acabados com a tela, o que podemos fazer é copiar e colar, puxar o nosso original You I kid e ver o quão perto chegamos. Então, há uma coisa a saber. Definitivamente alguns lugares onde a fonte poderia ter sido ajustada um pouco melhor. Esta barra de pesquisa é honestamente incomum para celular, então eu não recomendo fazer algo tão pequenas alturas um pouco pequeno demais. Poderíamos nos esbarrar. A fonte era 35 Helvetica Bold foram 28. Então, apenas olhando para trás e olhando para algumas áreas que melhoramos e apenas tipo de medir e classificar a si mesmo e entender onde você deu errado ou quais coisas você meio que acabou. Mas, na maior parte, chegamos muito perto. E você poderia realmente repetir esse processo em qualquer um desses e tipo de voltar e olhar e entender que se algo não parece visualmente semelhante, é algo em que você pode trabalhar. Você pode se lembrar disso para a próxima vez e para a próxima parte disso será realmente passar para mais um exemplo. Mas desta vez, em vez de tentar copiar, ele estará tentando Teoh, criar um novo tema para ele e realmente torná-lo algo que é único. E ajudarei vocês a entender como fazer isso. Então vamos começar a próxima parte 7. Adicione seu próprio estilo: Ok para este próximo, nós vamos realmente tentar um método diferente para ajudar a praticar. E uma vez que você começa o jeito de ser mais para replicar outros projetos, você pode começar a tipo de mudar o estilo deles e começar a ver como os projetos podem se adaptar. Quem pode usá-los em diferentes áreas. Então, se você vai abrir a sua comida para cima, você é criança pode encontrar um link para ele na descrição de uma classe ou também um dos que em X'd karoo dot com. Então a primeira coisa que vamos fazer aqui em vez de apenas replicar esses projetos exatamente nós estávamos realmente indo para dio é tipo de mudar o tema do design e, em seguida, mudar o que seus propósitos. Então, para este, é como um aplicativo de comida. Recon, como pedir comida e ver como valor nutricional será apenas usando estas duas telas. E o que realmente vamos fazer é transformá-lo em, tipo, tipo, um aplicativo da loja de Halloween. Então, em vez de hambúrgueres estavam indo para o Halloween , e fazendo isso, nós também vamos mudar o nome para ser como um tipo assustador de tema também. Então eu também não vou desenvolvê-lo a partir deste arquivo também. Então a primeira coisa que podemos realmente fazer é exportar essas telas mudança inferno, dissecar ambos, e então apenas obter as imagens na área de trabalho. Se estes ar em que encontrei X são tão bílis? Sim. Então eu criei um tempo e depois o quê? Eu vou fazer você. É só arrastar telas uma e outra vez. Faço-o desta forma. Só assim não é tão fácil copiar e colar porque se você copiar e colar coisas, você meio que você perde na estepe de realmente tentar descobrir por si mesmo e entender, como ter um dimensionamento e espaçamento é trabalho. Então o que vamos fazer é replicar essas duas telas, mas nós vamos mudar o estilo de Então o processo é bastante semelhante ao que era ou e vamos sair e fazer este item de menu aqui no topo e depois fazer xixi para o pinto ou para subir de novo, e então vamos mudá-lo, Teoh. Mas uma coisa a notar é, se esta vai ser uma loja de Halloween e nós vamos mudar tipo de aparência humana de todo o lado. Este é um grande fundo, mas eu vou fazer nesta nova versão é realmente mudar a cor de fundo para você um preto. Isso é porque vai ser uma loja de Halloween. Queríamos ficar meio assustados. Nós não queremos que ele seja super leve e arejado como este aplicativo de comida é, e então o que podemos. Também Dio faz este menu um pouco mais espesso do que esta versão original, apenas para ser mais pronunciado e começar a dar-lhe um pouco mais de uma swill estilo. Copie e cole esta lima. Arraste-o um pouco. Na verdade, é a linha de cima que é arrastada para fora. E então, se você vai notar porque eu estou mudando o tema, uma coisa boa para Dio é realmente sobre isso. Há muitas bordas arredondadas por todo o lado. Uma coisa a fazer no início é apenas mudar essas bordas arredondadas para bordas retas e afiadas ,e isso vai ajudar a definir como um novo estilo ou direito fora do topo. , Por isso, é uma decisão fácil para fazer thes itens de menu um pouco mais grosso e também certifique-se de que não há borda arredondada nesta opção e dizer, Vamos fazer o nosso cabeçalho aparecer em seguida, Presti para obter o texto para vir acima. Também pode se sentir livre para mudar este texto ou o que você quiser, Teoh. Já que vai ser uma loja de Halloween, talvez possamos dar as boas vindas ao Teoh. E por diversão. Você pode tentar escolher outra fonte ou tipo de títulos básicos. Eu gosto de ir seguro e apenas usar um sf Pro. Então essa é a fonte nativa do IOS. Você pode realmente apenas ir para como, um sf pro font download no Google se você não tem a diversão já tão livre uma maçã realmente dá essas fontes em seu guia do desenvolvedor e você pode baixá-los a partir daqui, se você ainda não tê-lo. É uma boa idéia ir e ter isso, e isso é meio que a mesma coisa para qualquer andróide quer. Acredito que o Roboto vai lá embaixo. Há e apenas tê-los quando você precisa dele. Voltamos ao nosso arquivo. Então, se você não se divertir, basta agarrá-lo lá e o tamanho parece que precisamos ser uma escola um pouco menor. Tente 16 Este ditado encontrar seus alimentos favoritos realmente vai em frente e renomear isso como loja de Halloween realmente quer este ser em todas as maiúsculas e em vez de redigitá-lo? Se você passar por aqui, você pode realmente selecionar todas as letras maiúsculas ou minúsculas ou letras maiúsculas. Vou redimensionar isso também bombear. Talvez uns 28 e eu vou deixar este texto branco. Então o que eu estou fazendo é que eu estou usando tamanho semelhante e espaçamento para este original Abbott A Mr Toe Adicionar diferentes como elementos estilísticos para ele e tipo de explorar como o que nós podemos fazer para realmente mudar a aparência e sensação dele. Você mudando como um monte de layout e lutou e espaçamento necessariamente tamanho local. Isso é uma coisa que podemos dio é realmente mudar o tipo de fonte para como Ming armazenar. Então, se você quiser ir e vamos tentar como assim você pode ir a qualquer site para baixar Tia um, coisa que é grátis, seja, o padrão é muito bom. Então, se você quiser procurar aqui por sua própria luta específica sinta-se livre para usar qualquer tipo que você gostaria apenas um monte deles, tente não fazer nada demais demais, mas algo para dar um pouco de brilho seria ótimo. Então, se voltarmos para o nosso arquivo uma vez que você instalá-lo ou apenas nos usar, ter pro se você está praticando e vamos ver se eu posso realmente encontrar a fonte que eu baixei . Está bem. Felizmente, isso não demorou muito. Então eu baixei este tipo de assustador lutou bem, realmente quero ser, Você gostou? Eles são até magros. Então, de novo, estou usando o tamanho geral. É muito parecida, mas estou brincando com a fonte de espera para criar uma vibração assustadora, especialmente com essa mas estou brincando com a fonte de espera para criar uma vibração assustadora, especialmente com essadiversão de Halloween que temos aqui para mandar isso para ela. E se alguém quiser o desejo específico era chamado comedor de homens BB, , e a próxima coisa que podemos fazer é criar essa barra de busca e segurar a nossa para o retângulo novamente. Vou olhar para a nossa grelha, por isso, dobro a placa rápida, viro o grande no Não, alinhá-lo com não, na verdade ferrado. Talvez lá e ele provavelmente é muito citações. Ok, então se você vai notar em vez disso, ser branco vai realmente fazer um escuro fora de preto. Você está certo sobre lá. E em vez de fazer bordas arredondadas na barra de pesquisa fazer bordas angulares aqui, e isso é apenas tipo de ir junto com estrangeiros. Temos uma vibração assustadora do Dia das Bruxas, mas ainda teremos busca nesse ícone de busca aqui também. Ele está copiando e colando o texto. Eu geralmente prefiro copiar e colar texto em vez de apenas errado você caixa de texto. Acho que é um pouco rápido. Você tem que fazer dessa forma, mas é claro, claro, livre para tentar o que quiser. Mas é assim que eu gosto e reduz-nos um pouco. Então nós vamos desenhar provavelmente nosso terceiro ícone de busca para que ele para os lábios desenhe isso, e especialmente quando você está apenas começando e você está se acostumando com o programa que você está se acostumando a projetar, Hum, para digital produtos, geralmente é melhor ir em frente e tentar criar esses ícones você mesmo. Ele só ajuda você a se familiarizar mais com a ferramenta ajuda você a se familiarizar mais com, um, conjuntos de ícones e apenas um tipo de apenas apenas apenas melhores visuais ao redor. Por isso, é um pouco pesado dedo sempre estar desenhando ícones, mas isso ajuda a longo prazo, e na verdade, eu vou fazer o fim deste não arredondado. Então combina com as bordas dessas caixas de caixa. Essa é uma das notas muito pequenas dedo do pé tipo de realmente tomar nota de é coisas como a correspondência de bordas são muito importantes quando se trata de ter e alcançar um estilo visual. Então vamos nos certificar que esse tipo de todos os equilíbrios e faz sentido lá. Então congelando de volta, é um pouco menor de novo. Ainda estamos tentando combinar alguns dos tamanhos e espaçamento deste, e então criaremos este ícone também. Então, arrependa-se, rastreie isso. Na verdade, eu vou deletar isso, precisa de um retângulo em vez disso, explicar por que em um segundo assim são para retângulo, mas e desenhar isso aberto e então nós vamos apenas preenchê-lo, desligar a borda. Eu fico um pouco menor aqui, congelando de volta para este pouco menor Eu vou primeiro, seu amigo de lábios, então opção de mudança. Não, isso e Phil fora. Então eu vou fazer isso cerca de 1,5, e isso é só para que ele fique um pouco mais perto de combinar isso vai fazer para realmente desta maneira. Na verdade, eu meio que gosto dessa cor laranja. Só porque é muito Halloween, provavelmente vou tentar igualar aquela laranja. Estava um pouco mais vermelho. A questão disso e que também se encaixam bem com o nosso tema de Halloween. Então o que eu realmente vou fazer aqui, selecionar os dois e, em seguida, aqui em cima, eu vou adicionar o caminho. Bem, na verdade, eu vou fazer duas coisas lá, então eu vou copiar isso em um seleto estes, e então eu vou bater tinha caminho, e então eu vou colá-lo novamente. Phil, desligue a fronteira. Então, vou reduzir isso um pouco. Sim, e depois vou levar este passado, por isso vamos ter a certeza de que os dois são seleccionados. E, na verdade, é subtrair. Certo? Então o que isso vai fazer é que isto faz deste um ícone cheio de buracos em vez de apenas uma borda. Segure a opção de mudança para dragão sempre em. Então, se você clicar duas vezes e clicar duas vezes novamente, podemos realmente editar e mover sobre esses círculos a mesma coisa aqui e duplo final rápido. Às vezes é preciso um pouco de jogo para ter certeza de que você está selecionando a camada certa, e eu realmente rodar isso todo o caminho ao redor. Então eu vou agrupar isso tudo junto comando G e opção shift e escalá-lo para baixo. Na verdade, estou um pouco acima deste tamanho também. Então a próxima coisa é uma espécie de barra de abas vai salvar esta cor também. Traga esses textos aqui para esse tipo de títulos de abas. Você por esta linha? Vamos fazer a mesma laranja que usamos lá em cima. Na verdade, ainda não vou desenhar estes ícones. Sinta-se livre se você quiser tentar esses ícones é definitivamente uma ótima prática. Ou se você quiser ir para o projeto substantivo como fizemos anteriormente, essa também é uma boa opção. Mas, por enquanto, vou cair como um guarda policial por eles. Então eu vou realmente usar grade de repetição agora, desenhar para a direita. Então, onde quer que você possa, geralmente é uma boa idéia tentar usar a grade de repetição. É uma grande economia de tempo. Então, se você vir algum elemento que possa ser replicado, provavelmente é uma boa idéia tentar. Replica-os só para que seja mais rápido. Na verdade, vou mudar este fundo. Então isso é um pouco que eu realmente poderia ligeiramente diferente peso também. Ok, então eu vou encontrar um ícone de espaço reservado no projeto substantivo para isso. Então, se procurarmos a loja de fantasias causa do Dia das Bruxas, você provavelmente pode encontrar algo decente, como este grito para eu não tenho idéia de como dizer isso, mas obrigado por isso vamos escalar isso realmente vai em frente e fazer isso Brancos Nós podemos vê-lo, mas eu estou realmente indo dio desarrumado esta grade de repetição que era nave de comando Jeda e agrupá-lo e, em seguida, mudar para você mais uma vez, e nós vamos colocar este peso alto um espaço reservado, selecionar todos estes Shift segurando, e, em seguida, vamos fazer você repetir grade. Dessa forma, temos um espaço reservado Nikon que é um pouco mais, um pouco mais atraente visualmente. Bem, centralize isso e eu vou agrupar este turno de comando G porque estes são os que estão sendo selecionados. Selecione uma mudança de comando do shopping. AIJ no grupo. Vou selecionar essas pequenas linhas, na verdade, apenas torná-las um cinza claro, e nós vamos chamar isso nossa página inicial, e então nós vamos apenas inventar alguns nomes para esses outros. Vou selecionar tudo isso e ter certeza que o Texas está centrado. Vamos chamar esse recurso de ofertas. Claro, isso fica rescindido e você pode passar e mudanças são contras também. Mas para isso vai apenas mantê-los como é, então a próxima coisa é criar esses dois elementos na parte inferior aqui e novamente, vamos tipo de manter no tema. Bem, não vamos fazer nenhum arredondado. Eu só aqui, para ter certeza que o fundo é um pouco mais escuro. Nós também pode dio extrair outro retângulo e nosso para arrastar esse retângulo, a propósito, criado deslocamento uma opção para dimensioná-lo para baixo, copiar e colar. Isso você poderia tentar desenhar estrela. Geralmente não gosto de desenhar estrelas. Eles pensam em uma quantidade decente de tempo. Mas se você quiser praticar, você pode. Você pode usar o triângulo dito para fazê-lo também, mas isso geralmente leva algum tempo para obter as coisas aperfeiçoadas. Então, obrigado, você d. Então, só para economizar um pouco de tempo, eu vou arrastar a estrela do não-projeto. Nós usamos a mesma laranja para ele, bem e novamente, Então eu estou puxando em coisas do projeto substantivo Muito frequentemente. Eu não uso esses e qualquer coisa comercial não usá-los em nenhum APS que eu estou lançando. Então, certifique-se sempre de que você está usando-os em qualquer coisa que vai ser comercial ou não. Base educacional que dião grita, dê algum crédito. Extremos. Este é dois anos 12. Vamos torná-lo um pouco menor. Talvez tipo, hey, nove. Isso é muito pequeno. Vamos manter o número da estrela lá. Eu vou dizer classificação em vez de minutos. E a outra coisa é esta etiqueta de preço, e está usando um preço arredondado. Na verdade, desenhe um retângulo, este núcleo vermelho Halloween e uma coisa que eu vou fazer é clicar duas vezes. Você pode realmente agarrar essas bordas se eu tiver turno e, em seguida, arrastá-lo sobre um pouco e realmente torná-lo um pouco funky tipo de jogo com a forma. Então vamos fazer isso, e é nisso que vamos colocar o preço. E nós vamos apenas esse tamanho um pouco. Veja como isso fica em preto. Eu gosto de branco, só que um pouco mais. Vamos escalar isso além de um pouco maior, exceto quando eu fizer isso ousado também. Está bem. E assim, no tema deste também será selecionar este e usar grade de repetição, e eu amo utilizar grade de repetição. Poupa muito tempo. Então eu selecionar isso e, em seguida, ir para repeti-la no topo, gerar, Selecione aqui sobre o tipo e como significa fantasia mídia. Então vamos embaralhar e procurar alguns danos bons. E você pode brincar com as palavras de pesquisa e as palavras-chave. Talvez tentemos assustar, mas procurem e encontrem algumas imagens que gostem. Agora, avance com isso até eu finalmente ficar satisfeito com algumas imagens, você também pode, se você quiser algo mais específico, podemos ir para pixels e encontrar algumas coisas por ano. Muitas vezes, esta é uma aposta mais segura. Hum, porque você pode obter mais imagens de alta qualidade. Então, é só com você para quê? Você gostaria que esses negócios de ar realmente arrepiante. Então, tudo bem , qualquer que seja a imagem que te veja, o que você gostaria de colocar lá. E esta é, na verdade, uma nota importante. Então, se você selecionar vários itens e, em seguida, arrastá-los para uma grade de repetição, ele vai tipo de pairar onde vai cair e então você soltar, e ele vai realmente preencher ambas as imagens lá. Se você tem um monte de tentando trazer para a grade de repetição sempre, você pode fazê-lo muito facilmente. Então nós vamos realmente comandar, mudar, trapacear no grupo isso, e então nós podemos escalar isso de forma semelhante. Como eles aumentaram a escala desta cidade, e a razão pela qual está fora do centro é que eu estou assumindo que há algum tipo de animação rolando que acontece. Não vamos entrar nisso, mas agora é provavelmente a razão pela qual está centrado. E a última coisa é, então nós praticamente temos tudo no lugar relativo que ele está aqui. Mas vamos adicionar um pouco mais de como um flare mais, um pouco mais de cor pop e algo para tipo de dirigir para casa esta uma loja de Halloween. Então, se você quiser, você pode ir para o projeto substantivo e o que eu estou procurando, é como um fundo, e nós vamos realmente fazer é procurar um fundo de respingos, então vamos fazer com que pareça uma espécie de mancha de sangue ou alguma coisa. Então escolha algo aqui que você gostaria de baixá-lo e, depois, uma vez que você dio, você pode voltar aqui. Gosto muito deste que encontrei antes. Obrigado, Becca. Agradeço por isso. E depois o quê? Podemos nos certificar de que está tudo agrupado. Entra, G usou. Isto é como um fundo e algo neste canto superior direito porque parece terra bonita com tudo lá em cima. Que tipo de arranhão? Este grande observador de sangue na tela. E eu vou apertar o comando turno esquerdo do colchete e enviá-lo para trás. E então esse tipo de vibe para casa ou para a loja de Halloween. É uma boa mudança na mistura a partir deste e dá-nos uma espécie de melhor sensação para ele. E então, como o último, se você quisesse, você poderia copiar e colar isso e voltar ao original e ver o quão perto chegamos. E parece bem parecido. Esta foi uma bem simples. Você ainda pode tipo de verificar e ver a base segura e o dimensionamento das coisas. Gosto mais do tamanho do nosso ícone de pesquisa. Você quer ficar pelo menos 45. Você está fazendo qualquer coisa que precisa ser clicado, então provavelmente só precisa ser maior aqui. É muito perto, e tem um bom talento para o Halloween. Então, se voltarmos aqui e se alguém quiser experimentá-lo, você pode realmente ir em frente e fazer esta página e tentar torná-la em um tema de Halloween e mostrar como uma fantasia uivante pode ser criada aqui. Uma das opções. Uma das outras telas que você poderia brincar com o ano e tipo de experimentá-lo por conta própria . Talvez seja um exercício de aula seria ótimo e realmente tentar mudar o estilo dele e ver o que você pode brincar com e tipo de. Eu entendo o seu próprio estilo visual e vejo o quão bom você poderia fazê-lo parecer. Mas isso deve ser muito bem embrulhado para esta ilha limpar todos os links lá se alguém precisar deles e obrigado por assistir. 8. Outro: modo que encerra tudo para esta classe. Muito obrigado por assistir. Por favor, deixe um comentário ou comentário dependendo de como você se sentiu. E, por favor, sinta que você tente o exercício da aula. Eu definitivamente farei o meu melhor para dar feedback a todos os exercícios da aula. Então vocês podem realmente começar a aperfeiçoar esse design visual e começar a construir isso no sentido de quando algo parece bom e quando não parece. Porque essa é definitivamente a parte mais importante para aumentar a deficiência. Então, obrigado novamente por