Design de aplicativos móveis do zero | Maxime C | Skillshare

Velocidade de reprodução


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

Design de aplicativos móveis do zero

teacher avatar Maxime C, Entrepreneur and 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

30 aulas (7 h 33 min)
    • 1. Trailer

      2:15
    • 2. Apresentação

      2:15
    • 3. Como este curso funciona

      3:24
    • 4. UX e IU

      2:54
    • 5. Desenho vs Photoshop

      6:48
    • 6. Qual problema você está resolvendo?

      5:35
    • 7. Quem são seus usuários?

      8:57
    • 8. Encontrar a solução certa

      7:45
    • 9. Design de narração

      13:47
    • 10. Mockups 1/2

      42:39
    • 11. Mockups 2/2

      24:37
    • 12. Encontre inspiração

      8:51
    • 13. Typograhy

      15:32
    • 14. Entenda o escolhedor de cores

      11:29
    • 15. Teoria de cores 1/2 - Significados de cores

      15:55
    • 16. Teoria de cores 2/2 - Harmonia de cores

      13:07
    • 17. Tour de desenhos

      5:58
    • 18. Como desenhar a navegação

      33:19
    • 19. Visualização de visualização no dispositivo

      3:13
    • 20. Usando ícones existentes

      9:43
    • 21. Como criar nossos próprios ícones

      23:23
    • 22. Como criar o conteúdo de casa

      25:57
    • 23. Como desenhar o fluxo da câmera

      54:26
    • 24. Como redimensionar a navegação

      28:18
    • 25. Como redimensionar o conteúdo de casa

      17:11
    • 26. Como redimensionar o fluxo da câmera

      7:38
    • 27. Guia de estilo e exportação

      16:34
    • 28. Como criar o ícone do seu aplicativo

      33:27
    • 29. Como exibir seus desenhos

      6:48
    • 30. Conclusão

      0:49
  • --
  • 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.

1.919

Estudantes

--

Projetos

Sobre este curso

Neste curso, você vai aprender a projetar um aplicativo para dispositivos móveis do zero.

Um fluxo de trabalho de design de A a Z

Da minha experiência como designer e depois de entrevistar mais de 40 designers enquanto preparava este curso, eu criei um fluxo de trabalho que o levará da sua ideia a um produto totalmente projetado.
Meu objetivo é ensinar esse fluxo de trabalho e tudo o que você precisa saber ao longo do caminho.

Aprenda por exemplo

Este curso é ensinado com um exemplo. Cada lição representa um passo no processo de design que será aplicado ao aplicativo que vamos construir. Isso permitirá que você tenha uma compreensão muito clara de todos os princípios de design que serão discutidos.

Quem deve cursar este curso?

  • Empresários que querem tornar seu projeto uma realidade
  • Desenvolvedores que desejam projetar seu aplicativo
  • Designers que querem ser proficientes no Design de aplicativos móveis
  • Gerentes de produtos que desejam impulsionar suas habilidades de UX e IU
  • Qualquer pessoa que queira criar ou melhorar um aplicativo para dispositivos móveis sem depender de outra pessoa

Não são necessárias habilidades specific você precisa ter um mac

2 semanas para se tornar proficiente

Trabalhar 30 minutos por dia permitirá que você conclua este curso em 2 semanas. Até
o final do curso, você vai:

  • Ser capaz de explorar sua ideia em profundidade para encontrar a maneira certa de criar seu aplicativo
  • Tenha uma proficiência completa no software de design
  • Tenha uma compreensão muito boa dos princípios de design e como usá-los
  • Seja capaz de criar ilustrações gráficas mesmo que você nunca tenha desenhado nada na sua vida
  • Saiba como escolher o fluxo e a navegação do seu aplicativo
  • Saiba como criar um layout muito claro que vai servir seu conteúdo
  • Saiba como criar a identidade do seu aplicativo e como escolher e usar cores e fontes
  • Seja completamente autônomo como designer
  • Economize muito dinheiro e tempo não precisando trabalhar com um designer freelance


Kit de design incluído

Eu incluí modelos e arquivos que vão ajudar você a iniciar seus próprios projetos.
E todos os arquivos que eu desenho durante o curso também estão incluídos. Também

criei folhas de fraude que você vai poder manter perto de você ao criar o projeto para lembrar de tudo o que eu disse. Isso também permitirá que você se concentre nos vídeos e exercícios, não precisa tomar notas.


Como criar um ótimo aplicativo

Como Steve Jobs disse "Design não é apenas o que parece e sente. Design é como ele funciona." Portanto, este curso não é sobre criar um aplicativo que as pessoas vão gostar porque ele é bonito. É sobre projetar um aplicativo que as pessoas vão adorar porque ele funciona bem e é lindo.

P.S. O preço de US $ 49 é destinado a ser uma oferta introdutória. O preço vai dobrar quando atingirmos um determinado número de alunos. Então, se você quiser ter certeza de que você entra neste preço especial, inscreva-se agora. Você não vai se arrepender (mas se você esperar, você pode).

Conheça seu professor

Teacher Profile Image

Maxime C

Entrepreneur and Designer

Professor

I'm an entrepreneur and web and mobile app designer. I've created 2 startups. I teach entrepreneurship and design at SciencesPo, a top school in Paris. I'm also a UX consultant and interface designer, I work mainly with startups.

I strongly believe in the power of teaching by example and my goal is to make sure my students will be able to use the skills I teach them immediately.

Visualizar o perfil completo

Nota do curso

As expectativas foram atingidas?
    Superou!
  • 0%
  • Sim
  • 0%
  • Um pouco
  • 0%
  • Não
  • 0%
Arquivo de avaliações

Em outubro de 2018, atualizamos nosso sistema de avaliações para melhorar a forma como coletamos feedback. Abaixo estão as avaliações escritas antes dessa atualização.

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui cursos 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

2. Apresentação: - Ei, bem-vindo. - Obrigado pelo seu interesse neste curso. - Meu nome é Maxim. - Ligue-me. - Aqui está o que seria um prédio juntos. Sou um designer autodidata e empreendedor em Também leciono em uma universidade em Paris. - Eu projetei muitas peças para meus próprios projetos em para outras startups, - algo que eu pensei que seria impossível. Há alguns anos, quando comecei a aprender Web e mais sobre design ab, este foi um processo longo e difícil. - Há toneladas de recursos que muitas vezes cobrem apenas partes do processo de design. Não encontrei ninguém para me ensinar por onde começar, o que fazer a seguir. O que eu precisava saber para fazer tudo isso sozinho. - Esta é a razão pela qual eu criei estas escolas. - Eu projetei o curso que eu adoraria ter o que eu comecei porque isso teria me poupado um monte de problemas em um monte de tempo. - O objetivo deste curso é dar-lhe um fluxo de trabalho que o texto da sua ideia para a versão totalmente projetada do seu produto pouco antes de você ou alguém da sua equipe começar a cortar. - Faria isso, projetando e aplicativo móvel no Instagram réplica de A a Z. - Passando por este trabalho para que você será capaz de usar para todos os seus projetos foi que a partir de - a idéia que passamos por extremamente útil você extra tais técnicas, a fim de ser capaz de - escrever histórias de usuários. - E a partir daí foi que trabalhar nas simulações da APP dentro do design, - a primeira versão do APP que trabalhamos em redesign e, finalmente, prepararia o up para ser - pego. - Até mostra como criar um grande ícone para a Europa. - Nestes são o exemplo de um projeto. - Vou ensinar-te a completar cada passo do processo. - Explicando o conceito de design que você precisa entender. Estou a mostrar-te como usar as ferramentas que precisas. - Este curso é realmente orientado para a eficiência. - Então, no final do curso, - será capaz de criar rapidamente protótipos para suas idéias. - Projetar uma interface completa e bonita em iterar, - o design de seus produtos. - Este curso é para empresários, - programadores colocá-lo, - gerentes, - designers, - qualquer um que quer construir ou melhorar um aplicativo móvel porque, - como tubed, - design chateado não é o que ele parece e sente como design é como ele funciona. - Não há pré-requisito. - Você não precisa saber nada sobre design ou software de design. Para começar este curso, a única coisa que você precisa é de um Mac. - Um computador Apple. - Então aproveite a causa. - Espero vê-lo em breve. 3. Como este curso funciona: - Ei, - bem-vindo de volta neste vídeo vai explicar como este curso funciona em como você pode tirar o máximo proveito dele. - Este curso vamos falar com um exemplo. - É lição representa um passo no processo de design que seria aplicado à APP vai - estar construindo. Usaremos uma aplicação existente, não uma falsa apatia. - Exemplo. - O design está ancorado na realidade. - Portanto, - na minha opinião, - foram mais valioso trabalho dedo do pé com algo que já existe provou funcionar bem - meia dúzia de instagram porque todos já são família lá, - é muito bem projetado funcionará na versão eu era do Instagram. - Mas além de algumas convenções, - projetar para IOS e Android é bastante semelhante. - Uma vez que você aprendeu a projetar para IOS, - seria muito fácil de projetar para Android não se preocupe. Se você não tem um iPhone, não precisa de um sem o curso. - Com algumas lições sobre técnicas de pesquisa dos EUA que irão ajudá-lo a criar o conceito de - Europa bem, - em seguida, construir as simulações do APP sobre. - Uma vez que nossos mercados já passariam algum tempo discutindo coisas como topografia e cores - na seção de conceito visual - então vamos projetar no design. - O aplicativo em finalmente vai cuidar das exportações do Eiko quando eu estou oferecendo a você é um - fluxo de trabalho completo que irá levá-lo desde o início do processo de design sua idéia para - um design completo da Europa. - Mas se você está confiante você já sabe exatamente o que você quer construir um dat. - Onde você precisa agora é aprender a usar um software de design, - então sinta-se livre para começar diretamente com o design na parte redesenhada do curso, - você sempre pode assistir as aulas que você pulou. - Mais tarde, - quando você tem mais tempo que tem um caminho que você escolher, - a melhor maneira de fazer este curso é aplicar as instruções dadas em nicho menos e duas vezes -. - Primeiro no aplicativo de amostra, - depois em um projeto pessoal. - Se você não tem um projeto pessoal, - identifique um pequeno problema que você é pessoas que você conhece tem em que você pode resolver com o - aplicativo móvel. Não te preocupes se a tua ideia parecer trivial, o teu objectivo não é construir um negócio multimilionário, mas para te habituares a aplicar os conceitos que aprendeste dois desafios diferentes, se tiveres dificuldade em arranjar uma ideia, - tente identificar os problemas que o absoluto tem em seu telefone estão tentando resolver. - Escolha um e comece a partir disso e tente esquecer como o APP está solucionando o - problema em como sua interface se parece. - Se você já tem um projeto pessoal como você começou produto, - por exemplo, já começou a trabalhar nele. - É ótimo, mas você também pode considerar escolher outro projeto pessoal. - Não, isso é realmente começar desde o início. - Para o bem do curso, é com você. - Se você seguir as instruções durante os vídeos, - em seguida, aplicar tudo o que você aprendeu sobre feito. - Para o exemplo. Depois do seu projeto pessoal, você realmente tira o máximo proveito deste curso. - Certifique-se de não saber os incêndios ligados a esta lição que serão úteis durante todo o curso. - Seu fundo. - Três pastas. - A igreja. São resumos do que ensinarei no curso que fiz para você. Então, se há algo que não se lembra de que não tem certeza, dê uma olhada lá dentro. - Arquivos de lição. - Todos os fãs vão projetar durante este curso ordenado por aulas. - Muitas vezes você tem um arquivo inicial e uma luta completa. - O arquivo inicial é o incêndio. - Você deve abrir no início de uma lição sobre o arquivo completo como você para comparar o seu - trabalho com o meu no final da lição. - E eu coloquei o lugar da cidade que vamos usar e um pouco mais que você se importou mais tarde na pasta de modelos. - Ok, então vamos começar agora. - Vou ver no próximo vídeo. 4. UX e IU: - neste curso, - como seria projetar uma soneca, - seria construir uma interface de software que significa que vai estar trabalhando principalmente em interação. - Interação de design. - Design é sobre moldar coisas digitais para uso das pessoas. - É sobre ajudar as pessoas a alcançar metas específicas para uma interface. Pode ser sacar dinheiro de um “A T M. tirar uma foto com o seu telemóvel ou verificar os seus e-mails. Então isso é diferente do design industrial, onde o objetivo é resolver o problema. Ao fabricar um produto físico, haverá produção em massa, levando em consideração as restrições de material e linhas de produção. - Também é diferente do design gráfico, que é mais destinado a ser analisado. - Deixe-me apresentar-lhe dois conceitos. - Você precisa entender você x um novo I stand para a experiência do usuário na interface do usuário. Você provavelmente já ouviu isso antes, mas nem sempre está claro a que corresponde, e quero ter certeza que a distinção é clara em sua mente. - Você X experiência de usuário lida com a experiência geral associada ao uso de um - produto ou serviço. - Requer uma boa compreensão fora do usuário e do sistema dos produtos que o usuário - interage com você. - I interface de usuário é a interface específica deste produto. É a ferramenta, o ponto de interação entre humanos em um sistema. - Portanto, - faça os olhos uma parte de você X. - Vamos pegar emprestado exemplo de Elia e fotos para ilustrar isso. - Ei, - nosso problema é qual é a melhor maneira de servir o conteúdo representado pelos cereais toe a - cliente. - Toda a experiência do usuário incluirá servi-los em uma tigela cheia de leite, permitindo que o usuário coma cereais da tigela. Isso é graças à interface, que é a colher. - Vamos ver o que isso significa. - Se tomarmos o nosso aplicativo simples, - temos o nosso você eu, - que é feito de vários elementos você como a barra de navegação, - o texto clicável ou a guia são tão realmente você é é o que é exibido na tela para - realizar em ação. Considerando que você “X ends “é uma pergunta diferente , e é por , e é porisso que isso é baseado na página? - Por que somos cinco tipos que incluem a aba azul e a resposta para o porquê não é - algo que você pode descobrir por conta própria? - A única maneira de encontrar as respostas é falando com as pessoas que as observam. - Uma boa UX depende de uma boa compreensão das necessidades e personalidades dos usuários. - Uma visão clara da arquitetura sobre as obras do produto meteorológico. - Sem um mínimo disso, - não podemos esperar criar o que você i funcional, a fim de construir uma ótima interface de usuário, - ganhando para trabalhar na experiência do usuário primeiro. - É por isso que nosso fluxo de trabalho que você poderá usar para todos os seus projetos futuros começará - com algumas técnicas de design UX antes de mergulhar no design da interface. 5. Desenho vs Photoshop: - Ei, bem-vindo de volta. - Eu não mencionei o que o software de design estará usando durante todo o curso ainda porque eu - queria ter um tempo para fazê-lo. - Se você já usou um design até agora no passado, - mudanças são que foi um desses produtos, - provavelmente para a loja em. - Você pode estar um pouco surpreso que eu escolhi não trabalhar com a loja de rodapé. - Há uma razão muito simples para isso. - A loja de fotos não foi criada para nós. - Não foi projetado para design de APP Web. - O objetivo inicial da loja de fotos é o processamento de imagens digitais em Don't Get Me Wrong. - É muito bom nisso em É ótimo se a sua fotografia para olhar para melhorar suas fotos - on. - Eu sei que um monte de Web em dispositivos móveis tem designers para usar Footer Shop em seu trabalho. - Na verdade, era o que eu fazia. - Mas seguindo a liderança de muitos grandes designers mudaram para Sketch Sketch é um ótimo - aplicativo de design para Mark e Mike Conley em Esta é a razão pela qual você precisa Mac. - Foi criado especialmente para o design Web APP. - Ele é projetado para design de interface de usuário, - para que cada recurso é trabalhado em torno dessas idéias sobre o 20% de fotos Photoshopped são - realmente útil para o seu design. - Tudo o resto não está relacionado com você. - Você pode ser muito frustrante ter que encontrar o seu caminho através de milhares de opções e ferramentas que são completamente irrelevantes. A captura dos Contreras é muito simples e intuitiva, mas muito poderosa em muito, muito eficiente para você que eu desenho. - Quando eu mudei do pé da combinação ilustradora afiada para esboçar, - levei apenas alguns dias para ser totalmente proficiente. Uma semana depois, minha produtividade IBM multiplicou-se por cinco nos resultados dos meus designs, nunca pareceu tão boa. Se você já é um usuário pesado de loja de fotos neste traidor ou fogos de artifício, isso pode levantar suas sobrancelhas. - Mas tenha paciência comigo. - Você vai adorar mudar para esboço se ainda precisa ser convencido. - Cabelo mais algumas boas razões para dar horário. - Tentar tudo no esboço é baseado no Victor? Se isso não significa nada para você, deixe-me explicar rapidamente com este exemplo. Imagens como JPEG, PNG e Jeff's Arbit Muppet Majors. Isso significa que não são feitos de pixel, que são pequenos pontos de cor vencedor. - As imagens são compostas de linhas e curvas de um ponto para outro. - Série de linhas interligadas em curvas compõe um único caminho vetorial. - Os gráficos Victor usaram primitivas geométricas, - que são todos baseados em expressões matemáticas em. - Como as imagens baseadas em vitórias não são compostas por um número específico de pontos, elas podem ser dimensionadas para um tamanho maior e não perder qualquer qualidade de imagem. - Então, - ao contrário de gráficos grandes que são muito flexíveis porque eles podem ser redimensionados sem eles - perder precisão, - isso é muito útil porque quando você projetou para tentar coisas diferentes - você muda de forma e recita elementos o tempo todo. Mas a loja de fotos é muito ruim em lidar com vetores. - Deixe-me mostrar-lhe um exemplo rápido. - Este é Photoshopped vai começar por desfrutar de uma praça com Rhonda Connors. - Parece muito bom agora. Está tentando redimensioná-lo e ver o que acontece. - Agora olhe para os cantos. - Eles não parecem muito bons. - Vamos tentar fazer a mesma coisa foi pegar. Quando Joe Square um como Red distrair o outro em, você pode ver que os cantos arredondados uma multa que está tentando redimensioná-lo canto ficar - exatamente o mesmo em É por isso que, quando se trabalha com a loja de fotos, - muitas vezes você precisa trabalhar com o Illustrator para lidar com isso porque o Illustrator é Victor - editor sobre isso indo e voltando para operações tão simples como essa, - é muito cansativo e demorado. - Victor baseado desenho é de longe a melhor maneira de projetar sites, - ícones ou interfaces. - Quando você vive provou, - você vai querer voltar a exportar ativos com esboços também mais fácil do que com loja de fotos, - especialmente com mais por design AB, - onde temos que exportar ativos para múltiplas resoluções, - empurrar para cima sexo e fazer aquele esboço. - Faça o processo de exportação de ativos máquina e eu vou te mostrar como. - Esboços. - Também mais leve do que a loja de fotos em termos de espaço no disco rígido, - usa menos memória. - Se o seu computador tiver mais de dois anos, boa sorte para correr para a loja com mais de dois ou três cinco. - Abra meus companheiros de equipe. - Contestá-lo correndo. Acabar com o meu livro de revistas anterior costumava me deixar louco, e também é um esboço mais barato custa 50 dólares, só isso. - Para mais loja C C. - Você tem que pagar US $25 por mês se você ainda está um pouco cético. - Não basta tomar a minha palavra para isso, - leia Os artigos de grandes designers incluídos designers do Google que mudaram para - esboço para ter suas opiniões. - Você pode encontrar os links na descrição se você é completamente novo nisso e você nunca usou um software de design em sua vida. Tudo isso pode parecer um pouco confuso, mas não se preocupe. Em algumas lições, tudo fará sentido. - E deixe-me dizer-lhe, - você tem sorte de não ter que passar pela dor de domar loja de fotos se você está fazendo - algum trabalho autônomo ou planeja fazer alguma coisa sobre isso - você está preocupado que seus clientes que eu costumava andar uma loja não sejam. - Em primeiro lugar, - você será capaz de exportar U eu disse Então sempre te liderar como P e G J Peg qualquer coisa. - E é onde você querida que Photoshop. Em segundo lugar, empurrar clientes que você não precisa para a loja para você. - Nosso projeto. - Eles também não. - Especialmente desde então, - nossos designers, - se eles têm que opinião cinco espionagem esboço, - seria menos caro em manipular o seu trabalho será muito mais fácil para a loja é - complexo para designers, - então você pode adivinhar que é muito difícil de lidar com alguém que não trabalha com ele todos os dias. - Agora vamos baixar e instalar o esboço. - Vá para Bohemian corte dot com no clique em Sketch. - Você tem duas opções que você pode comprar na Mac App Store ou não sabe o teste gratuito. Se comprares na Mac App Store, , são 49 dólares. - Então acabamos de lançar a loja de APP. - A Andi. - O que por ele? - Clique aqui a partir dele já está incutir, - mas você tem um botão não sei porta instalado. Se você não quer gastar $50 agora, você ainda pode, eu não sei o teste gratuito. - Deve ser muito rápido. - Aqui vamos nós. - Descompacte o fogo que você acabou de notar e ver como cargas captura e já está pronto para usar. - Destruir um último 14 dias, - então tentou completar o curso sem os 14 dias. Se não quiser pagar o esboço, mas os 50 dólares valem a pena. - Obrigado por assistir a essa lição. - Vejo você muito em breve para o próximo vídeo 6. Qual problema você está resolvendo?: - esta lição é a primeira na nova parte de pesquisa UX. - Isso pode levar um curso inteiro para si mesmo. Na verdade, centenas de livros foram devolvidos pelos sujeitos. No início, não tinha a certeza se ia abordar o assunto, mas acho que não conseguirás fazer um bom trabalho a desenhar a Europa sem compreender alguns princípios básicos a esse respeito. - Passando por alguns exercícios, - Eu conheci um conciso e simples sobre. Eu escolhi as técnicas e conceitos masculinos que você deve saber para ser realmente eficiente . Acho que esta seção é um bom exemplo dos pais do governo, que são os que são os20% do conhecimento que permitimos que cumpram 80 ou 90% tarefas mais importantes. - Design é a arte de resolver problemas. - Você não pode esperar criar um bom produto com um bom design. Se você não entende o problema que está resolvendo, grande risco quando você tem uma idéia é pensar rápido demais. - Pensamos sobre como o produto vai funcionar e olhar como trabalho todos os recursos que ele poderia ter. - Todos fazemos isso porque é excitante, mas porque estamos fazendo isso temos tendência a olhar a raiz da ideia o oponente que estamos tentando resolver. Este é o White of Mackler, financiador de 500 startups. - Incubadora de startups famosas muitas vezes dizem que as pessoas vão lançar suas idéias. - Sua solução não é problema meu. - O que é imenso é que está mais interessado em um problema que realmente incomoda as pessoas. - Isso em uma idéia de produto que alguém achou legal. - O objectivo desta lição é ajudá-lo a garantir que o problema que a Europa está a tentar resolver - existe para se certificar de que compreende como ele existe. O empresário em mim diz que Teoh faz um sinal de cabelo. - Este curso é sobre desejo, - não sobre negócios. - Mas se você empreendedor, - as duas coisas estão profundamente indicadas. Se o seu notável empresário bem, você pode se tornar um mais cedo do que pensa. - Se você ainda não ouviu falar sobre The Insider por Erik Reece Andi Customer Development by Steve - Blank Tome alguns minutos para percorrer os resultados está viajando para na descrição o - núcleo da filosofia lean startup e personalizado e desenvolvimento é que tudo o que você faz em - seu trabalho como um empreendedor deve seguir o teste de hipótese de ciclo que eu estou aprendendo e refinado -, - e é exatamente a mesma coisa. - Mas design. - É assim que te encorajo a trabalhar nisto. Na verdade, vou trabalhar no nosso problema. - Então vamos começar com a hipótese. - Qual é o nosso problema? Vamos fingir que somos o início do Instagram há alguns anos. - A hipótese do partido para cima será que é complicado compartilhar fotos tiradas com - seu telefone nas redes sociais. - Mas isso não é suficiente. - Temos que fazer uma noite. Isso é sobre quem tem esse problema com estudantes universitários. - Você nisso, - meu telefone muito nas redes sociais permitido. - Então isso é um bom primeiro propósito. - Então, como podemos provar isso? - Bem, é bem simples. - Vamos falar com essas pessoas para ter certeza de que eles realmente têm esse problema. - No próximo vídeo, - Vou dar-lhe algumas dicas sobre como falar com potenciais usuários. - Graças a essas conversas são hipóteses seria validado ou invalidado. - As percepções seriam obtidas durante essas conversas nos permitirão refinar nossa hipótese. Talvez esse problema exista, mas para outra categoria de pessoas, talvez essas pessoas tenham uma dor mais forte do que aquela que identificamos em nossas conversas , poderíamos ter aprendido que a faculdade e eu escolhi os alunos realmente não se importam em compartilhar - fotos em redes sociais com seus telefones que só querem tirar fotos engraçadas e - enviá-los para a França sem ter que temer que essas fotos saiam. - Evento. - Isso pode ser um ótimo pivô para o que podemos chamar de Snapshot. - Mas digamos que não foi isso que aconteceu. - O que aconteceu é que em Lee, algumas das pessoas que entrevistaram realmente se importaram com esse problema. - As pessoas já tiram um monte de fotos sobre querem compartilhá-los como blogueiros fotográficos ou pessoas - que acontecem a amar foto e tecnologia. - Então vamos mudar as hipóteses dos nossos clientes. - Vamos falar com mais dessas pessoas para ter certeza que essa nova hipótese de cliente está correta . - Depois de entrevistá-los, - podemos descobrir que o que realmente os impedia de compartilhar fotos tiradas com o smartphone dele - é que as fotos do smartphone não são muito bonitas e não vale a pena - ser compartilhado. Então, nosso alvo de clientes é interessante, mas se resolvermos agora, o problema para eles, fato de que as fotos de smartphones olharam para fora, eu não estou inventando isso. - O objetivo do Instagram realmente facilitou para resolver esses dois problemas. Se fores ao Instagram Dot com sobre nós, obrigado. - Você pode ver na seção Como surgiu a idéia de que o objetivo é realmente resolver - esses dois problemas. - Fotos móveis sempre saem parecendo medíocres, - compartilhando em várias plataformas. - A dor em três experiências mais implantadas são desajeitadas e levam eternamente dois e três são -, - na minha opinião, - dois componentes de um problema mais geral. - Então eu fundi os dois para manter isso simples agora porque eu realmente quero que você entenda - uma coisa. - Não tente resolver mais de um ou dois problemas ao mesmo tempo. - Você perde o foco em que você também vai. - Aplicativo ligado. - Esta é a melhor maneira de torná-lo o seu 11º e barulhento. - Lembre-se de bom design de resolver problemas onde os designers resolvem os problemas certos. - Então este é o seu braço. - Se você já está trabalhando em um projeto pessoal, - pegue um pedaço de papel e anote sua hipótese de problema em ouvir 10 palavras. - A mesma coisa para as suas práticas de clientes. - É isso. - Bastante simples, certo? Você nem precisa ir ao Dr. clientes ainda, mantendo um pedaço de papel com seu problema validado na parede. - Nova sua mesa é uma coisa boa a se fazer. - Isso permitirá que você tome boas decisões sempre que você se encontrar trabalhando em um novo - futuro como Quinn fluir uma partícula é você é elemento. Pergunte a si mesmo, isso ajuda a resolver o meu problema? 7. Quem são seus usuários?: - falar com seus usuários é crucial para validar seu problema, - mas também para conhecê-los. Precisa mesmo de um tempo para entender quem eles são, como são as vidas deles e como vocês se separam vai caber nas vidas deles. - Como Henry, - disse Ford, - se há alguém segredo do sucesso analisando a capacidade de obter o ponto de vista da outra pessoa - sobre as coisas DSI do tio dessa pessoa, bem como do seu próprio sair, - por que o usuário sair para entender o contexto de uso do seu produto? - Faça as coisas que, devido a entender que vem trens. Por exemplo, se você está trabalhando em um GPS, você tem que passar algum tempo em um carro em uma rodovia em um campo que estrada presa no trânsito na cidade. - Às vezes você pode usar suas extremidades. - Às vezes você não pode, então o quê? - Você pode ter que continuar uma entrada de voz sobre isso será um desafio de design. - Você tem que enfrentar uma boa maneira de manter o usuário em mente quando você projetar seu produto é usar - personas. - Também é uma boa ferramenta para acompanhar o que você aprende por seus usuários. - Mas assim que nossos modelos usados para representar seus usuários que ajudarão a orientar decisões sobre - características do produto interface em até mesmo design visual. - É basicamente uma tela que você vai sentir com detalhes sobre seu perfil de alvos. - Mas, mais uma vez, as pessoas são destinadas a servir. - Eu segrega usuários potenciais reais para lembrá-los deles. - Quando você sabe na frente deles o tiroteio se torna uma desculpa para não trabalhar cara a cara com - usuários reais. - A tela é feita de blocos completos, - dor de fato, - comportamento e objetivos. - A melhor maneira de usar esta ferramenta é primeiro construir uma persona proto. - Colocar uma persona é o protótipo da persona final. - É o nosso melhor palpite sobre quem são usuário é que é a hipótese do cliente de forma mais detalhada -. Vamos começar a sentir a tela com o Ari. - O Presidente é o primeiro bloco é fatos. - Fatos são factuais. - Reviver int informações sobre o nosso usuário. - Como você deve se lembrar do último vídeo, - dissemos que nosso usuário provavelmente será um estudante universitário, - então 18 a 23 ele tem uma atividade intensa no Facebook, - principalmente compartilhando páginas, - e ele também possuía um smartphone definindo tudo isso. - Também nos permitem saber exatamente quem queremos entrevistar. - Próximo bloco é a dor. Por enquanto, não precisamos dar muitos detalhes. - A dor é o nosso problema em compras em você pode lembrar do vídeo anterior que todos - primeiro na prática é que compartilhar fotos do seu telefone é complicado. - Em seguida, é o comportamento que o usuário exibe atualmente porque ele não tem uma solução. - Então, para nós, - será que ele mantém a maioria de suas fotos em seu telefone e compartilhar muito poucas delas em - isto é, - às vezes enviar fotos de telefone por texto - seus amigos, - quando você quer ter certeza que os vêem. - E finalmente, - qual é o objetivo do usuário em potencial tentando alcançar através do comportamento que nossa solução - fará melhor? - Isso é realmente importante e muito interessante, - mas nem sempre claro são fáceis de encontrar. - A pergunta que estamos tentando responder não é o que outro tentando realizar, mas por quê? - É um primeiro passo. No final do destacamento, usa psicologia, entender que você usa uma psicologia é um grande trunfo no designer nos negócios. Sabia que Mark Zuckerberg é formado em psicologia? - Então, onde estão estudantes universitários enviando fotos para diferentes por texto. Acho que um palpite justo seria que a tentativa de obter feedback e operação você poderia colocar um monte de coisas sobre o seu usuário na persona. - Então, concentre-se em informações. - Reviva o problema em potencial produto em que você está trabalhando. - Tenha em mente que todas as informações demográficas nem sempre são interessantes. - Concentre-se naqueles que produto tipo específico de comportamento. - Por exemplo, - pode haver casos em que a velha linha de trabalho da persona não capacita muito. - Por que o fato de que eles têm um dispositivo específico como um smartphone realmente faz. - Uma vez que você colocar uma persona está pronto no dia não deve demorar mais de uma hora. - Você pode prosseguir para a entrevista. Isso é validar o problema na persona. Permita-me dar-lhe algumas dicas para estas entrevistas. - Primeiro, falo com você. - Alvo encontrar pessoas vai acariciado 12% em sair do edifício e ir conversado com ele em - pessoa e levou a eles um em um metas definindo e mantê-los em mente. - Hehe objetivo não é lançar sua solução. Não estás a tentar convencer ninguém que queres ter a certeza do problema. - Você identificou Israel e você quer saber que você colocou em uso é melhor. Prepare-se para ouvir coisas que não quer ouvir. Na verdade, como as pessoas dizem coisas que você não quer ouvir, fazem perguntas abertas. - Isto é muito importante. - Ao perguntar sobre o problema. - Não pergunte às pessoas. - Você tem o problema? - Mas sim, - você pode me dizer sobre a última vez que você fez quando você inseriu a ação que levaria ao - o problema. E uma vez que a pessoa responde, você pode adicionar “ok”. Você enfrentou algum problema ao fazer isso? Sempre recongela o que as pessoas dizem. Essa é uma ótima técnica. - Pode ser o maior de todos. Nós permitimos que você tenha certeza de que entendeu onde a pessoa te disse também dê-las em Boston, para os nossos detalhes. - Procure por insights sobre certifique-se de anotá-los. Serão úteis para refinar sua personalidade. - Inútil. Quando começares a pensar numa solução depois de validares o teu problema de forma justa, namora com a moeda. - A melhor forma de moeda é dinheiro. Se encontrares pessoas dispostas a dar-te dinheiro porque querem que resolvas o problema . - Mesmo que sua solução não exista. Isso significa que este problema vale a pena ser resolvido. - A moeda também pode ser endereços de e-mail ou para números de pessoas realmente querem ouvir - de você uma vez que uma solução está pronto em Finalmente refinado, - seu POTUS está em ir testar um novo está saindo do edifício. - Pode levar algum tempo. - Talvez tenhas de refinar a tua parte. - São várias vezes? - Mas isso é ótimo. - Isso traria muitos insights. Depois de validar o problema e os propósitos do cliente, pode voltar à sua personalidade sem filtragem com tudo o que deixou. - Então vamos ver como seriam as horas. - Começaremos por anotar o problema com validado logo acima da persona. - Vamos falar sobre o fato de que é importante dar um nome à persona. - Você pode até adicionar um pé ou desenhar uma imagem. Essa personagem vai se tornar sua melhor amiga, e é sempre mais fácil quando amigos têm um nome e um rosto, certo? - Então vamos nos abraçar. - Persona Kevin. - Não é necessariamente um estudante de cor é realmente mais provável de ser 25 para trabalhar em uma inicialização - em. - Ele possui um smartphone e compartilhar fotos e Facebook de seu computador. - Mas na maior parte do tempo eles foram tirados com a câmera de Israel. O próximo olhar é dor aqui, não podemos detalhar o problema que as pessoas que entrevistamos, eu disse para nós sobre esses detalhes são pistas sobre como devemos resolver o problema. - Então nos divertimos. Fotos não parecem boas, mas Kevin nem sempre de sua câmera com ele em compartilhar fotos é complicado. - Além disso, - com Há muita coisa acontecendo no Facebook em fotos tiradas por amigos são perdidas no meio - de um monte de informações no bloco de comportamento. - Podemos anotar que aprendemos que são usuários típicos cujo é Photoshopped para - melhora fotos, - mas não para fotos divertidas. - Para fotos tiradas com esta câmera. - As duas hipóteses seguintes estavam certas para que possamos deixá-las aqui. Além disso, aprendemos que Kevin, o usuário típico, coloca imagens para as redes como o Flicker, mas não chama a atenção de seu amigo lá. - Em Finalmente, - três objetivos para Kevin são de fato para obter feedback e aprovação sobre quem quer parecer legal - e mostra talentos artísticos apenas para ser claro. - Isto não é o resultado do que o nosso Instagram fez. - Este é apenas um exemplo, - na verdade, - Instagram é um pivô fora do bourbon, - tirando como foursquare. Com o tempo, você provavelmente tem mais de um tipo de pessoas usando seu produto, mas por enquanto, fique com 1% ou dois se estiver trabalhando em um mercado de dois lados. Mas essa é a única exceção, está na hora de você trabalhar agora. - Comece por preencher você colocar uma persona. - Você confinou a tela na pasta desta lição no rápido do carregamento. - No início deste curso, - saia e converse com potenciais usuários o mais rápido possível. - E tenha em mente que você tem dois objetivos. - Teste seu problema em entender os usos potenciais. - Tomar notas sobre as práticas de refino I. - Você só está trabalhando em uma pequena idéia para o propósito deste curso. Você não quer fazer tudo isso, mas seria um ótimo treinamento para seus projetos futuros. No entanto, se você está trabalhando em um negócio real, eu compro tão fortemente sugiro que você valida que a dor que você escolheu resolver realmente existe e que existe para uma categoria de pessoas que você realmente entende. - Claro, - isso não é algo que você deve fazer apenas uma vez. - Procurar feedback de usuários é uma das principais atividades de um bom designer hit passo de - seu fluxo de trabalho deve ser pontuado por conversas com usuários ou usuários potenciais. 8. Encontrar a solução certa: Uma vez que nos conhecemos, estava resolvendo um problema real para a categoria de pessoas que realmente entendemos . - Podemos começar a pensar em uma solução que significa um produto feito de recursos. - A maior parte do tempo. - As ideias de solução viriam das percepções que você obtém durante as entrevistas que você fez. Então não se esqueça de escrevê-los enquanto faz as entrevistas. Tenho certeza que você já tem muitas ideias para o futuro. Você provavelmente estava pensando neles mesmo antes de validar seu problema. - Por quê? - Isso não é uma coisa boa. - Não se martirize. - É o que todos fazem porque é o que nos deixa entusiasmados. - Imaginar uma parte disso milhões vai usar o direito. - A melhor maneira de lidar com isso é anotar todas as suas ideias para continuar pensando. - Não faça por si mesmo completamente nas primeiras idéias que você terá. - Você provavelmente vai perder as jóias reais que podem sair do seu cérebro, - então foco e quantidade tentar ser o mais exaustivo possível com toda a crítica. - Seja altruísta. - Não hesite em escrever qualquer coisa que venha à sua mente. - Deixe-me dar-lhe algumas dicas para ser criativo ao procurar uma solução e ideias de recursos. A boa maneira de começar esta exploração é levar os termos masculinos do seu problema para fazer uma expiração semântica um do outro. - Estes são dois problemas, Andi. - Estes são os termos masculinos. - Aqui está o que eu costumo fazer. - Em seguida, pego um pedaço de papel. - São Joyce feito mais ou menos como este com pelo menos 10 ramos em um Anote um dos - termos dentro descida em uma forçar-me a escrever pelo menos uma palavra para cada ramo. - Às vezes, é fácil em você. - Encontre-se adicionando ramificações ou sub-ramificações. Às vezes você tem que se forçar a pensar que essas palavras podem ser conhecidas. Verbos, adjetivos, o que quiser. - Você pode pensar sobre as palavras no contexto atual. - Andi fora do contexto para que você possa ampliar sua pensão do assunto. - Vamos tentar com postagem de fotos. - O vídeo da direita para baixo 10 estava relacionado com a World Photo. - Então estas são as minhas palavras. - Certamente haverá diferente do seu. - Mas está tudo bem. Faça a mesma coisa para os outros termos em colocá-los em uma mesa como esta. - Esta expiração semântica destina-se a ajudá-lo a ampliar seu horizonte o resultado. - As palavras em si não são. - O que há de mais interessante neste passo? - É o processo em si, porque novas ideias surgirão ao longo do caminho. - Então vamos. - Outra boa técnica é olhar para todos os produtos digitais ou físicos que resolvem um problema semelhante. Por exemplo, o que fazemos para mostrar uma foto impressa? - Colocamos um bom em torno dele. - Talvez pudéssemos prever que vai enquadrar o Patris tirado sem telefones. - O próximo passo é olhar para comportamentos humanos comuns ao tentar resolver um problema semelhante. - O que as pessoas fazem quando querem parecer melhor? - Isso é certo. - Eles colocaram roupas bonitas e podem fotos eram próximas? - Não, verdade não. - Mas talvez possamos cobri-los com alguma coisa. - Além disso, - pense sobre o que seu alvo já está usando. Se verificarmos a persona, podemos ver que Kevin é o usuário alvo tem uma câmera. - Os fotógrafos às vezes mudam de lentes. Talvez possamos encontrar uma maneira de avançar para smartphones, hardware ou software. - Outra grande técnica é pensar sobre as questões-chave que afetam o problema. Vamos pensar na outra parte de um problema por um minuto. - Compartilhar fotos do seu telefone é complicado. - Por quê? - Porque as fotos levam tempo para carregar ainda mais tempo. Se você tem que ir a todos os aplicativos que você quer mostrar, você está imaginando. - Então, seria ótimo ter um único lugar onde você pode selecionar as redes que deseja - compartilhar a foto. - O que você também pode fazer é fingir que está tentando resolver o problema oposto. Como faria se quisesse que Peter parecesse bom que poderíamos escolher, então deixe-os. - Então talvez haja uma maneira de fazer compras nas fotos que tirariam com nossos telefones. - Tentando resolver um problema semelhante em um campo diferente também pode ser muito interessante. Por exemplo, o que fazemos quando os vídeos não parecem bons? - Bem, - o primeiro problema é geralmente que o vídeo é instável em Isso pode ser resolvido usando o - estabilizador digital ou um tripé. - Às vezes, as fotos também são borradas. - Talvez um estabilizador faça sentido. - Este é um campo muito semelhante, - mas você poderia escolher um campo totalmente diferente também pode ser interessante para brainstorm com - monetização em mente. - O que venderia para resolver o seu problema? Sabia que a ideia do primeiro modelo de negócio do Instagram era vender filtros. - Isso é realmente o que passou. - Então não se preocupe em se repetir. - Continue escrevendo. - Não hesito em fazer umas pausas para ele no teu cérebro. - Se você usar essas técnicas, - que vêm com um monte de soluções fora de idéias de recursos para resolver os problemas que você - identificou - seu trabalho agora em que pode não ser fácil - será priorizar essas idéias. Então, para fazer isso, duas perguntas a si mesmo. - Entre estas ideias. - Quais seriam os mais eficientes para resolver o problema em quais são os mais viáveis? - Recomendado para olhar para este tribunal muito interessante do criador do Gmail e Google - ações. - É um é um grande três atributos chave ou características. - Pegue essas coisas muito, muito bem. - Então esqueça tudo o resto. Ao focar em apenas alguns recursos principais e na primeira versão, você é forçado a encontrar a verdadeira essência e valor das peças. E entre essas características principais, você deve escolher uma. - Este será o seu único recurso, o seu principal recurso. - Isso não impede que você tenha outro secundário. - Fitch é fazer este se encaixa trabalho, - mas você é uma característica será o que Aldo App será focado ou alugado para. - Então, como você pode escolher? - Eles pararam de imaginar este recurso. - Acho que já sabe a resposta. - Vá falar com as pessoas e atire-as. - Suas idéias que eu não vou repetir cada vez em pode não ser necessário para cada dica - o trabalho preenchido. - Mas ou dito design é um processo interativo no ciclo de reiteração sempre envolve - validação do usuário. Então, o que você fez com o problema, você deve fazer o mesmo para validar sua solução Idea. - Envie algo para suas marcações em novos projetos primeiros. - Não tenha medo de mostrá-las às pessoas. O feedback que você recebe será incrivelmente variável, mesmo que não seja um bom feedback, , especialmente quando não é um bom feedback. - Não acredites na minha palavra. - Dê uma chance. - Uma vez que você limpe o que sua característica principal está em. - Lee, mantenha as características do submarino que você pode ter vindo com que estão relacionadas. - A necessária para fazer que um recurso até o trabalho juntou tabela simples como esta para ter uma clara - visão ou o que deve estar construindo. - Aplicar filtros em fotos para torná-las boas será nossa única característica. - É muito simples. - Você não precisa aprender a usar quaisquer ferramentas como você faria com a sua para fazer final - software em sua potencialmente bastante eficaz. - Fazer fotos bonitas é inútil a menos que as pessoas realmente as vejam. - É por isso que nossas 27 fotos serão para permitir que as pessoas compartilhá-los facilmente nas redes sociais, - mas também para dar ao usuário de alimentar suas fotos que outras pessoas podem ver. - Esta última escolha é confortada pelo que algumas pessoas nos disseram ao pesquisar o problema em - refinar nossa pessoa. - Então teremos filtros inseguros de um último conselho. - Não se apegue emocionalmente a um futuro. - Isso acontece muito e pode fazer você perder um monte de sinal. - Comprometa-se a satisfazer suas necessidades de usuário não para recursos específicos. 9. Design de narração: Voltaremos ao curso nesta lição falaremos sobre design de narração, o que é um passo crucial antes de passarmos para mais copos. Voltaremos ao curso nesta lição falaremos sobre design de narração, - Uma das maiores coisas que me ajudou foi aprender a se tornar uma história melhor - contador sobre o poder de uma história sobre isso - quero dizer, - se você quiser construir um produto sobre, - você quer construir um produto que é relevantes para as pessoas, - você precisa se colocar em seus sapatos. Você precisa escrever uma história do lado, então passamos muito tempo escrevendo o que se chama usando narrativas. Esta é uma citação de Doug Dozy, financiador da Twitter e Square. - Deixe-me explicar por que é muito interessante agora que sabemos o que queremos que nossos usuários sejam capazes - fazer com nosso aplicativo e que entendemos quem eles são. - É hora de começar a descobrir como eles vão interagir com o produto. - Para fazer isso, - criamos para usar narrativas para o nosso produto que irão ilustrar cada passo na jornada do usuário , - eu me referiria a eles como narrativas, - histórias antigas que significam a mesma coisa A personalidade que definimos anteriormente será a voz da história. - Isso significa que não vamos dizer que a APP deve fazer alguma coisa. - Mas eu perguntei, Kevin vai fazer alguma coisa. Então lembre-se de escrever narrativas usando os barcos ativos. Há dois tipos de narrativas de usuários, uma que é mais generosa. - Isso diz: “ Pergunte ao Kevin. - Eu posso tirar uma foto no filtro aplicar para torná-lo bonito. O outro tipo de narrativas é mais detalhado. - Explícita descreve cada passo do fluxo. - Tirei o botão da foto para tirar uma foto. - A próxima história é que eu posso deslizar para escolher um filtro. Então, quando tirei um filtro, foi o major. - Conseqüentemente, - o segundo tipo de histórias é muito útil por muitas razões. - Ele permite que você tenha certeza de que você tem uma abordagem abrangente da gripe em que você não está - esquecendo nada. - Também será muito útil ao cortar o aplicativo, - especialmente se alguém estiver fazendo isso. - Mas pode ser um pouco complicado escrever todas as histórias sem um suporte visual. É por isso que farei isso nas próximas lições. Como estamos construindo nossas marcações agora, queremos ter uma noção geral de como o trabalho ascendente descrevendo o fluxo do AB é uma boa premissa antes de começarmos a criar um rascunho visual dele. - E também é uma boa maneira de criar fundamentos de futuros que talvez não tenhamos pensado nos passos do presidente. - Agora vamos descrever o que nosso usuário será capaz de fazer com o APP. - O primeiro passo será escrever uma história de ouro. - Você pode usar este modelo para fazer isso como um usurpador. Então, agora ou use um tipo, quero realizar algo para que algum benefício aconteça. Então, para nós, será como Kevin. - Quero tirar uma boa foto do que estou fazendo para que as pessoas vejam que estou fazendo - algo legal. - Observe que o objetivo é algo que descobrimos antes quando falamos com nossos potenciais usuários -, - e que colocamos na persona. O próximo passo é quebrar essa história de ouro em pedaços menores, explicando o que o usuário fará. - Então vamos começar com o primeiro a ir história como Kevin, - eu quero reconhecer a imagem fora do que eu estou fazendo para que as pessoas possam ver que eu estou fazendo - algo legal eu vou abrir a segunda foto ID. - Eu aplico filtro para torná-lo bom no quarto dia que vale a pena ser compartilhado. Posso adicionar uma descrição ao meu inspetor N, e posso vendê-la em quais redes quero compartilhar meu inspetor sobre o que eu aconselho você a fazer é usar mais chards, certo. - É história a história de ouro sobre as pequenas histórias em um post-lo em colá-los para o mundo. - Dessa forma você será capaz de movê-los e modificá-los facilmente. - Ao fazer isso, - não hesite em tentar algumas coisas e combinações diferentes. - Compare-os para ver qual seria melhor novamente. - Uma boa maneira de fazer isso é mostrar ao usuário as diferentes possibilidades e tentou remover - tanto atrito em passos desnecessários quanto você pode quando você organiza suas histórias. Poderíamos ter dito ao usuário para escolher o filtro antes de tirar a foto, mas pedir ao usuário para tirar a foto primeiro é mais fácil. Poderíamos ter dito ao usuário para escolher o filtro antes de tirar a foto, - Não tem que pensar, - tornando o primeiro passo do chão muito fácil quando maximizado as chances de ele completar - a tarefa. - Então voltamos a selecionar um filtro depois de tirar a foto. - Também dissemos que uma das dores que queríamos resolver era que fotos em outras plataformas - como Twitter ou Facebook, - eu perdi em uma enorme quantidade de informações e que a solução seria criar um feed - de fotos em Lee. - Vamos pensar sobre esse recurso em sua narrativa usando uma ferramenta que me falta. - Chama-se “Desejo Desfrutar de lona”. - Esta tela foi criada por quase tudo era um empresário e escritor escreve principalmente sobre - negócios em psicologia. - Há o link para o blog dele. - A descrição em eu recomendo fortemente que você dê uma olhada nele. - Está cheio de grandes insights. - Chama essa tela de desejo. - Desfrutando quadro nesta estrutura é projetado para ajudá-lo a construir um produto que irá - envolver as pessoas e obtê-los viciado. - É útil principalmente para produtos de consumo, - mas ainda pode levar a uma reflexão interessante se você estiver trabalhando em um produto B dois B. Afinal, clientes lindos também são humanos. Esta tela é feita de caixas cheias, o gatilho, a ação, recompensa viável pelo compromisso, esta tela como todas as ferramentas que dou neste curso estão nos fogos. - Você não anotou. - No início do curso, - você pode imprimi-lo em uso postado para preenchê-lo. - Deixe-me fazer alguns espaços para que possamos começar a sentir que o gatilho da tela é bastante auto-explicativo . - É algo que desencadeia o uso do produto para nós. - É quando um usuário vê oh faz algo legal que ele quer compartilhar com outras pessoas sobre isso é - um novo gatilho interno porque é algo que o uso de sentimentos que desencadeia a ação. - Mas antes que o gatilho da Internet se torne eficaz, - normalmente teria que configurar gatilhos externos, - como enviar uma notificação dizendo que o usuário poderia compartilhar na Europa a foto que ele tem - acabou de tirar ou lembrá-lo utilidade do AB, enviando-lhe um e-mail semanal dizendo - que 10 de seus amigos têm postado fotos no AB durante a semana. - Nossa principal ação é que o usuário melhora a imagem e compartilhá-lo. - Isto é bastante simples. - A próxima é a recompensa variável. Estudos mostraram que quando receberíamos uma recompensa, nosso nível de documento está no ponto mais alto, não quando recebemos a recompensa, mas enquanto trabalhamos para conseguir essa recompensa. - O que contra ele estava animado é que nós estamos esperando algo sobre. - É aqui que fica muito interessante. Os mesmos estudos mostraram que nosso nível de dopamina atravessa o telhado quando a recompensa não é previsível, quando nem sempre é a mesma. Em alguns casos, pode ser poderoso o suficiente para desligar as áreas do cérebro associadas ao julgamento razão, enquanto ativa a parte associada ao desejo e ao desejo. - Pense nisso marcianos ou luxo. Não saber exatamente o que vamos conseguir, nos deixa muito entusiasmados. Então, o que poderia ser uma grande recompensa variável para nós? - Bem, já que as pessoas partilham fotografias porque estão à procura da aprovação das pessoas e , atenção, o mecanismo semelhante parece perfeito. - É muito simples. - É uma proteção única e permitir que o usuário veja quanta validação ele recebe em um muito - simples unstrapped para o mundo caminho em diante. - É assim que o nosso at pode tornar-se muito viciante, - como um jogo onde o objetivo é encontrar a coisa mais legal para compartilhar para obter o mais - aprovação que podemos gosta geralmente vem com Commons. - Então não vamos dar aos nossos usuários qualquer frustração. - Deixe-me fazer uma observação rápida aqui, - Dar feedback ao usuário é um dos princípios mais importantes do design. - Se usarmos uma dúzia de ações, - nada acontece, - estará completamente perdido neste é vales, - mesmo para pequenos detalhes de design como um dos usuários usa - um botão na Web. - Quando você vê um botão pairar sobre seu clique em, - ele geralmente muda, - ele fica um pouco mais escuro, - ou ele se move um pouco como se você estivesse pressionando. Estes três estados são normalmente chamados de normal sobre ativo. - O frouxo e comentários também são uma maneira de dar ao usuário feedback sobre sua ação. - Certo, vamos voltar para a tela. - A última caixa é o compromisso, - sua fase de compromisso como dois objetivos, - e eu estou citando agora Ariel aqui, - o primeiro é aumentar as chances de que o usuário vai fazer outra passagem através do desejo - desfrutando quando apresentado com o próximo gatilho. Segundo, agora que o cérebro usa natação e dopamina da antecipação da recompensa na fase anterior, é hora de pagar algumas contas. - A menção do cometa já vem na forma de pedir aos usuários para dar alguma combinação de - tempo que um esforço ou dinheiro. - O compromisso implica uma ação que melhore o serviço para a próxima volta. - Convidar amigos afirmando preferências, - construir ativos Vettel sobre aprender a usar novos recursos são todos os compromissos que melhoram o - serviço com o usuário. - Há duas coisas que podemos fazer aqui. - Faça o usuário seguir outras pessoas em, - Convidar amigos para o ato em. - Também podemos direcioná-lo para os pés para podermos ver outras pessoas. - As fotos podem gostar delas. Ele mesmo está esperando que as pessoas gostem das fotos, então estaremos mais inclinados a fazer o mesmo com as fotos das pessoas. - Ao fazê-lo, - ele vai pessoas não correlacionadas para continuar usando o aplicativo vendo outras pessoas. - Fotos da escola também o atrairão a postar suas próprias fotos locais no futuro. - Podemos até combinar ambos, colocando a assinatura para as pessoas ou convidar para adoção no - pés de usuário. Isso não é algo que o Instagram faz, mas pode ser muito interessante. Esta deve ser uma boa base para a narrativa da alimentação. - Então aqui está, - como Kevin, - eu quero ser capaz de ver minhas fotos de amigos em dar-lhes feedback. - Então eu não sabia que eu estava dando a eles validação. - Então eu abro o aplicativo ao acessar meus pés de minhas fotos de amigos eu posso gostar das fotos do meu amigo - Eu posso subir neles em. - Acabei de ligar para os meus pés. - Eu sou convidado para Fulham ou as pessoas vão convidar alguns amigos para a APP. - Nós também podemos atualizar braço em ação narrativa em Adicionar minhas fotos de compartilhado em meus seguidores ajuste -. - Isso provavelmente seria suficiente para a primeira situação, - mas vamos fingir para o bem do curso que fizemos algumas alterações nos botões - e feedback de nossos primeiros usuários em. - Uma coisa que não tinha pensado é que o nosso produto funciona muito bem quando um monte de pessoas estão - já usá-lo em que cada uso tantos amigos no aplicativo. - Mas agora, - o primeiro escolhe se sentir solitário e eles não estão recebendo muita comida lá, - então devemos permitir que os usos já estavam usando o aplicativo - mas nós não nos conhecemos para ver as fotos um do outro. - Vamos escrever uma narrativa para isso. - A história legal será como Kevin. - Quero poder ver as fotos de outras pessoas em dar-lhes feedback. Vou dividir isso em histórias menores. - Posso acessar fotos interessantes de pessoas. - Um dos meus amigos eu posso gostar das fotos em Eu posso entrar em fotos e vamos usar o que - nós aprendemos com o desejo de desfrutar de tela para tornar a história um pouco mais interessante. - Ser publicado neste fotos interessantes de ou a seção de pessoas também pode ser um - valioso tipo de recompensa de valete, - mas recompensar a recompensa U supercool se dissermos que você tem que obter um alto número de vidas para - obter esta recompensa . - Isso vai atrair as pessoas a tirar fotos muito legais para convidar seus amigos, - para usar o Absecon como suas fotos e para interagir muito com as pessoas no aplicativo. - Então vamos atualizar a ação masculina. - Minha foto é publicada na seção de especialistas. Se eu acender um grande número de luzes, adicionaremos mais duas narrativas. - Uma notificação como Kevin, - Eu quero saber quando as pessoas interagem com minhas fotos, - Eu abro o aplicativo eu vou para a seção de notificação em que eu sou capaz de ver foi interativa minha - fotos e, finalmente, a história de perfis. - Como Kevin, - Eu quero acessar minhas informações e fotos para que eu abra o APP. - Posso ir ao meu perfil. Posso ver quantas pessoas sigo, e espero que muitas pessoas me sigam. - Posso ver minhas fotos. - Posso encontrar mais pessoas para seguir. - Posso convidar amigos. - Posso mudar minha foto de perfil. É impossível, nesta fase, ter certeza de que você tem todas as histórias, porque as coisas evoluirão à medida que você projetar. - Além disso, - porque você tem que realmente fluir através dele em uma interface de usuário para ver o que está faltando, - suponha que você estará descobrindo um bom pedaço de novas histórias como parte de projetar o usuário - interface. - Além disso, - tenha em mente que mesmo se você organizou narrativas em silos, - os usuários vão realmente saltar para trás e para a frente entre esses diferentes Seiler. - O que é ótimo neste processo é que não é apenas uma maneira de você entender onde - você estará projetando. - É também onde priorizar um trabalho organizador quando você ou alguém que você ting vai realmente - estar cortando as metodologias ágeis e scrum APP usado usa Tory como o centro da - organização fora do desenvolvimento do produto. - A palavra final sobre como fazer o usuário ou potenciais usuários corretos. Esta narrativa três razões por que - é interessante. Primeiro, uma vez que você os apresente para a sua solução, eles podem ter uma representação mental muito diferente disso. - E eles podem pensar em coisas ou fluxos que você não pensou. - Segundo. - Não vai frase as histórias em sua própria linguagem específica de domínio em fazer comparações - domínio específico. - E terceiro, - eles terão uma abordagem nativa. - Eles não vão pensar em tecnicalidade quando você pode estar se abstendo-se por causa disso. - Mas tenha cuidado. - Você não pode simplesmente confiar nisso como fez, - disse Theron. - Bom design é inovador. Tenho certeza que ouviu o que Henry Ford supostamente disse sobre esse assunto. - Se eu tivesse que perguntar o que as pessoas queriam, - eles teriam dito cavalos mais rápidos. - Ok, terminamos para esta lição. - Próximo vídeo que falaremos. - Começamos a andar nas simulações da APP. 10. Mockups 1/2: Acho que você está impaciente para começar a projetar a interface do aplicativo. - Bem, - você está prestes a, - durante esta lição vai transformar os usuários Terry em apenas fora das telas. - Esses drives são chamados de marcações. - Marcações ou arame frames são para Web em projeto móvel, - mas um projeto é para arquiteto fora de edifícios ou uma apresentação que eles geralmente seguem. - O papagaio de regra sobre permitido rapidamente alto como o aplicativo iria funcionar sobre o que seria - Ruffin olhar. São os 20% que representam 80% da interface visual, onde o quadro deve estar o mais nu possível. Você quer julgar a experiência do usuário, não o olhar. Então, neste momento, não trabalharemos em frentes ou cores. Por exemplo, a razão pela qual estamos fazendo isso primeiro é que quando você começa desenhando fotos perfeitas , você está imediatamente. - Todo o feedback que você recebe de sua equipe de seus potenciais usuários e até mesmo de si mesmo, é sobre cores, fundos e alinhamento. - E não é nisso que está interessado agora. - Agora, - você quer ter certeza que o conceito de seu aplicativo faz sentido quando você esboça seu conceito em - papel ou um novo computador que as pessoas falam sobre utilidade. - São a capacidade de laço do produto, - não sobre detalhes estéticos. Uma vez que você acertar o contato, podemos começar a projetar uma versão mais detalhada do Why, quando você está construindo marcações, você está construindo o layout da Europa, e há uma regra muito simples que você deve tenha em mente para organizar seu layout. - O conteúdo é rei. - Quase todos os aplicativos Web ou móveis são, - de uma forma ou de outra, - os dois para lidar com conteúdo por trás do conteúdo 10, - há uma grande variedade de coisas e agricultores. - Pode ser notícia. - Miss Ages informações na forma de texto, - fotos, - representações gráficas. - Talvez mapas. - Mas qualquer que seja o tipo de conteúdo é central, - então você deve sempre dizer a sua reflexão sobre o layout do seu aplicativo pensando sobre - a melhor maneira de exibir seu conteúdo de acordo com o que você deseja usá-lo para fazer com ele. - Estava vindo. - Ações que você pode executar são a criação de consultoria, - compartilhamento no conteúdo de gin Manet. - Pode ser interessante perguntar a si mesmo para cada uma das suas telas o que você está tentando fazer - com o seu conteúdo. - Nosso conteúdo está em imagens, - dependendo do que queremos, - o usuário para fazer. - Nós não vamos exibir as fotos da mesma forma que haverá grande quando o conselho de usuários eles - em menor quando seus compartilhá-los. - Por exemplo, - há um monte de APS, - desktop ou baseado na Web, - são dedicados a construir mais copos sobre. Você pode se encontrar trabalhando em uma equipe onde eles usam por mercados islâmicos, por exemplo. - Mas todos os designers que eu sei que estamos trabalhando no esboço fazem as armações de arame no esboço. - É muito fácil e simples. - Também significa que você não tem que pagar para comprar um do caminho para si mesmo. Além disso, esta seria uma boa maneira de conhecer o Sketch por enquanto. - Não te preocupes se não perceberes. E se eu não explicar para que serve tudo o que vê, explico tudo mais tarde. Nós só vamos jogar Lego, e tudo que você precisa saber é como Compean baseado no caso de você não saber o seu Ah, vamos lá, veja para copiar em Vamos lá, V para Colar. - Eu criei um modelo que você confinou em face do carregado no início do - este curso. Está nesta pasta do curso, e chama-se mais Copos Tom Plate 1. - Em seguida, - você também pode encontrá-lo no modelo. - Sirva água. - Este modelo contém todos os elementos básicos que você precisa para construir um markups. - Construir mercados é um pouco como jogar Lego. - Você adiciona pausas para chegar com a representação do seu futuro produto. - Em graças ao esboço, - você também pode editar os elementos básicos. É como ser capaz de mudar o tamanho, forma ou as cores da sua perna quebram-se muito bem. - Esta placa de tempo é feita de duas partes. - Os elementos na moldura do iPhone. - Cada parte está contida em um quadro de arte. - Uma mão em uma mão e um esboço em nosso tabuleiro é um quadro fixo dentro da tela infinita. Esta é a tela infinita, e nós temos esses dois quadros aqui. - Os limites podem ver os contornos azuis ali mesmo. Então nós temos o elemento hardboard que contém todos os tijolos, todos os elementos que você pode precisar para começar a construir uma armação de arame. - Nós temos o quadro diferente nossa placa em que você vai colocar estes tijolos. - O quadro de arte em si é a parte branca que você pode ver aqui. - Isso corresponde a uma tela do iPhone, - por exemplo, - a moldura do iPhone é apenas para ajudá-lo a visualizar a interface dentro do iPhone, - então vamos começar com o sistema de navegação, - como você deve se lembrar dos vídeos da província, - há cinco narrativa principal que vai moldar a até. - Quero tirar fotos bonitas e compartilhá-las. - Quero ver as fotos dos meus amigos. - Quero poder ver a foto de outras pessoas. Quero saber quando as pessoas interagem com as minhas fotografias, quero aceder às minhas informações nas minhas fotografias. Estes são os pontos de partida são cinco fluxos diferentes, então vamos usar um padrão de íris muito comum para o sistema de navegação. - As guias Então irá copiar e colar estes cinco vezes barra inferior clique duas vezes sobre ele para selecioná-lo -. - Verifique se a pasta inteira está selecionada ali. - Imprensa. - Venha e veja em, - em seguida, selecione o quadro da tela. - Estes estão entediados na imprensa vêm em V para que ele copia e colar os elementos dentro deste creme. - Vamos ampliar um pouco. Podemos mover o bloco usando as setas do teclado ou do mouse. , Assim como isso, você pode ver que a captura da casa ajuda a colocá-lo no lugar. - A linha vermelha no centro nos diz que o bloco está bem centrado no único filho decidiu - para indicar que ambos os lados do bloco tocou a idade do nosso conselho. Então vamos colocar, fique aí parado, certifique-se de que está bem, companhias aéreas perfeitas. - Nossa característica principal. A capacidade de tirar belas fotos foi substituída no centro, então vamos mudar o nível. - Vamos querer dizer um pouco de novo. - Clique duas vezes aqui no nível e clique duas vezes novamente para selecionar o texto em Alterar o - texto para câmera. - Bom. - O primeiro topo à esquerda será a nossa página. - Um, - olhando alimentação direita. - Esta será a página jovem, - Se o usuário concede amigos, - fotos. - Bem, talvez possamos escrever para casa. - É melhor. - Hum, - a próxima guia é D explorar Tab. - Então vamos mudar isso de novo. - Se você quiser selecionar o texto, - você tem que clicar várias vezes nele. - Este passo será não guia notificação neste será o perfil. - Ok, ótimo. - Vamos diminuir o zoom. - Completará nosso sistema de navegação com barra superior. - Selecione a barra de status aqui no dedo do pé. - Mas você pode fazer isso no quadro dos olhos. - ou no painel esquerdo sob a mesma coisa que fizemos com a barra inferior. - Então copie colar. - Ok, agora vamos ampliar um pouco. Aqui, a barra de estudos parece estar bem alinhada. - Isso é apenas ok. - Isso é ótimo. - Certifique-se de que você vê esta linha vermelha aqui, - diz, - é que os dois elementos estão bem deitados um ao lado do outro. Não precisamos do botão Voltar, então podemos odiar a chave do backspace para apagá-la. - Mas vamos chutar o outro botão para mais tarde. - Podemos mudar o apto para casa. - Por enquanto, - vamos colocar tudo em maiúsculas. - Podemos deixar os ícones de amostra na barra de cima. Isso seria ótimo para marcações, mas deixe-me mostrar como mudá-las. Se acha que precisa mesmo, foi selecionando o ícone da câmera? - Os elementos estão entediados e vamos copiar. - Cole no olho do quadro são comprados. - A fim de fazer isso Pressione o comando, - veja com o ícone selecionado no painel esquerdo na tela estão entediados. - Selecione a barra inferior ao pressionar o comando V para colar. - Se o elemento for copiado fora do nosso quadro. - Basta agarrá-lo. - Coloque-o na tela na tela do iPhone irá colocar o ícone da câmera no topo da estrela - novamente. - Watch casa captura bate sua posição, - o elemento bem, - em seguida, esconder ou excluir o ícone da estrela. - Então vá para o painel esquerdo na ordem de vômito inferior na chamada para guia Ação para ocultar um - elemento Clique no I que aparece quando você sobre ele em um seleto diluído. O elemento impressionou a tecla de backspace, então pegue a câmera no painel esquerdo. Coloque-o na chamada para Action Tap, onde a estrela, Aiken WAAS. - Vamos fazer a mesma coisa com os ícones mais antigos. - Vamos escolher a casa para a conta da casa. - O mundo para a guia Explorar, - O cone bolha I para a guia Notificações no ícone do usuário Para o 45 top. - Podemos selecionar vários elementos na cópia. - Cole ao mesmo tempo se você estiver escolhendo elementos no quadro de arte. - Segure a tecla shift enquanto clica nos ícones para selecionar vários itens ao mesmo tempo, - disse ela, - deixando-os do painel à esquerda segure a tecla de comando, porque se você usar a tecla shift -, - ele vai selecione todos os elementos entre os dois elementos em que você clicou. Vou te mostrar outra maneira de copiar e colar isso no olho do quadro de arte. - Uma vez selecionados, - segure a velha tecla Andi no painel esquerdo. - Dirija-os, - solte-os no quadro de arte da tela logo acima da pasta da barra inferior Lá será coberto no - o mesmo lugar neste. Crie nossa prancha, então vamos posicioná-los onde pertencem. Vamos colocá-los na pasta direita no painel à esquerda, então temos eles. - Selecionado. - Tub, - que é atualmente a guia inicial nos três outros ícones, - estará na pasta de toque normal para selecionar um elemento dentro de um Folder Creek várias vezes em - ele. - O primeiro clique selecionará o primeiro bloco ou pasta de elementos. - O 2º 1 a pasta dentro dele, etc. - Até que você chegue ao elemento final, - você também pode segurar a chave comum sobre isso permitirá que você venda diretamente os elementos - você quer. - Agora vamos apenas a posição da IAC. Muitas vezes é mais preciso usar as setas no teclado para posicionar os elementos, então tente. - Mas não gaste muito tempo nisto. - Estas são apenas marcações, - não o produto final em Finalmente, - vai mudar a cor dos ícones para mudar. - A cor escolherá um dos tons completos de cinza de pré-selecionado para você. - Para as marcações. - Clique no botão de link na parte superior do painel direito para vê-los. - Então, selecione o ícone de casa em Clique no quadrado branco. - Certo? - Aun disse que os três ícones na pasta Tap normal em Selecione o cinza claro. - Bom não é que comeram os ícones que estavam lá antes. - Você pode fazer a mesma coisa pressionando o carinha ao lado do nome. - Ok, - então vamos dobrar este Holders pode até mesmo preencher este elemento nossa placa agora que temos todo o - sistema de navegação para que tenhamos a base de todas essas telas. - Os cinco tipos são o ponto de partida para as histórias de cinco homens que correspondem a cinco - fluxos diferentes. - Então copiaremos a primeira rainha cinco vezes para usar isso. - Mas antes de fazermos isso, - irá agrupar a barra de status na parte superior estão na barra inferior. - Selecionando-os no painel esquerdo para organizar jogadores do grupo, - podemos fazer a mesma coisa selecionando-os pressionando o comando G, - vamos nomear o grupo, - clique duas vezes sobre ele. - Diga o nome. - Navegação em irá bloqueá-lo para que não corremos o risco de estragar as coisas ao trabalhar no conteúdo - das telas. - Então certo, - truque sobre ele em seleto olhar, - camada. Quando os elementos estão bloqueados, você não pode selecioná-los no nosso quadro. - Isso impede de clicar e mover as coisas por engano. - Podemos sempre desbloquear o elemento ou uma pasta clicando no bloqueio ao lado de seu nome. - Não, eu os considero. - Ok, - então clique com o botão direito na moldura do iPhone Nossa placa na tela nascem no painel esquerdo em - selecione dip Lick oito. - Mas Zuma, - um pouco, - talvez um pouco mais se você segurar a tecla Shift pressionando a seta para baixo. - Ok, isso vai se mover. Thea hardboard 10 correções, mas em pixels. Se você não segurar a tecla Shift, você vai se mover. - Mas só um pixel por pixel. - Outra saída da Endy durante isto. - Então vamos fazê-lo. - Esta aqui, duas áreas. Outra maneira de fazer isso seria configurar o quadro de arte, selecioná-lo, ir para organizar, fazer grande coisa. - Teremos cinco. - Desculpe, - cinco linhas em apenas uma coluna porque queremos tê-lo em cinco vezes em. - Vamos colocar uma margem de 300 pixels. - Faça grade. - É isso que temos ou em telas de incêndio. - Agora vamos dar estes são nomes entediados que faz sentido em vamos dobrá-los corretamente. - Esta é a de cima. - Então nós colocamos no topo por aqui, - eu vou chamá-lo de lar. - Demos a eles os nomes das guias. - Explorar. - Veja como o nome muda aqui. Quando mudar o nome do nosso conselho, temos ar de tela. Então, se o selecionarmos, mude seu nome para mudança de câmera também. - Mas essa tela não, não, Andi. - Pobre falta. - Ótimo. - Agora vamos mudar a aba selecionada para sabermos onde estamos quando ampliamos para modificar muito - jogador, - você não precisa necessariamente desbloqueá-lo. - Você simplesmente tem que trabalhar dentro do painel esquerdo em vez de diretamente na tela de desenho. - Vá para a navegação na barra inferior. - Vá para a guia selecionada em. - Vamos mover este retângulo para a direita. - Tem 64 pixels de largura. - Então vamos colocá-lo 64 pixels de distância no eixo X. - Basta digitar mais 64 em um esboço vai fazer as contas para você. Este é muito fácil, mas pode ser muito útil. - Estes são os campos X nas coordenadas de posição. - Agora temos que colocar os cones I na pasta certa. - Então, selecione o ícone do especialista em selecionar seu rótulo em drogá-los na pasta superior selecionada em - a casa em seu rótulo agora pertence ao toque normal. - A última coisa que precisamos fazer é mudar a cor. - Então selecione esses dois elementos na mudança. - A cor para esperar agora mudou a cor da casa em seu rótulo também. - Como cinza, - Nós também vamos mudar o título da tela. - Então vá para a banheira da nossa casa. - É entrar em. Agora você pode mudar de título, então aqui seria explorado. - Bom. - Eu deixo você fazer a mesma coisa com guia selecionada no título para a notificação em pobres - telas de incêndio em. - Pode deixar a tela da câmera de fora. - Por enquanto, Crespo está agora na cabeça quando é feito para que as notificações possam ficar assim no seu perfil. - A tela deve ficar assim. - Se for o caso. - Bom trabalho. - Deixamos de fora a página da câmera porque a navegação será um pouco diferente. - Este é o recurso de amêndoa. Queremos garantir que as pessoas o usem bem, então reduzimos o número de opções na tela em Manter apenas o que é crucial para a conclusão do fluxo da história do Reza. Assim como se livrasse da barra de navegação ali. - Vamos para a câmera de navegação. - Não pegue emprestado e se livre dele na mesma coisa para a barra de baixo. - Livrar-se dessas barras de navegação permitirá que o usuário mantenha um forte foco na - conclusão deste funil. - Toda a tela será datada Katie para a conclusão da tarefa. - Podemos manter o status agora. - Vamos dar uma olhada na narrativa principal para ter certeza de que sabemos o que estamos fazendo. Tentamos ter um ou dois desses passos apenas em sua tela, então apenas uma ou duas dessas histórias menores Vamos queimar a gripe agora para cada passo, adicionamos uma pequena descrição no botão. - Isso nos permitirá ser muito claro com o que queremos que o usuário alcance neste Alcorão - estamos projetando. - Então selecione a ferramenta de texto na barra de ferramentas são pressionados e no seu teclado no clique logo abaixo - a moldura do iPhone mudou. - É preciso tirar uma foto. - Se um texto como este pode ser o caso, - hum, - basta selecionar o texto. - Certifique-se de que você tem os seis selecionados em mudar a cor cinza muito escuro sobre. - Coloque um mostrado bem. - Ok, - Agora selecione a câmera a bordo, clicando sobre ele no painel esquerdo irá copiá-lo tão antigo em - em arrastar e soltá-lo ao lado da tela de visualização. - Assim como este irá adicionar algum texto para Então Presti no clique logo abaixo do olho do quadro. - Bem, - direito eu posso passar para ela era um futuro. - Eu cliquei. - Eu também sinto isso. - Nome do artista. - Idade. - Conseqüentemente, - Apenas dois viram um três Ok, - iria recitar este campo, - então basta pegar a alça em redimensioná-lo. - É assim na posição abaixo. - Você é do quadro assim. - Ok? - Nós também vamos mudar o nome do nosso conselho, - então clique duas vezes própria câmera co p em alterações para a página Feltus. - Ok. - Andi duplicou a tela fazendo a mesma coisa que fizemos para a anterior. Tão velho para fora no laço arrastar e soltar a tela ao lado do anterior como este, vamos adicionar algum texto. - O que podemos fazer é pegar esses livros velhos no arrasto e soltá-lo logo abaixo para co-pagar. - Pode mudar. - O texto iria cavalgar. Posso adicionar uma descrição à minha foto. - Posso selecionar os trabalhos. - Eu quero ter certeza de que é isso. - Talvez precise redimensionar um pouco. - Simplesmente assim. - Está bem, perfeito. - Não, - vamos mudar o nome desta página duas ações pagas assim. - Finalmente, - após o último verde foram adicionados texto sentir que dizer é minha imagem é compartilhada em meus seguidores. - A comida nele é publicada na seção de explorar. - Se eu conseguir curtidas o suficiente Então vamos pegar este campo de texto, - copiá-lo aqui assim e dizer que minha foto é camisa em Meu poço, - foi feed e como publicado na seção explorar se meu filho Suficiente gosta. - Ok, tudo bem. - Também adicionamos setas para garantir que as pessoas entendam o fluxo. Mesmo que pareça óbvio, podemos agarrar as setas no elemento são tábuas que podemos levar estas podem todos os venha - chave para o conjunto da era. - Hum, - imprensa. - Vamos lá, vê? - E então os passeios são comprados em V comum então nós temos o árabe Justo hoje nós podemos posicioná-lo - e perfeito sobre o que poderia ser colado. - Venha ver Khan v Coloque-o aqui. - Também adicione um último aqui. - No caso de você estar se perguntando o que eu acabei de fazer como apenas dedo selecionado em pressionado Venha e veja - Então você vê que ele duplicou. Então você vê que ele duplicou. Certo, então, , vamos agrupar todas essas setas Uncommon Silveria, selecione o shopping no painel esquerdo pressione D comum e podemos renomear o grupo para Cummings. - Nós amamos o grupo, então não vamos mexer com lá por engano. - Então à direita, - clique em um provável como este. - É isso. - Vamos começar a encher as telas agora. - Selecione a imagem Elementos nos elementos estão entediados. - Este está na cópia. - Então selecione a câmera a bordo. - Oh, desculpe. - Pressione a moeda, - e então configure a câmera. - A bordo da imprensa chegando V. - Ok, - vamos posicionar no centro mais ou menos. - Esta tela. - Sim. - Vê como o sketch nos ajuda de novo? - Por que a foto está quadrada? Bem, aqui está o que Kevin Systrom, financiador do Instagram, tem a dizer sobre isso. - Percebemos que se vamos fazer fotos que teriam que ser diferentes e se destacar - fotos quadradas exibidas muito bem no formato feed. E francamente, gostamos mais da relação de aspecto. - Isto não é incomum. - Uma parte da identidade do Twitter depende dos 140 caracteres. - Restrição. - Ok, então agora temos que ir para baixo para tirar a foto. - Um grande apelo à ação. - Então vamos ampliar um pouco. - Clique no botão de forma na barra de ferramentas sobre, - selecione fora. - Caso contrário, - você também pode apenas pressionar d o tecla no seu teclado como este. - Segure o turno. - Isso permitirá que você faça um círculo perfeito. Não fazer isso resultaria em desenhar um romance como este. - Ok, então é verdade. - Isso vai dar com off 90 pixel como este em I 90 pacífica também. Também podemos clicar nesta fechadura, então um redimensiona. - As proporções são mantidas assim. - Vê? - Nós vamos nos livrar da fronteira ali assim em que mudaria o combustível e torná-lo escuro - - Dois indica que é um forte apelo à ação. - Vamos posicioná-lo. - Centralizá-lo mais ou menos. - É isso. - Agora pegue a câmera. - Eu posso que nós usamos mais cedo esta cópia e colá-lo no Come on the board. - Onde é que está? - Por aqui. - E coloque-o em cima do botão. - Não mudou a cor clicando neste quadrado branco em irá redimensioná-lo. - Então, cliquei na fechadura para ter certeza que as proporções são Get on Dê um com off 40 - pixel que é colocado que ele pertence aqui. - Certo, - Então agora vamos que vai Teoh grupo essas duas camadas em que podemos renomear o botão para tirar - botão de foto. - Ok, bom. Uma vez que nosso usuário está aqui na tela, a única opção é tirar uma foto. - Vá mais longe. - Isto é bom. Isto é muito focado, mas não podemos deixar o nosso utilizador voltar atrás. O que você deve fazer se você apenas clicar na câmera cansado por engano, então vamos adicionar um botão de cancelamento. - Selecione o padrão Burton na barra de reboque em Os elementos estão entediados. Bem aqui, você pode pressionar Comum para selecionar o botão. - Verifique se a pasta inteira com o rótulo está selecionada em uma cópia. - Cole na câmera a bordo. - Certifique-se de que está realmente no quadro de arte em posição. - É mais ou menos assim vai mudar o nome. - Você pode simplesmente clicar nele ou selecionar a camada no painel esquerdo que diz nível Andi vai - mudar, - também. - Cancelar. - Vamos apenas a posição da imagem um pouco. - A mesma coisa para este botão que parece melhor. - Eu também vou adicionar uma explicação para o primeiro conselho Burton na tela da câmera. - Então, vamos apenas adicionar um texto. - Presti Un se vai ao banco também. - Page Sorry, - A página que o usuário waas anteriormente em seu Andi Will poderia ser colar uma dessas setas - nós temos que selecionar no painel esquerdo. - Esta é a imprensa como de costume. - Venha ver em um Humvee. - Pegue aqui ou pode fazê-lo porque está trancado. - Obviamente, - você pode se mover com as setas no seu teclado. - Assim, sou colocado no lugar. - Ok, então vamos mudar isso um pouco também. - Em pegar um dos anjos da seta para mudar sua orientação. - Que movê-lo com as setas Teclas no teclado. - Ok. - Deve estar bem por enquanto. Talvez possamos mudar a cor do texto porque não podemos vê-lo. - Realmente? - Bem, - certifique-se de que é ah, - o vermelho escuro que é selecionado em distritos colocar dentro dos comentários com os outros comentários - e os erros. Acho que está na hora de nós. - Teoh salva pela primeira vez. - Não se esqueça de fazer isso de vez em quando. - Caso contrário, você poderia ficar muito frustrado. - Normalmente você teria que pressionar Vamos S para salvar. - Mas como esta é a primeira vez que estamos economizando enquanto estamos trabalhando no modelo, - é melhor duplicar o arquivo primeiro. - Tão bom para arquivar duplicado sobre isso irá criar uma nova versão deste arquivo. - Agora podemos salvar estes disparados pressionando s comuns ou indo para o arquivo, - salvar e escolher onde quiser. - Teoh para colocar seu arquivo e mudar o nome dele, obviamente, para se exercitar, encontrar, por exemplo, o que for. Estou pressionando câncer aqui, mas precisa apertar o mesmo botão para salvar, obviamente. - Ok, vamos cuidar do próximo passo. - A página mais apta nesta tela. - Queremos que o usuário escolha um filtro e veja. - Modificar a vida da imagem. - Então temos Copiar e Colar DC feito a partir da tela de propósito na nova tela. Assim como este, manteremos uma interface semelhante. - Substituirá o botão exato da imagem por uma lista dos filtros? - Visualização, então copie e cole em uma imagem grande logo abaixo desta. Certifique-se de que a fechadura está bloqueada para manter as proporções, dando a inteligência de qualquer pixel, assumindo um pouco diferente no lugar duplicado três vezes um a três. - O último deve estar parcialmente fora da tela para mostrar que o usuário pode deslizar - horizontalmente. - Agora selecione as quatro pequenas imagens Andi clique. - A distribuição está ressentida. - Lee Button. - Apenas muito. - Os dois elementos do lado de fora ficam no mesmo lugar sobre os entre eles serão - uniformemente distribuídos. - Isso significa que os espaços em branco entre os outros elementos selecionados serão os mesmos. Certo, então usaremos caixas de seleção para indicar quais militares selecionaram os elementos do nosso conselho. - Seleciona os talões de cheques. - Esta está nesta na pasta de cópia? - Então no filtro os espíritos estão entediados. - Apenas certifique-se de colocá-los no nosso quadro assim. - Vamos colocar os filtros. - Sim, - em. - Vamos colocar os livros de ticks tecnológicos apenas o primeiro filtro em um dos livros didáticos em cima de - três outros filtros. - Eu deveria ter selecionado a pasta inteira porque se você selecionar apenas um dos círculos - como eu fiz, - isso não vai funcionar. - Então copie e cole euros não utilizados no teclado para ter certeza de que eles estão no lugar como este. - Copie e cole de novo. Ok, então a imagem grande parece ser um pouco baixa demais, então vamos colocar um pouco mais alto. - Eu também vou adicionar dois botões. - Quer validar aqui e quer voltar para o caso de o usuário querer mudar sua imagem. - Então vá para os elementos estão entediados e na parte superior dois. - Este. - Selecione o botão do saco na cidade, - um botão em um casal baseado neles. - Os filtros estão entediados, então pressione. - Venha e veja em Selecione a página preenchida, - mas não vamos usar Venha V desta vez para colá-los. - Vamos para a página de filtros aqui. - Pode ampliar um pouco, se quiser. - Vamos clicar com o botão direito do mouse no quadro de arte como este com a pasta selecionada. - Esta é uma maneira mais precisa de colocar elementos, - então posicionados os botões como este em mudou os rótulos. Quando a câmera direita Andi Next, eu também adicionaria rótulos para os filtros. - O Presti em coletores abaixo do primeiro filtro mudou pintos para filtrar. - Certifique-se de que é o que está alinhado com a imagem. - É isso. - Selecione o campo de decks e pressione common. - Veja Khan v. - Teoh substituiu, - em seguida, usou as setas enquanto segurando Shift Teoh filme corretamente. - Se quiser ajustá-lo, use as setas sem segurar o turno. - Isto foi por conta do Lee. - Mova o elemento um pixel por um pixel. - Mais uma vez, - segurando shift permitirá que você mova o elemento 10 pixels por 10 pixels. - Então faça isso três vezes. - Próximo passo é a tela de compartilhamentos que tela. - Então vamos para os elementos estão entediados. Usaremos a barra de reboque para aquela que foi usada antes. - Então copie. - Siddiq Chair Page em. - Certo. - Clique no nosso quadro. - Ok, vamos ampliar um pouco e ter certeza que está bem alinhado assim. Vamos apagar este botão porque não precisamos dele. - Próximo. - Queremos permitir que o usuário adicione uma descrição à sua imagem. - Então isso seria muito simples. - Um campo de texto para a legenda em um campo de texto para o local. - Vamos dar uma olhada nos elementos. - Ok, - então vamos usar estes, - um campo de texto em miniatura neste campo de texto normal. - Copie-os e paga-os à direita. - A nossa prancha. - Ok, vamos colocar esse aqui. - Aquele aqui, - perfeito vai mudar o texto para tinha um add uma legenda. - Andi no lugar. - Vamos mover o campo de texto um pouco porque queremos adicionar uma Nikon aqui. - Bem, - dois, - este ícone Pless, - você pode ver este, - então copie-o. - Vamos zoom. - É uma página de compartilhamento. - Cole. - Meu grande. - Você pode ajustar a posição usando as setas em Vai mudar a cor para um tom mais claro - de cinza assim. A próxima parte da tela é que eu posso selecionar em quais redes eu quero compartilhar minha foto. Então vamos adicionar um título, Presti e clicar logo abaixo do campo de texto, certo? Claro, acampamentos antigos retardam isso, podemos fazer com que seja médio ou ousado. - Basta torná-lo médio. - Certifique-se de que está alinhado à esquerda. - Bom em Will usar nesta mesa. - A mesa três por dois pode ser colada ali. - Posicione-o assim. - Mudaremos as etiquetas para Facebook. - Um Twitter masculino cintilante, madeira Foursquare. Você pode até adicionar os ícones, então vamos mover os rótulos um pouco. - Arranja espaço para os Aiken assim. - Estamos bem. - O Teoh. - Os elementos estão entediados. - Você tem Twitter foursquare Facebook Foursquare Temblor cintilação. Copie-os para a página de compartilhamento em Pistão There, vamos colocá-los onde eles pertencem. Facebook, Twitter Tender. - Esquecemos o e-mail. - Eu poderia beber Foursquare. - Leve algum tempo para ajustá-lo. - Vamos pegar o ícone humano. - Este capi colá-lo onde queremos enfrentar que ok agora vai mudar a cor dos ícones para o médico do texto como este. - Andi para mostrar que, - por exemplo, - no Facebook é selecionado vai mudar a cor também, - Um, - um tom mais escuro de cinza e, finalmente, vai mudar os rótulos dos botões de navegação. A cidade A seria a chamada de ação do Iêmen , a propósito , compartilhar, é isso que voltará. - Ótimo. Acho que a nossa primeira gripe acabou agora. - Parece bem legal, certo, Onda? - Agora sabemos como o usuário vai fazer esta imagem local com certeza. - É facilmente na próxima lição vai continuar trabalhando nas marcações em cuidaria do - quatro os homens fecham. 11. Mockups 2/2: - nesta lição vai continuar. - As marcações em que começamos a trabalhar completarão os quatro fluxos restantes. Então vamos começar com uma narrativa como Kevin. - Quero ver as fotos dos meus amigos e dar-lhes feedback. - Os passos para esta narrativa são eu abrir o aplicativo no acesso de feed de meus amigos fotos. - Eu posso gostar das fotos e eu posso entrar e então nós também temos, - como é chamado, - nos meus pés. Estou convidado para encher mais pessoas ou convidar amigos, mas vivemos o último. - Por agora. - Se você ainda tem o arquivo de esboço do último vídeo aberto, - você pode continuar com isso. - Caso contrário, - você pode ir para esta pasta do curso em face do Senhor é o início do curso em - Abrir o fogo chamado maquetes para iniciar o arquivo. - Ok, - então vamos ao primeiro creme, - a tela inicial, - mas escreve o que queremos que o usuário seja capaz de fazer na tela. - Então nós pegamos um desses comentários vai copiá-lo. - Venha e veja bem passeado clicando com o botão direito. - Apenas desenterre a tela. - Vamos levar pasta. - Antes de mudarmos a mensagem. - O Teoh agrupa essas entradas e flechas que pertencem a um grupo chamado, uh, comentários de câmera. - Certo, agora vamos cuidar disso. - O que queremos? - Eles costumavam fazer neste rangido? Eu fui cruel ao ver meus amigos fotos que eu gosto em comentar. - Bom. Nossas duas palavras-chave aqui são fotos e amigos. - Então precisamos ver quem está postando no que está postando. - Vamos dar uma olhada nos elementos são placa. - Vamos usar essa foto de usuário nesses nomes de usuário, então clique até selecionar os dois assim. - Venha e veja em Ben vai selecionar a tela inicial. - Vamos, V. - uh, desculpe. - Clique com o botão direito e cole aqui. - Vamos posicioná-lo assim. - Está bem. - Também precisamos da imagem grande como esta. - Algo venha e veja. - Baseado em casa assim. - Ótima. - Oh, - não, - assim é melhor. - Ótima. - Agora vamos precisar que Teoh seja capaz de gostar ou entrar na foto para uma ação como essa. - O fardo é a opção mais simples. - Vamos pegar o botão normal. - Vamos lá. - Vês? - É como em casa e, em seguida, colá-lo sob a mesma idade bom pode renomeá-lo para gostar em - Poderia ser Peace Teoh para o botão comum. - Comentário. , O quadrado, o retângulo. Desculpe, é um pouco pequeno demais. - Então vai redimensioná-lo. - Há algumas opções para fazer isso. Você pode pegar a ponta, entregar, dar a volta. Você também pode clicar nas setas aqui, em cima para baixo. - Se você clicar na largura preenchida, - você pode usar as setas no teclado através da mesma coisa para ir para cima para ir para baixo. Se você toda a palavra-chave principal pressionando as setas, você iria para cima e para baixo por 10 pixels. - Você também pode adicionar 10 pixels escrevendo mais 10 e esboço fará a matemática para você. - Ok, então vamos simplificar. Faça algo que isso possa ser um pouco maior, você acha? - Ok, ótimo. - Mostrando os usuários são muitas pessoas gostaram da imagem na exibição dos comentários é uma - boa maneira de seduzir as pessoas a gostar ou comandar a si mesmos. - Então vamos fazer isso agora. Usaremos dois ícones para representar curtidas e comentários, mas antes disso, vamos abrir espaço entre a foto nos botões. - Algo parecido com isto. - Vamos pegar os ícones que vão precisar. - Pegamos o coração. - cópia da bolha. - Selecione a casa em baseado. - Bem aqui. Vamos colocar os Cummins na noite em primeiro lugar e os Comuns depois. - Assim. - Agora vamos adicionar um texto. - Escrevemos o nome dos cruzadores. - Imagem clara da esposa. - Há alguém para quem eu os use? - Está bem. - Também mudará a cor do coração da bolha para o cinza claro. - Bem, - duplique este campo de texto para usá-lo para os comentários. - Chamaremos esse cara legal usando ele. Três que se comprometeram com a foto duplicarão o campo de texto para o comentário sobre ele dizendo algo como, “ Oh , clement , clement”, “muitos de imagens legais , dizendo algo como, “ Oh, clement”, “muitos de imagens legais, ” texto touro para texto clicável em regular para texto não clicável é uma boa convenção mais ampla - solta. - Estes nomes podem ser clicáveis no comentário. - Não vai ser assim vai mudar. - Um, - o caminho para o normal sobre o Canadá normal assim. - A última coisa que precisamos fazer nesta tela é adicionar um botão de atualização. - Então precisamos fazer é adicionar o ícone de atualização porque já temos a forma do botão. - Então vamos tomar esta forma esta ver comum oh, - zoom clique direito colar como este próximo acima na narrativa como eu posso gostar de fotos do meu amigo - então nós não precisamos de outra tela para fazer isso. - Clicar no botão Curtir irá adicionar o nome do nosso nome ao contato frouxo aqui. - Vamos apontar rapidamente no shopping. - O Cubs vai selecionar. - Estes estão aqui com cópia. - Cole. - Não preciso selecioná-los. - Hum, - na verdade, - bem, - vindo, - bastado aqui em um, - clicando com o botão direito que, - como contador, - vai mudar a palavra porque Isto voltou ao normal, e queríamos ser ousados como antes. - Nós também vamos redimensionar dis campo de texto como este em. - Você pode ver que também não é a cor certa, - então selecionará o tom mais escuro de cinza. - Agora vamos lidar com um comentário. - Ação irá duplicar a tela inicial, - embora lá. Então eu selecionei a bordo na época mais velha, saí de drogas e deixei cair a nova tela ao lado da anterior. - É movê-lo um pouco, - hum, - será o nome. - A página comum hardboard também irá adicionar um estreito para indicar a direção do fluxo para - podemos usar um destes como este. - Então o que queremos que o usuário seja capaz de fazer nesta tela? - Bem, queremos que ele leia comentários existentes para adicionar um comentário próprio. - Então vamos anotar isso abaixo da tela. - Eu vejo Commons Cand existente eu posso comentar direito. - Ótima. - Não apaga tudo dentro da tela, exceto para a navegação como esta. - Selecione tudo. - Levaste-os? - Vamos começar com a lista fora. - Comentários. - Vamos dar uma olhada. - Os elementos estão entediados. - Vamos usar usará o terceiro elemento da lista. - Copie-o e colado na página comum. - Essa é a posição como esta em duplicado algumas vezes. - Ok, bom. - Agora queremos ser capazes de escrever um comentário. - Copie colar o teclado aqui. - Não precisamos, eles são trazidos porque queremos que sejam mais fáceis de focar no que é suposto fazer nesta tela, que é escrever um comentário. Também precisaremos dar a possibilidade de voltar. Não precisaremos desse botão de novo para nos livrarmos dele. - Vá para a pasta de navegação, - o Tobar On ligado. - Você tem o botão de atualização. - Você pode apagar assim. - Também mudamos o nome da tela. - Dois comentários sobre vai adicionar de volta Burton. - Vamos dar uma olhada onde podemos encontrar um aqui. - É isso. - Tudo bem. Acho que agora que ele foi feito, vamos agrupar os comentários correspondentes. - Teoh, o fluxo do campo. - Então vamos dar uma olhada. - Onde é que eles estão? - Por aqui. - Agrupou-os. - Eu chamaria, e depois comida do Clement. Podemos colocar esse grupo dentro do grupo de comentários, então haverá. - Olha, - certifique-se de que está realmente no grupo se ele faz o que acabou de fazer para mim assim admite que - não está dentro dos grupos e certifique-se de que os elementos dentro do grupo estão no mesmo - nível aqui. - Ok, - a próxima é a torneira de explorar. - Como essas fotos provavelmente não foram tiradas pelos amigos do usuário, - é menos provável que eles estão comprando para ele. - Isto é o que pode ser. - Uma boa idéia para exibir vários deles ao mesmo tempo, - em vez de apenas um em, - deixá-lo clicar em um de seus interessados. - Então vamos tentar o som deles abaixo da tela vai usar o têxtil. - Eu escreveria, - Eu trepo são. - Temos pêlos de texto brancos tão selecionados e mudar a cor. - Muito cinza escuro. - Está acontecendo. - Oh, bom. transo Eutransopara ver fotos populares das pessoas. - Eu posso clicar na imagem para ver em tamanho real. - Eles se importavam. - Não sei por que o Texas mostrando como palavra como por escrito, - Mas tudo bem, - então precisamos adicionar outra tela com a imagem de tamanho completo para que vamos selecionar o explorador - página. - Duplicar. - Não, - isso em duplicar. - Este comentário colocá-lo abaixo deste quadro em um passeio. O que podemos fazer neste, , na tela? Bem, não posso gostar equipamento da foto. - Deve estar tudo bem por enquanto. - Para a primeira rainha usará um desses elementos. - Sim, este. - A equipa envelhece a grelha. - Certifique-se de que você selecionar a pasta inteira em apenas um deles como este em Poderia ser baseado - ele dentro da tela expo como este. Certo, talvez precisemos adicionar mais uma linha, então vamos dar uma olhada. - Como podemos fazer isso? - Vou selecionar estes três e substituí-los. - Mova-os com as horas e o teclado assim ligado. - Colocamos estas pastas A imagem é grande abaixo da pasta de navegação como que para a próxima - tela irá copiar colar tudo o que está dentro da casa, porque é basicamente a mesma coisa - Quando eu vou para a Expo. Kobe é que temos que mudar seu nome para, bem, passeou tudo assim. - Vamos mudar o nome do quadro de arte também. - Victor Page em tamanho real. - Vamos mudar esse título. Eu disse isso na navegação trocou o título para Foot Andi,pois haverá muitas vidas substituirão os nomes. Eu disse isso na navegação trocou o título para , - Os usuários vão gostar da imagem pelo número de vida assim vai dizer. - Aqui vamos nós. - Este texto também foi ser clicável em vai nos levar a uma tela com o nome dos Lakers. As pessoas gostarão da foto, então precisamos do Teoh. - Use outra tela para isso. Mas antes de fazermos isso, vamos ler este botão. - Então vá para o topo Barra e disse que o botão de atualização de sua on. - Apaga-o outra vez. - Nós não fomos capazes Teoh selecionado no quadro de arte porque estas quatro portas estão trancadas. Como você pode ver aqui, nós poderíamos bater, mas você também pode trabalhar dentro do painel esquerdo. - Isso é mais rápido, - na minha opinião sobre nós também precisamos de um botão de volta para sabermos onde ele está agora. - Bem, - lá. - Seleciona. - Copiar. - Cole apenas na página de imagem lateral completa. - Bom. - Notei que está faltando algo aqui. - O botão de atualização. - Precisamos deste ícone também. - Nós vamos para a página explode no World colado aqui assim. - Ok, então vamos tirá-la. Esta terceira tela de que estávamos falando irá duplicar a página de fotos em tamanho completo . Está editando no painel esquerdo, segurando arrastando e soltando ao lado da tela do profeta. - Certifique-se de que está alinhado. - É isso. - Vamos dar uma olhada no que podemos usar nestes é a placa Will é o elemento menos um. - Então, este pode ser o fim. - Vá para a cópia da página de imagem em tamanho real. - Porque ainda não renomeamos. - Vamos nos livrar de tudo dentro da página na pasta. - O que acabamos de copiar. - Você pode usar D hours em seu teclado ou mouse para mover este bloco no telefone. - Vou manter este maldito acertado. Rappers posicionam os diferentes elementos, mas vamos mudar isso. - Podemos nos livrar deste texto ao ler este texto e centralizar aquele. - Não, - isto. - Agora vamos copiar esta lista. - Elemento um. - Há mais uma vez o que podemos fazer que podemos selecionar três elementos nele poderiam ser colados - eles como este. - Não, - eu considero que com seis elementos baseados em como este pode ser um pouco demais, - embora. - Deve ficar bem de novo. - O que precisamos fazer. - Vamos agrupá-los. - Isso vai ser mais fácil. Você chama essa lista de grupos em “Nós colocamos a navegação”. - É com o botão Voltar na navegação, também. - Então foi bom para mim. - Oh, - sim, - vamos nos livrar das miniaturas. - Não precisamos disso agora . - Finalmente, - nós apenas adicionar um estreito do propósito. - Vá para estes de esta tripulação para este aqui. - Quero dizer, - deste vai para este, desta arma para esta, - obviamente. - Então vamos usar vamos aos comentários. - Veja se podemos usar uma dessas áreas como esta pasta baseada e novamente vamos agrupar estes - comentários na pasta Explorar Comentários na última coisa que precisamos fazer é mudar o nome - de seu quadro de arte para on, - como esta página, - por exemplo. - Podemos dobrar tudo. - Vou adicionar mais uma legenda para a página dele. - Então, o que devemos fazer nesta tela? - Bem, não muito. - Posso ver quem foi à noite. - A foto. - Posicioná-lo. - Certifique-se de que é um cinza escuro. Andi colocou na pasta certa assim, então temos um botão de saco. - Eu acho que nós também até agora nós fizemos o três primeiro perto do futuro chave ou câmera. - Estes são os pés na seção de exploração. - A notificação sobre os fluxos de perfil é deixada de fora, pois os exercícios ficariam com uma versão muito simples do perfil. - Isto não é muito crucial para o momento. - Então abriu o arquivo chamado markups para o arquivo de exercício no DFI. - Preencha as telas em branco e você será capaz de comparar o que você fez com as marcações - Arquivo completo quando você terminar. - Uma coisa a menos. - Estas marcas são bem minuciosas. Se você quiser passar mais tempo pensando em algumas coisas no começo, ou se estiver trabalhando com sua equipe, uma coisa boa seria tentar fazer essas maquetes no papel primeiro, Se você quiser passar mais tempo pensando em algumas coisas no começo, ou se estiver trabalhando com sua equipe, uma coisa boa seria tentar fazer essas maquetes no papel primeiro, Um pedaço de papel sobre o Joe. - A forma de um iPhone na forma da tela no início durante o que você quiser. - Teoh, tente dentro desta tela. 12. Encontre inspiração: Agora que temos o plano da APP, é hora de começar a pensar sobre sua identidade visual. - O que vai parecer sentir como as cores e fontes que vamos usar. - Este é o conceito visual do “up”. - Uma grande parte deste processo é encontrar uma inspiração. - Inspiração não é um presente dos deuses que vem até você do nada. - A melhor maneira de se inspirar é olhar para os outros trabalhando. E se você acha que isso está contando idéias para outras pessoas , é meio que o ponto. Como Picasa disse, bons artistas copiam. - Grandes artistas ainda estão. - Se Picasso disse que, - eu acho que estamos prontos para ir, - você pode encontrar na descrição ligada a um artigo muito interessante sobre o assunto por um - grande designer que também escreve muito sobre sua captura. - Coletar coisas que você gosta da Web é uma parte importante do seu trabalho como um produto - designer. - Há muitas ferramentas que você pode usar. - Eu pessoalmente gosto do Gimme Bar. - Você pode encontrá-lo em Dê-me garrafa Venha. - É um plug navegador que permite que você colete imagens vídeos em com páginas da Web -. É muito parecido com o Pinterest, mas mais simples quando se trata de recolher inspiração. - Ele também permite que você capture páginas inteiras da Web sobre isso pode ser realmente útil quando você está - olhando para a frente. - Inspiração de design. - Deixa-me mostrar-te que funciona. - Ok, então vamos nos inscrever. Podes fazer isso com o Twitter ou o comoteu endereço de e-mail. - Ali afetou um Fé é o nome. Temos que usar o livro “My Burton “, mas eu prefiro que eles se conectem. - Então vamos à loja cromada. - Neon Cromo. - Eu acho que você tem Teoh usado este botão e cheio de instruções dele. Mas se quiser Cume, acho que é melhor Teoh. - Usou o plugue. - Então vá para Chrome dot google dot com barra loja web. - Procuro ameba. - Só o 2º 1 forma um meio. - É de graça. - Sim, - vamos adicioná-lo, - e agora você pode encontrá-lo aqui. Então vamos encontrar algumas coisas inspiradoras para coletar agora. - Para isso vai para a mesa ponto com três abelhas. - Problema é ótimo para encontrar inspiração. - É o show até o site Para designers, - um monte de web designers surpreendentes, - designers de aplicativos móveis, - designers gráficos. - Ilustradores são muito ativos nesta plataforma. - No dia fazer upload deles em ir trabalhar todos os dias. - Você pode ver as fotos populares que estamos fazendo agora, ou você pode olhar temas específicos como eu sei que eu era ou você pode olhar temas específicos como eu sei que eu era... - Sim, vamos ver. - Sim, ... - Sim, - Notei. - Então vamos dar uma olhada. - Isto parece interessante. - O que podemos fazer é recolhê-lo. - Você pode comprar? Então aperte o zumbido, pegue a imagem, coloque-a na Europa. - Soldado Stash. - Você pode adicionar uma coleção de comentários ou atitude. - Criamos a primeira coleção assim. - Pressione a tecla de seta para baixo para selecionar a coleção para se certificar de que ela está nela ao pressionar enter. - Ok, isso é bom. - Vamos encontrar outra coisa. - Isso é legal, nós conhecemos a coleção e fechá-la para voltar e tentar encontrar - outra coisa. - Fale que às vezes você pode ver fotos maiores como este - em, - não importa se tamanhos que você ainda pode adicionar para me dar um sino. - Vamos pegá-lo no esconderijo particular na mesma coleção assim. - Vamos voltar para me dar um bar sobre a anomalia da nossa biblioteca. - Devemos ser capazes de ver sim. - Em majors nós colecionamos Não isso. - Isto é muito útil. - Vamos voltar ao seu trabalho por um segundo. - Há uma ótima cor até aqui que você pode usar. Mostra-te o que as cores dos homens usavam na loja. - Se você clicar nele, - você pode ver outro tiro que contém a mesma cor em você pode mudar a cor. Então, quando você está trabalhando com cores específicas, isso é ótimo. - O Teoh. - Encontre inspiração sobre se você encontrar um designer como você pode clicar em seu nome em Breaux é - gráficos diferentes. - Qualquer um pode criar uma conta no drible, - mas você deve ser convidado para ser capaz de postar seus próprios projetos - o que não é o caso neste outro site. - Vou mostrar-te que vais começar por aí. - Bian's também é um ótimo site de vitrine de design. Às vezes podemos ver uma bela Frota Estelar, senhor. - Dê uma olhada. - Eu reservei. Isto parece bom. Eu um sete ícones redesenhar a escola Nick. - Ok, já que estamos trabalhando em movimento para cima, há alguns sites que exibem imagens de aplicativos móveis. - Você está de olho em fluxos. - Eu mostro-te um deles. - É padrões legais ponto com p duplo t r N s ponto com Há muitos site como esse em eu tenho - colocar mais links Índia na descrição que você geralmente pode captura de tela do irmão por tarefas ou seus - padrões. Então vamos dizer que estamos trabalhando em que eu não sei o perfil fora. - Oh, - uh, - podemos encontrar inspiração de um cabelo. - Este é o perfil no Twitter. Este é o perfil do Instagram, a nova versão. - Este é o perfil bem Kickstarter e assim por diante. - Então pode ser muito útil passar algum tempo nesses sites. Vou te mostrar outro, mas de novo, você pode encontrar mais na descrição. - Este chama-se Arquivo Begs. - Não venha. - Somos compostos por ABS. - Ou dê uma olhada nos últimos envios. Você também pode escolher a tarefa, então eu não sei, talvez adicionando algo. - É assim que você pode adicionar algo no Pinterest. - Vamos dar uma olhada mais de perto. - Eu também recomendo que você se inscrever na barra lateral você confinou barra lateral na barra lateral. - Foi criado por um Ceta. Griff era muito legal e talentoso designer. - Você pode se inscrever aqui em você receberá todas as manhãs. - Une macho com os cinco melhores links de design do dia. - É muito fixe. - Mantém-te atualizado com novos produtos. - Artigos de notícias sobre todo o tipo de coisas relacionadas ao design coletando inspiração é algo - você deve fazer o tempo todo. - Não, - só quando você está andando em um projeto sempre que você encontrar algo interessante é inspirador - - Não hesite em colocá-lo em sua barra gimme no próximo vídeo vai trabalhar no visual - conceito do aplicativo em. - Falaremos sobre tipos de letra. 13. Typograhy: - e este vídeo vai falar sobre tipografia. - Isso não é algo que você deve gastar muito tempo agora, - o processo de lidar com texto na escolha de fontes fora dos fundos é realmente difícil, - já que é muito difícil escolher uma frente sem vê-lo no contexto. - A melhor coisa a fazer é geralmente começar com Helvetica e, em seguida, experimentar quando você - projetos são um pouco mais avançados. - Mas eu queria lhe dar o básico da teoria da tipografia para ajudar você a fazer melhores escolhas - ao escolher fontes em formas de exibir seu texto. - O que é importante entender é que a tipografia é verbal e visual. - Quando o seu conteúdo é principalmente texto em quando há muito dele, - Os usuários geralmente digitalizam a página para obter uma sensação geral sobre, - em seguida, tomar o tempo para ler ou não. - Isso significa que a forma como o texto parece influencia o leitor para ler ou não em - França é o caminho vai ler o conteúdo, - mas que enfrentam o tamanho, - a posição do texto pode, portanto, servir ou prejudicar o seu conteúdo. É por isso que é importante ter uma compreensão geral de como essas coisas funcionam, , então vamos mergulhar e começar com o básico. - O tamanho do tipo, - também chamado de altura do Gap, - é a altura geral das letras maiúsculas. - O Ascender é o aeroporto dizer em letras como H L T B D em K. - O dissidente é o Don Juan dizer para alface como G coop sobre por que o contador é o que - espaço localizado dentro. Cartas como Oh, em Pete nos olhos X ou tamanho de cobre é a altura da letra X , portanto, não inclui um remetente ou dis enders. - A altura X é a distância entre a linha de base. - Na linha principal na linha de base é a linha sobre a qual deve nos deixar sentar em Bill. - Que descem é extensão. Dependendo do estilo da frente, algumas ou todas essas partes estariam presentes. - Contagem refere-se ao processo de ajuste desse ritmo entre caracteres individuais. - Girar é usado para fazer certas combinações de letras, como um V, - W A M w ou ta olhar melhor. Este é um conceito importante para pessoas que desenharam tipos de letra, mas floresta isto não seria algo que terá de lidar com muita coisa. - Mas se quiser entender um pouco mais como funciona. Este joguinho do Kernan, por método de ação, é muito bom. - Podemos encontrá-lo no tipo. , Então,enquanto contar não é algo, você deveria lidar com muita coisa. - Rastreamento pode ser rastreado ou carta. - Espaçamento refere-se a um grau consistente de aumento ou, por vezes, graus de espaço entre - letras para afetar a densidade na linha ou bloco de texto. - A diferença com o giro é que o ritmo da alface refere-se ao espaçamento geral de um mundo - ou bloco de texto. - Um giro é sobre ajustar o espaçamento de duas partículas de caracteres. - Deixe o espaçamento é várias novidades totalmente, - design e esboço. - Você pode ajustar o rastreamento no inspetor alterando o valor do espaçamento de caracteres. Aqui, podemos até usar valores negativos para um rastreamento cada vez mais apertado. - Você pode tentar. - Você tem o arquivo de desenho na pasta desta lição. - Não aumente o rastreamento em texto em letras minúsculas, pois as formas de palavras tendem a se separar assim - torna-se cada vez mais difícil de ler. - No entanto, - aliança muitas vezes se beneficiam de um rastreamento ligeiramente apertado como este. - Em seguida, é pronunciado deixando inicial refere-se ao ritmo vertical entre linhas de texto. - Ao ajustar a quantidade de deixar entre linhas, - o texto pode se tornar mais legível, a menos que pintado. - Deixe-me mostrar-lhe o que quero dizer e esboçar não pode. - Apenas a liderança no inspetor, alterando o valor do espaçamento entre linhas. - O valor inicial inclui o tamanho da frente. - Então isso significa que agora não há permissão neste parágrafo. - A legibilidade destes bifes certamente se beneficiaria de adicionar alguns líderes como esse. - O valor principal geralmente deve ser de 1,2 a 1,5 vezes o tamanho do fundo. - Para o corpo do texto em, - você pode usar uma quantidade menor de entrelinha no título do que no corpo. - 1.1 são 1,2 vezes o lado dos fundos. Então algo como 54 está bem, isso parece muito melhor, não é? - Agora vamos falar sobre alinhamento de texto. - Deve ser algo que você esteja mais familiarizado. - Existem quatro tipos fora do alinhamento de texto que você pode usar em que você confinado no esboço - esquerda. - Este é o mais comum que Andi costumava usar. - Na verdade, é o centro de alinhamento padrão. - Use-o principalmente para títulos. Quando precisar chamar a atenção, não use com longos pedaços de texto como este. - É muito difícil de ler direito. - Isso é geralmente usado em letras estão em cartões de visita. - Você provavelmente não usará esse tipo de alinhamento muitas vezes injustificado. - Cria alinhamento na esquerda. - No lado direito, - é usado principalmente em jornais, - mas tenha cuidado ao trabalhar com linemen justificado. - Às vezes, pode levar às criações de rios de espaços em branco em todo o corpo do texto. - Este não é o caso aqui, - mas se isso acontecer, - selecione as palavras onde o rastreamento é importante. - Andi, - reduzi-lo fora do cabelo para corrigir sobre o aspecto. - Eu notei que quando eu selecionar uma palavra ou algumas palavras como esta, - ele me leva diretamente Teoh o painel de texto no inspetor à direita. Se voltarmos e ajustarmos o espaçamento de caracteres aqui, isso afetará todo o parágrafo, todo o bloco de texto. - Se você quiser tentar mudar de rastreamento apenas para as palavras selecionadas, - hum, - selecione o mundo em mistura. Você está no painel de texto, então se você estiver lá, você tem que ir para mais e então você pode mudar o rastreamento deles aqui. - A medida é o nome dado à largura do corpo do tipo. - Há um ótimo com para uma medida que é definida pela quantidade de caracteres na linha -. - Um jantar. - Uma boa regra de ouro é dois ou três alfabetos de comprimento. - São 52 a 78 caracteres. - Isso significa que, dependendo do tamanho do texto, - o tamanho absoluto da medida mudará. Outra boa regra de ouro para ter em mente é aumentar você, levando proporcionalmente a você medir medida tão pequena menos levando em Por que medida - moellering? - Aumentará a legibilidade. Normalmente, as tipografias são o que as pessoas se referem a querer falar sobre fundos, mas, por favor, nunca misturem rostos do tempo como um tipo neste título. - O tipo de letra é um design para um conjunto de caracteres. - Helvetica e tempos New Roman são duas caras diferentes. Por exemplo, também vemos em um minuto que eles pertencem a duas famílias diferentes de tipos. Então, se isto é um tipo de letra, qual é o fundo? Bem, tudo bem usar o fundo como sinônimo de fonte, mas só para você saber, eu financiei o tamanho específico, peso e o estilo do tipo. - É pegar você pode mudar o tipo de letra por um clique no texto. - Hum, - ir para mais que podemos fazer. Prefiro fazer isso neste painel em que você possa mudar para o que quiser. - Você também pode alterar o tamanho de uma cabeça no peso do cabelo. - Um é médio ou pesado. Há três tipos de homens, famílias, serif, Sunsari no roteiro. - Vamos começar com o xerife. - Um serif é uma pequena linha anexada ao final de um acidente vascular cerebral. Na carta, reúna um tipo de letra com o xerife, como as vezes que New Roman pertence à família Sarah. - Então, se o rosto é também é uma combinação de drogas finas e correctas, - Serif tipografias olhar um pouco conservador, mas são fáceis de ler para PCs mais longos. Se você tem livros na sua mesa, escolha um deles. - Dê uma olhada. - Eles provavelmente usam uma fonte serif. - Sem sensor em francês. - A palavra roubou, - picado sem isso é branco dos rostos sem serif, - eu chamei enviado serif. - Ao contrário do sensor serif. - Se têm mesmo traços, - eles parecem mais modernos em seu ótimo para manchetes e botões. - Também são fáceis de ler. - Ao contrário da terceira família de fase tipo que chamamos de script de telefones imita e escrita - que muitas vezes útil logotipo ou títulos. - Mas eles não devem ser usados, mas para um texto. - Há dúzias de subcategorias. - Você não precisa saber sobre eles para produzir grandes projetos, mas se você estiver interessado, - você pode conferir este site. - O link está na descrição do vídeo. - Podemos combinar rostos diferentes? - Embora seja sempre mais fácil trabalhar com o rosto do coração misturando dois tipos diferentes - às vezes pode obter resultados bonitos. Se quiser tentar, evite usar dois telefones da mesma família. A razão dos homens que você gostaria de usar outro tipo de letra para adicionar algum contraste, portanto, usa uma face de contato que não é muito semelhante a partir do 1º 1 em mudar o tamanho, - o peso ou a cor. - Isto é o que estou a fazer nesta luz. - Por exemplo, - você também pode verificar e meio ponto com ponto médio é uma plataforma de blogs, - então eles têm que lidar com um monte de texto no dia. - Use um sensor se essa face para os títulos em uma fonte serif para o corpo do texto. - Mas tenha cuidado para enfrentar isso. - Dois homens desesperados estão. - Vá bem, - então confie em seus olhos para ver a associação parece funcionar ou não de aplicativo móvel. - Recomendo vivamente que você use apenas um tipo de rosto em todo o aplicativo. - Fazendo isso, você vai se certificar de manter a consistência. - Evite parecer desleixado fora do curso. - Você pode usar um tipo diferente para o seu logotipo, - e isso foi recomendado. - Isso é realmente o que vamos fazer com o nosso AB. - Então, onde você pode encontrar bons telefones? - Bem, - telefones do Google tem um monte de grandes amigos que você pode usar de graça. - Basta ir para o google dot com barra fundos em tal crescimento também escreveu dois artigos. Poupe os amigos do Google que ele gosta , , Que fundos que não chupam no celular com amigos que não chupam as pernas estão na descrição. - Você também pode verificar. - Adoro tipografia. Esse resultado sobre os meus fundos esconderam bestsellers, mas como de costume, o melhor bem encontrar fundos é roubar de outros. - Então olhe em volta em Find Tex projetado que parece bom em tentar amigos. Se quiser identificar um telefone para o Congar, para que o fundo com os meus amigos, com a palavra “fundo”. - Usaremos em um minuto. - Você pode até mesmo estilizar uma extensão de migalhas para identificar sites estrangeiros da Susan. Todos esses links estão na descrição, é claro. Certo, então vamos descobrir qual é o rosto dela que o Instagram usa para seu logotipo. Esse novo logotipo é feito sob medida . - Então vai usar o anterior. - Vamos copiar a imagem, Earl. - Nós colamos em meus amigos ponto com, - Isso é o que o fundo. - E agora temos que identificar as letras. Então, eu estou tão bem, então a frente correspondente é Billabong. - Vamos procurar a frente de Billabong e dizer: - Nós não notamos isso. Uma vez que o arquivo é carregado, você pode descompactar o arquivo. Uma vez que o arquivo é carregado, - Então lá vamos nós. - Temos o novo fundo. - Procuramos um livro divertido. - Lá está ele vai apenas arrastar e soltá-lo em cima dos outros. - É isso. - Agora, - se imprimirmos o esboço, - devemos ser capazes de usar este recém descoberto. - Então vamos tentar. - Procure o fundo de billabong, certo? E aí vai você. - Vamos tentar com o Instagram para ter certeza que bem parece não ir. - Sim, é isso. - Antes de terminar esta lição, - vamos começar este tempo Guia do App. - Então abra um arquivo de desenho. - Hum certo em simples. - Este será o nome do aplicativo. - Escolhi Ah, Billabong. - Frente mudou de tamanho para 96. - Eu não sei o campo de texto e direito. - Texto normal desta vez Will sapatos Helvetica? - Não. Para que este mude o tamanho para 24 para garantir que não seja uma prancha ou ilegal ou algo assim. E assim que fizer isso, guarde onde quiser. - Chame de guia de estilo. - Obrigado por assistir este vídeo na próxima lição vai falar sobre cores. - Vejo-te em breve. 14. Entenda o escolhedor de cores: - neste vídeo, - vamos falar sobre cores. - Um bom design deve funcionar sem cores. - Esta é a razão pela qual usamos apenas grãos. - Os mock ups, - no entanto, - cor é um dos primeiros elementos do design que será percebido pelo usuário em. - Portanto, - desempenha um papel importante na percepção estética do design. - A cor também é muito útil para melhorar o equilíbrio e a hierarquia. - Escolher cores efetivamente requer que você entenda o conceito básico fora da teoria de cores - chamados esquemas para ter uma boa visão geral da cor, - o que significa que isso permitirá que você crie uma paleta de cores consistente para o aplicativo. Mas antes de chegarmos a isso, achei muito útil entender como um seletor de cores como o do esboço funciona. - Então vamos começar com isso. - Certo, as primeiras coisas primeiro. - A percepção de cor é um componente da percepção visual ou sites. - Na percepção visual É a capacidade de interpretar o ambiente circundante processando - informações contidas na luz visível? - É basicamente o resultado do encontro de luz e um olho e cérebro funcionando. - Isso significa que a cor, - como tudo o que vemos, - é uma informação contestada luz na luz pode ser refletida por um objeto. - Isso é o que acontece quando você vê uma maçã. - As frutas são geradas por um objeto como a tela que você está olhando atualmente, - que pode estar no computador Apple dependendo do caso. - Cores de uma forma diferente no primeiro caso com a fruta vai falar sobre subtraído - cores e no segundo caso com tela vai falar sobre cores aditivas. - Então vamos que foram cores subtraídas. Objeto físico, quando atingido pela luz, refletirá certos comprimentos de onda de luz em seus olhos. - Se pura luz, é uma maçã. - Todas as cores são absorvidas, exceto o vermelho. - Vermelho é a única cor refletida de volta para você, - e, portanto, é a cor que você atribui à maçã. - É a mesma coisa com tinta ou tinta. - Pigmentos na tinta subtraem o comprimento de onda da luz sobre a cor que um pintado - superfície exibe depende de quais partes do espectro visível não são absorvidos em permanecem - visíveis. As cores subjetivas primárias são ciano, magenta e amarelo, e logicamente, quando você mistura todas as cores, todo o espectro visível da luz é absorvido. Isso nos dá preto, que é a ausência de luz. - Pelo contrário, - monitores monitores geram sua própria luz. - As cores são criadas pela mistura de luz de duas ou mais cores diferentes. - É por isso que chamamos de cores aditivas. - Seu pixel de sua tela é composto de azul vermelho em um sub pixel verde. - Cada cor exibida em sua tela é, portanto, criada misturando essas três cores e - quantidades de vírus verde vermelho em azul em três cores primárias aditivas. - Esta é a razão pela qual usamos o modelo de cores RGB. Ao lidar com cores e telas digitais, vou te mostrar o que quero dizer. - Abra um novo arquivo de esboço no quadrado da porta. - Você pode selecionar a forma aqui ou você pode apenas ele é velho. - Shift no arrasto. O lado da praça não importa, mas faça com que seja grande o suficiente para ver as mudanças. - Vamos nos livrar da fronteira. - É isso. - Agora clique no campo aqui. - Você deve ser capaz de ver o seletor de cores com as três letras RGB. - Se em vez disso você tem HSB. - Clique em uma desta carta. Explicarei mais tarde a que correspondem as cartas do HSB. Tudo bem, nosso Austin para vermelho, G para verde e azul Então, se entrarmos zero para cada um desses valores, você pode adivinhar qual cor será exibida? - Sim, Black. - Isso é certo. - Você vê por que esta mistura? - Estamos lidando com cores aditivas aqui em cores aditivas são criadas pela mistura de luzes acesas - as três primárias. As cores mentidas são vermelhas, verdes e azuis. Se não tivermos nenhuma luz verde vermelha, uma luz azul, então não teremos tudo na luz. - Nós temos escuridão. - Temos preto. - A intensidade de cada cor varia de 0 a 255. - Este é o intervalo que um único lance por ele pode oferecer. - Portanto, 255 de vermelho é vermelho puro. Se tivéssemos 255 verde, adivinharia qual seria a cor? Se tivéssemos 255 verde, - Sim, amarelo. - Agora vamos adicionar 255 de azul. - E, claro, - a reserva. - Este branco, - se intensidade zero para cada componente, - nos dar o preto mais escuro em faz sentido que ter todas as três cores em intensidade máxima - nos dá porque você pode ter notado ao longo do caminho que o valor hexadecimal aqui muda - vez que mudamos a intensidade das cores. Este valor hexadecimal é feito de seis números exatos A. O número decimal feliz dela é um valor entre 1 e 16 representado por um número ou letra de zero a F zero sendo o primeiro valor nove. - O 10º valor A o 11º valor em F o 16º valor. - Cada intensidade de cor é representada por dois ovos. - Um número decimal duplo zero sendo a menor intensidade em duplo F sendo o mais forte -. - A combinação destes dois números decimais de saída permitiu cobrir a chave 0 a 255 de variação de intensidade para cada cor primária. Então, um pouco de vermelho, um duplo, um monte de verde duplo F e um pouco de azul duplo A bem, nos dê esta cor. - O cartão ex de uma cor é frequentemente usado na Web para se referir. - A cor é amplamente utilizada no mundo do design também. - Mas este motor RGB só falaria. - Pode ser um pouco intuitivo quando se trata de criar cores mais complexas. - Por exemplo, - como você criaria arranjo escuro? - É um pouco difícil adivinhar a quantidade e intensidade do vermelho, - verde e azul que você deve adicionar para obter essa cor. - É por isso que o modelo HSV ou HSB foi inventado. - Três letras referem-se a 300 conceitos que permitem uma definição mais intuitiva de cor. - H significa para você que é o mais básico dos termos de cor. - Quem é a cor em sua forma pura? - Quando nos referimos a cores como vermelho, - azul , - amarelo , - laranja - geralmente estamos falando sobre quem é o valor do U varia de 0 a 360 como você pode ver - a escala você, - começa com pão termina com vermelho. - Isto é porque a representação clássica de quem é vontade nesta vontade o primário - cores aditivas vermelho verde em azul I localizado nos cantos fora triângulo lateral desigual. - Portanto, - o valor do pão é zero ou 3 60 que é a mesma coisa que o valor verde está se perguntando. - 20 1/3 do perímetro longe de Red em blues. - O valor é mais um terço dos pagamentos estão mais longe, - por isso é 240. - Então vamos voltar ao nosso ficheiro de desenho. - Certifique-se de selecionar o retângulo. - Hum, - clique em uma dessas três letras. - RGB dois Tuggle para o modelo HSB monta 100 no campo S, então 3 60 ou um zero seria vermelho. - Se nós digitarmos 120 nós devemos obter um pouco de verde em quatro D seria normalmente azul. - Certifique-se de que você tem 100 Índia ou os campos. - Você não tem que saber que esses números são o uso. - Matar aqui permite que você selecione as cores facilmente. - Próxima letra do HSV ou H é bi modelo é US s significa saturação. - Saturação refere-se à pureza de você. Quanto mais cor saturada, mais próximo seria do puro Aqui. Quanto menos estiver saturado, mais perto fica do branco. - Podemos adicionar esta dimensão à vontade de cor. Teremos as cores saturadas no centro, nas cores saturadas na fronteira. - A saturação às vezes pode ser representada assim com cores totalmente saturadas no topo. - Andi cores saturadas na parte inferior e esboço saturação é o eixo X desta cor - seletor. - Saturação renderiza a partir de zero 200 que corresponde à porcentagem de saturação da cor. - Aqui está o vermelho saturado. - Se descermos, você pode ver que a palavra quadrado é cada vez menos saturada. - Você também pode ver aqui que o seletor está se movendo da direita para a esquerda. - Finalmente, - temos V ou B, - que significa valor ou brilho. - Brilho é uma medida fora da quantidade de luz refletida de uma cor. - É basicamente o quão claro ou mais escuro você seu Isso adiciona 1/3 dimensão para o modelo. - Neste delgado é uma representação geométrica completa do HSV, - ou HSB, - modelo. - Mas não te preocupes se isto não estiver bem claro. - O que é importante é que você entenda como o seletor de cores funciona. - O cilindro realmente não se importa, - senhor, - então vamos voltar ao esboço. - No papel ao redor com o brilho e esboço brilho é o acesso branco. - Ao contrário da saturação, - valores de brilho alugar de 0% 100% como trazido em seu vai para baixo os quadrados, - cor fica mais perto do preto no seletor se move ao longo do caminho. - Acesso como este, - você pode estar se perguntando o que este último uma hortelã cheia. - O é representa Alfa sobre ele, - diz Theo. - Opacidade da cor. Se ele jogar, veja um quadrado azul além da Praça Vermelha. - Nisso, - nós mudamos a opacidade fora do quadrado molhado que deve ser capaz de ver o quadrado azul atrás nós. - Alfa máxima, - o que significa capacidade total, - é 100% no mínimo esforço, - o que significa transparência total é o seu percentual. - Eu aconselho independente do modelo HSB ou RGB. - É por isso que fica aqui quando falamos de modelo para modelo. - O objetivo desta lição era fazer você entender como o seletor de cores funciona. Tentei torná-lo tão simples quanto pude, mas se achar técnico, não se preocupe, isso te impede de tocar música. - É sobre a compreensão do que se segue sobre como escolher cores sua lição de casa para isso - ouvir é jogar este jogo sobre cores. Vá para colorir esse método A C e pronto. 15. Teoria de cores 1/2 - Significados de cores: Agora que sabe como funciona o seletor de cores, vamos falar da teoria das cores. - A Teoria do Coronel é a arte de misturar cores para alcançar belos desenhos. - Foi desenvolvido por pintores. - Portanto, - ele depende do sistema de cores subtraído, - outro sistema de cores relativo, - o que exploramos no vídeo da província. Sei que tudo isso pode ser um pouco confuso, então deixe-me primeiro fazer a distinção entre os dois novamente. - Cores aditivas são criadas adicionando luz, - então, no início, não há noite apenas escuridão, - então as luzes apagadas. - Várias cores são adicionadas para fazer novas cores, - então digamos que ligamos uma luz vermelha e, em seguida, tivemos uma luz verde vai ter uma luz amarela. - Três cores aditivas primárias que permitiram criar todas as outras cores são vermelho, verde e azul. - Este é o sistema RGB usado para telas de computador. - A razão dos homens para que você precisa saber isso é para entender como o seletor de cores funciona. Esse foi o tema do vídeo anterior, então isso foi útil do ponto de vista técnico. - O que queremos entender agora é como cores cítricas em como associá-los. - Isto é o que chamamos de teoria da cor sobre isso é útil a partir de um design no ponto de vista estético . Como eu disse, teoria das cores foi desenvolvida por pintores. Então usa uma subtraição do sistema de cores, que é o sistema de cores. - Pintura da razão. - Claro, - os termos de atraente vem de como, - quando esta cor e misturado para absorver alguns comprimentos de onda de luz em refletir os outros, - é atraente. - Começa com luz branca. - Os comprimentos de onda são subtraídos pela superfície. - Delícia é refletida sobre isso cria outras cores e, - como você deve se lembrar, - de aulas de pintura na escola primária, - as três cores primárias que podem ser uma mistura para criar outras cores são vermelho, - amarelo e azul. - A cor será usada na teoria da cor depende do sistema subjetivo de cores. - É por isso que é diferente da cor aditiva que falamos no anterior - vídeo e que você realmente não precisa usar, exceto quando explicar aos seus amigos ou - colegas de equipe como a cor é criada em seu telefone ou tela do computador. - Pelo contrário, - a cor subjetiva será o seu melhor amigo. - Ao misturar cores em vai usá-lo com bastante frequência. - A cor começará com as três cores primárias azul, vermelho e amarelo no secundário. - As cores são criadas misturando cores primárias duas a duas marcas vermelhas e amarelas. - Organize roxo vermelho e azul em verde azul e amarelo. - Finalmente, - cores terciárias completam bem a cor. - Cada um para compartilhar uma cor é uma mistura entre uma cor primária em uma cor secundária. - Por exemplo, - arranjo vermelho. - É misturado entre a cor primária vermelha na cor secundária. - Organizar fora do curso. Também temos todas as cores entre elas, que são criadas fazendo a mesma operação, que é misturar endereço e cores. - Em cima disso, - podemos adicionar tons tensos e gira para a vontade de cor para estender o paladar. - Se a cor é feita luz sobre esconder branco, - o resultado é chamado de tenda. - Se o preto for adicionado, - a versão mais escura é chamada de sombra, - e se Gray for adicionado, - o resultado é um tom diferente. Agora que temos cores para escolher, vamos falar sobre como escolhê-las. Agora que temos cores para escolher, - O que vamos fazer nesta lição no próximo é criado. - As cores vieram. - O esquema de cores é basicamente a escolha de cores será usado em nossos projetos em Estes - são três exemplos de esquemas de cores. - Uma boa estrutura para criar esquemas de cores é primeiro selecionar a cor base, - depois selecionar cores secundárias usando princípios de harmonia. - Aqui é onde vamos usar a cor que acabamos de falar e então as horas polonesas vieram - ajustando matizes, - tons e tons, - então vamos começar selecionando uma cor base. - A cor base define o humor geral do seu design. - As cores costumam ter significados diferentes sobre o uso de vermelho, - como a cor base implicará tacitamente uma mensagem diferente. - Feito usando azul, - por exemplo, - você precisa ter uma boa compreensão da psicologia da cor para escolher uma cor que representa - o propósito sobre o significado do seu aplicativo. - Mas antes de começarmos a avisá-lo, - apesar deles, - ciência além da teoria da cor, - apreciação da cor, - ficar subjetiva preferências pessoais e diferenças culturais desempenham um papel importante no - percepção de cores, - então use as seguintes sugestões. - Mas tenha em mente que as cores podem ter significados diferentes, - especialmente dependendo da parte do mundo onde as pessoas que você está construindo um produto - para viver como de costume sempre manter seu usuário em mente. Por exemplo, no mundo ocidental, o vermelho é frequentemente associado com amor e sangue paciente ou dendrite. Mas na China, vermelho é a cor da prosperidade e felicidade em outras culturas orientais. Vermelho é um por noivas nos dias do casamento, enquanto na África do Sul vermelho é a cor do luto. - Um dos designers têm entrevistado durante a preparação desta costa me disse para o meu último - projeto, - impedindo inicialização na China, - Eu trabalhei cada um com cores mais quentes. - Vermelhos e amarelos são muito importantes na cultura chinesa. - Eles estão relacionados com a realeza e sucesso em. - Queríamos comunicar esse tipo de vibe. Queríamos que os clientes vissem o site e pensassem que esses caras têm o melhor que ofereceriam ao meu filho, e importante é ter sucesso com esses caras chamados Coltan. - Send on é um designer muito talentoso. - Devias ver o trabalho dele no acorde tons e ponto com. - O link está na descrição. - A maneira mais comum de classificar os significados das cores é agrupá-los em três famílias. - Cores quentes, - cores legais em cores naturais, - a distinção entre uma e cores legais. - É engraçado, porque na realidade é o oposto. - A parte mais quente da chama é azul no céu. As outras estrelas irradiam azul na melhor leitura de rádio. - Mas de qualquer maneira, vamos começar com uma cor. Uma das cores inclui vermelho, laranja e amarelo nas variações dessas três cores. - Uma cores são vívidas, - energético em positivo em suas muitas vezes associadas ao sol, - verão ou fogo. - Eles expressaram uma coisa. - Paixão. - Felicidade na energia de jasmim. Vermelho é a cor do fogo e do sangue, mas também amor e paciente. - Use-o como uma cor de base se você quiser transmitir os seguintes significados. - Energia, - força, - poder, - Romanos, - determinação, - ação, - confiança, - coragem - brutalidade, - desejo ou perigo. - Vermelho pode ser um pouco esmagador se usado para intensamente, - especialmente em sua forma mais pura, - mas ainda pode fazer uma ótima cor baseada. - É, - entre outros, - caminho no meio da cor baseada em interesse profundo. - Os designers do caminho da confiança em um tom mais escuro de vermelho para torná-lo menos agressivo, - os designers de Meet Up usaram um diferente para você de vermelho no Pinterest. - App só usa vermelho para título em botões ativos, - ler como uma alta visibilidade e avança para o primeiro plano. - Portanto, - é muito útil para chamar à ação um off. - O melhor exemplo disso é a notificação na tela inicial dos EUA. - Olhe para a loja de telas. - A primeira coisa que chama sua atenção são os dois distintivos de notificação. - Amarelo é a cor do sol. - Como você pode ver, - é a cor mais brilhante que está associada à felicidade. - Use-o como uma cor de base se você quiser transmitir significados positivos como esperança, alegria , alegria são , sabedoria sobre energia intelectual. Também pode significar perigo, embora não tanto quanto vermelho. - Se você quiser usá-lo como uma cor de base, - usou uma sombra ligeiramente mais escura para fundo ou fundo de cabeçalho. - Você manterá a alegria sem o aspecto ofuscante do você puro, - ou usará para Brighton desenhos em preto e branco para estimular e chamar a atenção do - usuário, - como a Amazon faz. - Por seus botões e estrelas, - Laranja combina a energia do pão com a felicidade do amarelo. - É uma cor vibrante que chama a atenção sem ser tão dominante quanto vermelho. - Use-o como uma cor base se você quiser que seu produto transmita energia, - Joe Tropics, - entusiasmo, - criatividade, - sucesso, - determinação - - atração e correções, - estimulação e força. - Também pode fazer algumas pessoas pensarem sobre o outono por causa das folhas caindo. - Brincar de cabra com o uso diferente. Verá que terá sentimentos diferentes, dependendo do que inventar. - Os caras do nascer do sol fizeram um ótimo trabalho escolhendo uma laranja vibrante para o botão de cabeçalho em - links na versão anterior do APP. - É outra cor muito eficaz para chamadas à ação. - Ele tem uma das maiores taxas de visibilidade, - para que os elementos que contêm laranja vai se destacar em agarrar a atenção do usuário e pode - efetivamente destacar elementos importantes de qualquer design. - Toques de laranja no som cortados Alpes mais rigorosos. - A página em ligado em usa laranja para notificações porque é a cor do cabelo complemento - de azul. - Vou explicar o que o Eric quer dizer no próximo vídeo. - Cores frias incluem fermentação verde em roxo. - Eles são as cores da água na natureza, - enquanto as cores quentes são ditos chegar são um estímulo. - O espectador. - Cores legais tendem a vir e relaxar sobre o que as cores quentes é dito para avançar ou parecer mais - ativo. - Cores legais tendem a recuar. - Portanto, - não são menos utilizados para chamar a atenção do usuário. - Azul é a cor do céu na cor do mar. Tem o efeito oposto do pão na lentidão, metabolismo, respiração e na frequência cardíaca, então não o use para chamar a atenção do usuário. - Use azul como uma cor base se você quiser transmitir estabilidade, profundidade, experiência, confiança, inteligência ou se você quiser criar um ambiente limpo Coleman. Outro ponto interessante sobre o Blue é que ele suprime o apetite, então não escolha o seu ao tentar vender produtos alimentares. - O significado da gripe depende muito da sombra exata e matiz latte blues são muitas vezes relaxantes - em. - Calmante Brad Blues pode ser energizante e refrescante corrida. - Keeper of Fitness App usa um azul brilhante, - por exemplo, - que os azuis são excelentes para lados corporativos ou projetos onde força e confiabilidade são - importantes. - Facebook é um bom exemplo disso. - Observe também que o uso de comprimento total azul é muito comum na web. Verde é a cor da natureza verde como muitos dos mesmos atributos me chamam que o azul tem, mas também incorpora um pouco da energia do amarelo. - Use-o como uma cor de base se você quiser transmitir crescimento, - renovação, - fertilidade de frescura e esperança, - mas também cura riqueza, - dinheiro, - obviamente estabilidade e drena harmonia e segurança. - Verde é uma ótima cor de base para criar um design calmante porque é a cor mais completa no olho humano. - Verduras escuras são representativas da estabilidade em outros grãos são mais representativos do - mundo natural. - Verde também é muito comumente usado para significar uma validação. Tenho certeza que viu marcas verdes em muitos APS. - Purple combina a estabilidade do azul e o pão da ONG. - É a cor da realeza. Use-o como uma cor de base para transmitir poder e habilidade, luxo, sabedoria e ambição, mas também coisas como extravagância, criatividade, mistério e magia. - Roxo também é uma cor popular, - com crianças na luz. - Roxo é muitas vezes visto como feminino em associado com romance, - exceto para como roxo roxo pode ser um pouco esmagador. - Uma vez que é uma combinação de azul e vermelho, - ele pode ser usado eficientemente como um apelo à ação para gostar nas capturas de tela do diretor - sobre os Direitos. - Observe também que por padrão na Web, - roxo é a cor de um link clicado, - e finalmente temos as cores naturais. - Cores naturais muitas vezes serviram como pano de fundo no design. - Eles são comumente combinados com cores mais brilhantes. - O impacto emocional é menos importante lá muito mais afetado pelas cores que - cercam eles. - As duas cores naturais principais são preto e o que o próprio preto é muitas vezes associado com a morte - e escuridão ou mistério. Mas também representa elegância, poder, força, autoridade ou prestígio. - O preto é uma grande âncora para qualquer esquema de cores porque contrasta muito bem com as cores obrigatórias . - Também é muito eficiente trazer fotos. - Se seu fundo é preto, - seu texto provavelmente será branco sobre isso pode ser um pouco difícil para os olhos, - então, se você tem grandes quantidades de texto evitado, - opção em design. - Preto é comumente usado para tipografia, - mas tente usar um tom ligeiramente mais leve de volta para você texto. - Seria mais agradável ler do que preto puro. - Na nossa última cor é branca. - O que é muitas vezes associado à limpeza, - pureza e perfeição. - Espaço, - objetividade, - bondade, - inocência, - pureza - virgindade. Esse tipo de coisa geralmente tem uma conotação positiva. - É visto como limpo e seguro. - É por isso que é fortemente usado pela indústria de cuidados F, mas também instituições de caridade em grupos religiosos -. - É também a cor do casamento em civilizações ocidentais em faz uma ótima cor porque - ele contrasta muito bem com qualquer cor, - assim como o preto faz. Mas ele não sobrecarrega a cor contrastante, facilitando os olhos. - Usar o branco como cor de base permitirá que você deixe outras cores terem uma voz maior. - Graças à sua objetividade, - será fácil usar várias outras cores, se você precisar. - Se você tem muito conteúdo, especialmente texto ou imagens, - não pense duas vezes em branco ou leve. - Cinza é a cor de fundo. - Você terá que tentar muitas cores diferentes, - tons, - tons e tons antes de encontrar o caminho certo. - Entre os achados que você baixou, - há um tiro de fraude teoria da cor com um resumo do que eu disse nesta lição sobre o que - Eu vou explicar no próximo. - Será muito útil ao fazer este trabalho. - Não se esqueça de procurar inspiração para testar suas ideias em novos designs. - Então, uma vez que você tenha feito sua mente sobre a cor, - você quer usar a cor base adicionada para usar guia cansado, - você pode usar a multa que criamos na lição sobre tipografia ou a que está na pasta - deste curso. - Nós apenas desenhamos um quadrado de bordas removidas. Andi, nossa ideia de código hexadecimal da cor estará usando, e é isso. 16. Teoria de cores 2/2 - Harmonia de cores: - Agora que você sabe mais sobre os significados das cores, - vamos ver como misturar cores juntas para encontrar as grandes cores. - Kim pelo nosso projeto. - A vontade de cores é muito útil ao criar esquemas de cores. - As cores tradicionais Kim perdons são combinações de cores com base em sua relação - um com o outro. - Sobre isso, - skims tradicionais podem ajudá-lo a chegar rapidamente a harmonioso em pellets interessantes. - Esquemas de cores monocromáticas são feitos de tons diferentes, - tons intensos dentro de um você específico. - Estes são os esquemas de cores mais simples para criar como o antigo tirado do mesmo você - cores monocromáticas. A Kim tende a ser unificada e harmoniosa. - Isso os torna bastante eficazes em estabelecer o humor geral. - A desvantagem é que pode se tornar monitores devido à falta de diversidade de pontos de vista. - Esquemas de cores complementares são baseados em cores opostas umas às outras na vontade de cores. - Por exemplo, - vermelho e verde ou azul e amarelo. - Esquemas de cores complementares são difíceis de usar em grandes doses, - mas funcionam muito bem quando você quer algo para se destacar. - A cor do elogio é melhor usada como um acento. - Colorir a chamada à ação amarela em uma página dominada por azul será bastante eficaz. - Por exemplo, - tem Kim, - com um que, - mais dois outros igualmente espaçados de seu queixoso - é chamado de cortesia split. - Suas cores vieram como o mesmo contraste visual forte que o esquema de cores complementar, - mas tem menos tensão. - Esquemas de cores análogos são baseados em cores são destinados um ao outro na cor. - Esquemas de cores bem análogos são muitas vezes fundos na natureza. - Eles são muito Armanis em agradar aos olhos. - No entanto, eles não fornecem muito contraste. O que eu ordenaria que você fizesse é escolher uma cor para dominar em um segundo, para apoiar a cor principal no terceiro trimestre para acentos. - Você pode, - claro, - tons de Justin e voltas para definir a hierarquia entre as cores. - Mas falaremos sobre isso em um segundo. - Esquemas de cores periódicos usados cores que são uniformemente espaçados em torno da cor. - Será que a oferta de contraste e harmonia? - Usou uma dessas cores como a cor dominante sobre os outros dois para acentos, - e finalmente temos o retângulo para trágico ou duplo esquema de cores complementar. - Ele usa quatro cores dispostas em dois pares complementares. - Estas cores ricas vieram oferece muitas possibilidades de variação, - mas pode ser um pouco difícil de equilibrar. Então a melhor maneira de usar essa Kim Low é usar uma cor como a cor primária nos outros, assim como acentos. - Tudo bem, - vamos agora tentar pegar um desses esquemas tradicionais e ver como podemos brincar com - ele. - A fim de fazer isso, - nós trabalhamos com Adam, - um cooler que você pode encontrar em Koller k u l e r dot adobe dot com O aplicativo é feito de uma cor - vai para que você possa fazer maior clicando sobre ele em cinco cores que você pode encontrar aqui, mas - também no testamento. Cinco é um bom número para começar a trabalhar no esquema de cores, mas você pode acabar com mais de cinco cores. - Mais abaixo da estrada, - você pode selecionar um esquema tradicional como sótão árvore monocromática análogo em movimento o - cores ao redor, mantendo o Chávez alemão veio, - então isso pode ser muito útil. - Você também pode selecionar um cliente, - veio se você quiser, - onde você pode fazer qualquer coisa que você gosta no lugar duas cores exatamente como você se sente. - Você também pode escolher o modelo de cor que você deseja usar então clique aqui, - você pode usar o RGB C m y que h is bi on vai usar o HSB porque sabemos como ele funciona agora -. - Então vamos ver se podemos trabalhar em um esquema análogo. - Nossa cor base é a que está no meio com a seta branca que você também pode ver na - cor vai ligar. - Você pode movê-lo. - Se você quiser colocá-lo aqui, - ele ainda vai ficar na cor base. - Você também pode definir outra cor como a cor base clicando lá. - Agora isto. - E, claro, - você pode mudar a cor da cor base movendo-a ao redor na vontade. - Então este é um esquema de cores agradável, mas podemos ajustar a saturação e brilho para adicionar algum contraste a ele. - Esta é a saturação. - Este é o brilho. - Brincando com saturação e brilho, você pode adicionar mais contraste seu esquema de cores como este, como nós acabamos de fazer. - Vamos agora ver como podemos criar um esquema de cores do zero em diante. Você pode fazer isso em cores trabalhando a partir de uma foto, e isso é bem interessante. - Uma vez que a imagem é carregada, - cor cria um esquema de cores agradável para você em Você pode mudar o humor de cor para noivas. - Mergulho silenciado. , Doutor, nosso costume onde você pode fazer o que quiser, pode mover as fotos. - Por exemplo, - podemos mover esse aqui é aquele. - Você sabe disso nós também não podemos saber o aplicativo móvel, - então você será capaz de salvar cores. Kim é de qualquer coisa que você vê usando a câmera do seu telefone. - Ele também pode funcionar com a cor vontade em seu telefone celular. - Salvar esquemas de cores. Teoh Justin mais tarde no seu computador, então isso é muito útil. - Então vamos voltar para a cor do testamento. - Há duas maneiras muito fáceis de chegar a seus próprios esquemas muito eficazes no 1º 1 - é Teoh escolheu uma cor em Tome alguns tons tendas na sombra desta cor e escolher outro - cor que é pelo menos três espaços de distância na vontade cor. - Eu estou falando sobre a cor simplificada vontade com as cores secundárias primárias e terciárias -. - Começamos por escolher a cor dele. - Você pode fazer o testamento um pouco maior se precisar. - On irá copiar e colar o código X para a próxima cor e irá ajustar a saturação e - brilho para ter uma sombra mais escura ou uma mentira para sombra. - Faremos a mesma coisa por esta cor na próxima. Posso fazer alguns ajustes enquanto estamos trabalhando neste jogo, e agora vamos tentar encontrar a cor do sotaque algo assim, por exemplo. - Mas a maneira mais fácil é começar usando apenas uma cor. - Então escolha uma tonalidade e, em seguida, use tons intensos como sugerido deste você para criar o - cores naturais que iria com ele. - Na verdade, é o que fazemos para a nossa candidatura. - Então vamos começar com a nossa cor base iria colocá-lo aqui. - Usaremos a cor base definida no vídeo anterior. Podemos usar as coordenadas do HSB ou o Código X. Usaremos o mesmo você para a próxima cor, mas não teremos saturação. - Quase nenhum brilho para criar uma cor muito escura irá repetir o processo para as próximas - cores, - aumentando o tempo certo da mensagem. Algo assim no seu dever de casa para esta lição será Teoh. - Adicione as novas cores guia de pneus de duas horas ao caminhar em cores cames para seus próprios projetos -. - Você vai precisar de inspiração, - como para tudo o resto no design. Aqui estão alguns recursos, mas são muito mais divertidos na Internet, Troy digitando esquemas de cores, paletas de cores e coisas assim no Google, e você deve ser capaz de encontrar algumas coisas interessantes. - O que eu sugiro é que você comece checando drible. - Na verdade, sabia mais cedo. Para cada imagem, você pode ver as cores usadas, e se você clicar em uma das cores, você verá todos os desejos que usam essa cor. - Isso é ótimo se você quiser ver quais cores todos os designers estão usando com sua base - cor. - Por exemplo, - o médico leu com vários tons e matizes fora da estrada ou ah, - que azul, - às vezes com orrange. - Vamos dar uma olhada em outra cor como se você fosse baixo. - Muitos designers usam na cor complementar com azul amarelo. - Isso foi muito bem, um pouco roxo nisso. - É bastante interessante. Verde com roxo também pode ser interessante . - Parece um bom apelo à ação. - Destaca-se. - Salo. - Passe algum tempo explorando cores e drible. - Isto pode ser muito, muito interessante. - Você também pode verificar esta cor do site ama dot com. - É um monte de esquemas diferentes e paletes que podem ser bastante inspiradores. - E não te esqueças do Teoh. - Vá para mais frio sobre para explorar os esquemas existentes por todos os designers ou as pessoas. - O que é legal é que você também pode brincar com esses esquemas existentes. - Isso é Ah, - olhe para ele e você pode começar com isso como uma base sobre então. - Não brinque com ele. - Claro, - você pode se inscrever, - criar uma conta, a fim de ser capaz de salvar seus esquemas em para compartilhá-los. - Se você quiser. - A melhor maneira de melhorar é praticando. Então tente explorar o que aprendemos com esquemas de cores que você gosta, só por causa disso. - Não tem que ser para um projeto específico. - Apenas divirta-se brincando 17. Tour de desenhos: - Ok, - Bem-vindo a esta parte emocionante do curso, - começando com este vídeo em que estará projetando a interface de usuário real do APP. - Então, esboço é o software de design que vai estar usando eu já mostrei a você e você já - usou algumas de suas funcionalidades. Mas como vamos trabalhar, muito mais que acredito que dar uma volta rápida não pode fazer mal. - Não entre em pânico se eu não entrar em detalhes em vez de mostrar como tudo funciona. - Agora, - Vou mostrar-lhe as ferramentas que você precisa sobre como usá-las enquanto projetamos o APP. - Isto é apenas uma visão geral. - Esboçar para enfrentar é mínimo por design, - e é isso que o torna tão intuitivo em fácil de usar. - Então esta é a barra de ferramentas no topo. - É onde você pode encontrar as ações mais importantes. - Contém todas as ferramentas que você precisará para fazer seus desenhos. - Veremos como usá-los nos vídeos a seguir. - Basta lembrar que, clicando com o botão direito na barra de ferramentas, - você pode personalizar em adicionar mortais a ele. - Então, se há uma ferramenta que eu estou usando que você não pode encontrar pegar a sua você pode adicionar uma ferramenta para - você disse por A com um simples trabalho de dragão - não esta pedra, - para que cores para ele em. - Se quiser apagar tudo, basta arrastá-lo para fora da ferramenta. Mas enquanto a janela personalizada está aberta, caso contrário, não funcionará. - Você não pode arrastá-lo aqui se a janela personalizada está agora aberta à esquerda, - você tem a lista de todas as camadas no esboço. O assunto é uma camada, se você Joe retângulo. - Isto não. - Isso criará uma nova camada. Se você desenhar um círculo como esse, nosso romance, neste caso, criaria outra camada que você pode ir para o Teoh para criar formas fora. - Mas nos seguintes vídeos em muitos usam os cortes de tiro por isso temos o nosso para um tunggal Oh, - para oval, - você para retângulo arredondado em L linha completa. A fronteira aqui épor defeito, por defeito, mas é um pouco irritante. - Então irá removê-lo clicando aqui em. - Você pode definir qualquer estilo por padrão selecionando uma forma com o estilo desejado. - Eu vou editar, - disse estilo como padrão aqui, - assim que as novas naves estarão se juntando não terá esta fronteira normalmente. Veja se você quer redimensionar um objeto, um, - turno antigo para manter as proporções por isso segurando por que redimensionar um lado irá redimensionar o lado oposto simetricamente Para isso, também é muito útil que uma vez sua forma é desenhada, - você é automaticamente trocado para o seu selecionável. - Não há necessidade de alternar para frente e para trás, a fim de selecionar a forma ou ah para movê-la. - Não é que há uma pequena visualização da camada ao lado do seu nome. - Isso pode ser útil quando se procura uma camada. - Você foi renomeado falando sobre renomeação clicando com o botão direito em uma camada que você tem acesso - a mais opções como renomear, - bloquear ou ocultar ou usar sua máscara à direita que tem o inspetor ligado. Aqui é onde você ajusta as propriedades de uma camada selecionada, como a posição do cabelo dela , o tamanho do cabelo, a cor do cabelo, , limita as sombras, e assim por diante. Finalmente, o espaço em branco no meio é a sua tela. - Sketch usa uma tela infinita. - Então Okonjo algo aqui zoom e então, - você sabe, - ir mais para baixo ou qualquer outra coisa. - Se eu acabar com o zoom. Em algum momento, eu deveria ser capaz de ver as outras formas, mas você também pode dar a tela o tamanho limitado pensando no quadro de arte. - Lá, - você pode selecionar um dos conjuntos de ar de imprensa, - então vamos selecionar o iPhone cinco retrato, - por exemplo, - ou você também pode George Canvas. - Certifique-se de que esta ferramenta ímpar, - negrito ainda está selecionada. - Você pode fazer uma lona assim. - Aqui, - você pode ver que essas formas ou camadas estão agora dentro do quadro de arte na tela, - mas também na pasta adulta no painel à esquerda. - E, claro, - como você vê, - você pode ter vários quadros. - Você pode excluí-los selecionando-os no painel esquerdo à direita, - clicando em bater leads ou ah, - apenas selecionando no painel esquerdo ao pressionar a tecla backspace. - Claro, - você também pode alterar o tamanho de um quadro, se precisar, - então selecione-o e alterou o tamanho de A, - por exemplo, - ou se você selecionar nosso quadro, - você deve ser capaz de mudar seu tamanho. - Não, - isto. - Agora, - vamos nos livrar de todos esses em há dois também. - Hum, - vá para o nosso conselho dois. - iPhone cinco retratado. - Mantenha isto aberto. Vou usá-la para te mostrar algo no próximo vídeo, então te vejo daqui a pouco. 18. Como desenhar a navegação: - neste vídeo sobre os próximos iria começar por projetar o Iowa seis versão do Instagram, - e mais tarde vamos trabalhar em nosso próprio i 07 redesign. - A razão pela qual estamos fazendo isso é porque eu tinha sete anos abraçou a tendência de design plano oposição a esses pente ou abordagem FIC que era prevalente na província. - A versão do Iowa. - É o escritório do Karam. O design imita o aspecto de objetos da vida real como esta calculadora, por exemplo. - Design plano é mais simples em algumas pessoas diriam, - mais elegante. Há uma ênfase mais forte no conteúdo do “Você é “usa menos efeitos como sombras, brilhos, Grady e detectores. - Mas você pode precisar usar esse efeito em algum momento. - Quero mostrar-lhe como fazê-lo corretamente. - E isso é algo que a versão anterior do Instagram fez muito bem. - Então espere até terminarmos o design e o redesenho do APP. - Antes de começar a trabalhar no seu próprio projeto. Se você ainda tem o desenho do vídeo anterior aberto, isso é ótimo. - Se não, tudo bem. - Basta abrir um novo arquivo. - Clique em telas Art Board Isla no iPhone cinco retratado Não abra o iPhone cinco quadro - modelo. - Quer o X? - Este arquivo está na pasta desta lição ou na pasta templates. - Agora vamos dar uma olhada nas dimensões dos dois fogos que abrimos aqui. - Andi, outro cabelo. - Como você pode ver, - a placa de arte padrão do iPhone que acabamos de criar é duas vezes maior que a moldura no arquivo - você acabou de abrir. - Então, o que é isso? - Bem, - o iPhone cinco em cinco s como o iPhone Foreign Four s é dispositivo de exibição original. - Isso significa que a resolução é duas vezes maior do que no dispositivo não original. - Um único pixel em um dispositivo não original é ocupado por quatro pixels na versão original. - Apenas no caso de você não ter certeza se o pixel é o pixel é a menor unidade de medida em - uma tela. Pixels são pequenos quadrados que fazem parte da tela, e se você olhar de perto para sua tela, vá em frente, faça isso. - Você deve ser capaz de vê-los nas lacunas entre eles, - então pixels são menores na tela original do que em nenhum. - Creme de riqueza que permite mais precisão no visor. - E isso é o que nos referimos como uma resolução mais alta Um ponto é a resolução independente - medida sobre pode ser feita de um ou vários pixels em uma exibição original de freira. - Cada ponto é feito de um pixel no caso da exibição original, - cada ponto como uma altura fora, - dois pixels ligados com fora dos pixels, - então é feito de quatro pixels. - É por isso que há o mesmo número de pontos no rico, - dentro na tela não Regina fora do mesmo tamanho. Mas quando projetamos, temos que levar isso em consideração no nosso computador. - As dimensões estão em pixels do mesmo tamanho, - não em tamanhos variáveis. - Então uma palavra nos pontos aparecerá duas vezes maior que 100 em um ponto. - É por isso que, - se você projetar uma caixa com fora 40 pixels na altura de 30 pixels para o iPhone três -, - você precisará assustar o com dois primeiros pixels sob alta a 60 pixels. - Se você queria aparecer tão grande no iPhone quatro ou cinco, - se você está projetando para os dispositivos em necessidade, - a dimensão para a tela em picaretas identidade verificar que tamanhos de tela link. - Grã-Bretanha por aqui. - Mas está na descrição só para ter certeza que entendemos isso e nenhuma rotina - coisa original. - Vamos dar uma olhada nas resoluções dos iPhones. - Por que eles estão bem? - Ok, - então você pode ver que o iPhone três como uma densidade de pixel fora 100% no iPhone quatro e - cinco de 200%. Apesar do fato de que eles têm o mesmo físico com a tela, a resoluçãoé duas vezes maior. físico com a tela, a resolução físico com a tela, a resoluçãoé duas vezes maior. - Isso significa novamente que para cada pixel no olho de três, - há quatro pixels no iPhone quatro ou cinco. - Se você precisa Thio projetado para android na necessidade de um conversor para as diferentes resoluções, - você pode ir para t desbloqueia ponto com barra blawg cortado na cidade traço conversor rolar para baixo em - será capaz de usar conversor muito mão. - Então, porque as telas do telefone eu tenho resoluções diferentes. - Será mais fácil para você no início começar a projetar para a resolução mais baixa, - em seguida, fazer você projetar duas vezes fora de alimentos. - Ernsberger da outra resolução para projetar para duas ou três vezes mais importante, - poderíamos fazer o contrário. - Reduzido o tamanho de cada elemento uma vez que o design é concluído. - Mas porque não existe tal coisa como 1/2 pixel. - Teríamos que ter em mente usar apenas múltiplos de dois. - Ao definir dimensões. - Uma seleção de borda ou caixa com as alturas de 235 pixels apareceria desfocada quando dividida - por dois. - Outra alternativa seria projetar cada elemento para cada tela específica termo - separadamente. - E isso é provavelmente o que você vai fazer mais tarde. - Mas leva mais uma vez. Queremos nos concentrar na eficiência. - Então por enquanto trabalhamos em um X em oposição a dois X. - Se estivéssemos projetando diretamente para tela de retina, - tudo bem, - vamos para ele Agora vai trabalhar com o Tom Plate, - um X que já abrimos. - Você pode fechar o outro com o quadro de arte criado pelo esboço. Vamos também abrir nossos mercados para ver o que temos que fazer. Começaremos com a tela inicial, como fizemos com as simulações, assim como fizemos com os Marcos começarão projetando este sistema de navegação. Então vamos esconder o status bárbaro do criador de Tunggal. - Certifique-se de que é, - um, - 320 pixels. O cara com o cara não importa, mas nós podemos. - É cerca de 60. - Mude a cor para você preto. Certifique-se de alinhá-lo até tocar na barra de status, que mudou seu nome. - O Teoh. - Fundo. - O bar. - Eu colocaria na pasta Barra de Status, e olhamos para esse grupo. - Agora vamos criar outro sim retângulo com Mas com um máximo de 44 pixels. - Saiba isto. - Vamos ampliar um pouco. - Queremos ter cantos arredondados. Ainda mudaremos os rádios para quatro, mas não queremos que estes dois ângulos sejam arredondados, então clicamos duas vezes na forma até vermos estes pequenos “Que círculos?” - Vamos selecionar os dois cantos que queremos modificar clicando no 1º 1 mantendo turnos - clicando no outro. - E agora você quer escolher este ponto de troca aqui. - Se você pensar na forma, - sim, - nós poderíamos, - um, - este posicionamento como este honesto redimensionar o fundo. - Até agora, não queremos ver lá em baixo. - Então saiba que esta é a altura de 30 peças para ficar bem. - Agora queremos mudar a cor da barra superior. Vamos renomeá-la de latido? - Ótimo. - Poderíamos usar uma única cor como aquela. - Hum, - nós dissemos anteriormente a cor base. - Isso seria algo como seis para ver. Figura três sob vista do 215, pois estou enganado. - Sim, - poderíamos fazer isso, - mas vai usar o guardião que vai de uma luz através de uma cor mais escura para dar a - impressão de que a forma é m explosão. Então, em vez de selecionar cabelos coloridos, selecione gradiente como este, o círculo branco em torno deles pára. - Ele mostra quais pontos de cor está selecionado ou qual parada está selecionada. - Podemos mudar o lugar das paradas assim. - Não, - para orientar o radiante. - Nós também podemos adicionar paradas no meio em mudar a cor, - por exemplo, movê-los em torno disso entre as duas paradas em. - Claro, - não podemos deixá-los apertando a tecla backspace. - Então eu cliquei em baixo. - Pare no topo. - Mude a cor. - Teoh este um 53 um três oito. - Para a primeira cor, - faremos a mesma coisa do cabelo, - mas com outra cor mais escura. - De um a cinco. - Um 83 como este. - Não, vamos adicionar uma borda na parte inferior. Poderíamos usar essa ferramenta de fronteira , mas , masisso criaria uma borda ao redor do elemento que queríamos no fundo. - Então usaremos uma sombra nino. - Clique no plus para adicionar uma sombra interna. - Ok, então não queremos que seja sangue. - Então se zero em. - Não queremos que esteja no topo C agora. O Shadow está no topo porque temos um no campo branco. Queríamos estar no fundo, então colocamos menos um. - Agora isso, - como você deve ter adivinhado, - por que a horizontal em uma sombra em X é a vertical? - Agora está ligado. - Por que isso na parte inferior estão no topo. - Ok, então menos um e a esposa encheu. - Então vivemos. - Bloom explica o pássaro em branco. - Na propagação há uma nupcial que permite que você tenha sombras vindo de todos os lados. - Vamos diminuir um pouco. - Eu mostro-te. - Não, - isso nós não queremos que também vai mudar a cor desta borda. - Teoh 063 056 Desculpe. - Vou mudar a capacidade para 100%. - Não, esta bela fronteira. - Vamos agora adicionar um pouco no topo. - Fora da barra vai usar as mesmas ferramentas, - a sombra interna. Mas desta vez, em vez disso, ao entrar em uma cor específica, usará em vez disso, aoentrar em uma cor específica, usarábranco semi transparente. - Capacidade branca. - 20%. - Não, este 11. - Temos de mudar isso. - Não queremos que seja jogada agora. - Desta vez colocamos um no campo branco não são menos um porque queremos isso em uma sombra. - Para estar no topo finalmente vai adicionar uma sombra à forma. Então, Então, selecione sombras, não nas sombras. - Clique no mais colocar um no campo esposa porque queremos fechá-lo para estar na parte inferior e - veja. - É quase como se estivesse vindo de baixo da forma. Vamos manter a sombra um pouco borrada, mas talvez menos, acho que é bom. - Também mudou. A cor vai manter o Brownback de Sumatra, mas 40% de capacidade em vez de 50%. - Isso é bom, mas alguns eu adoro. - Então, o que vem a seguir? - Bem, vamos dar uma olhada nas simulações. - Ok? - O botão Atualizar Agora vamos adicionar um retângulo. A imprensa é como de costume, dê-lhe o tamanho certo, que será algo como 35 por 30 grandes células. - Coloque sete picaretas longe do lado direito da tela. - Podemos fazer as contas no esboço eso poderíamos fazer 320 que é o tamanho da tela menos 35 - que é o com fora do botão menos os sete pixels de distância da borda. - Sete escolhas de margem neste pouco. - Mas também podemos fazer manualmente. - Então consideramos a forma colocá-lo contra a borda até que você veja esta linha vermelha e então - bater a seta esquerda sete vezes. - 1234567 Se você disse que havia tunggal em toda a outra chave e mover o mouse sobre - a banheira é que você pode ver que temos um sete picaretas de margem Pare no lado direito em. - Mas, - hum então isso é bom. - Vai mudar os rádios 23 para ter cantos arredondados como este. - Sim, - e agora vamos trabalhar nisso no recesso. - Olha, - nós começamos mudando a cor para um Grady int Desta vez, - nós vamos usar a mesma cor no topo na parte inferior, - mas nós mudamos a capacidade para que a cor será o ex card da cor será 1/2 - para C 73 Eu iria copiá-lo para mais tarde vai mudar a capacidade para 5%. - E eu vou selecionar o na parte inferior colar um código X capacidade inalterada para 50%. - Sim, - nós também adicionamos borda desta vez com uma garrafa porque nós queríamos ser velhos em torno da forma. - Vamos pegá-lo neste. - Você pode se livrar de em vigor drogando. - Está fora do painel assim. - Uma borda de um pixel como esta. - Mas o que mudou? - Uh, - cor. - A CE marcou seria zero de três a seis. - Para gostar disso. - Vamos voltar. - Mudará o estilo ou a posição do corpo. - Desculpe. - Teoh lá dentro. - Isso é melhor. - Não. Eu tinha um brilho logo abaixo do botão. - Então vamos usar uma sombra para isso em uma sombra. - Um no campo branco. , Joe, vamos ampliar um pouco. - Então nós vemos o que estamos fazendo vai mudar a cor da sombra para 53 sete c nove c apenas - como este ligado. - Certifique-se de que a opacidade IHS disse 200%. - E lá você pode ver o brilho deles logo abaixo do botão. - Então uma sombra também pode estar longe para fazer um brilho. - Tudo bem, nós também adicionamos uma sombra interna à nossa forma. - Então clique em Plus teria menos um. - E porquê? - Eu senti, - hum bem, - continuar. - Está embaçado. - Então, um. - Também adicionamos um spread de um. - Meu isso em uma mudança de cor também. - Um f para si 73 Em quê? - Mantenha a passagem. - Ele disse para 50% voltar. A última coisa que vamos fazer neste botão éuma sombra no topo. A última coisa que vamos fazer neste botão é uma sombra no topo. - Então vamos usar diem na sombra novamente se estiver bem. - Só o topo. Pode ver que queríamos ser sangue, mas talvez um pouco mais. - Menos desculpa pelo que mudou. - Uma cor também. - Síria e três B seis cheio com capacidade disse a 100% sobre este combinando estas as sombras - com os cavaleiros sombra no fundo, - o escuro em um galpão no fundo, - dois no escuro, - na sombra no topo. - É muito eficiente quando se tenta dar campo de recesso a um objeto. Então podemos usar isso de novo no futuro, a família irá adicionar o nosso logotipo. - Então, Presti, - bem em simples vai mudar o tamanho também. - 34 deste colocar no lugar o que mudou. - Encontrado, - obviamente para o que negamos antes. - Faturável. - Saiba isto. - É século. - Mudaremos a cor também. - Então é bom para mais cor. , Na verdade, não vamos mudar a Columbia porque queremos adicionar um grande público. - Então vamos usar o preenchimento como este em era como o gradiente para ir de E oito e f três para 96 - a. - E c. - Dois exatamente assim. - Ok, vamos voltar. - Eu também vou adicionar uma sombra neste logotipo. - Uh, - OK, - nós vamos ter um. - Do jeito que me sinto. Olhe para o Barry e assumindo um pouco para ver o que estamos fazendo. - Ok? - Algo parecido com isto. - Vamos mudar a cor. - Muito preto. - Sim, mais do que passividade. - Disse a 100% sobre irá adicionar outra sombra, - na verdade, - um brilho. - Então, o que fazemos? - Menos um para se levantar? Não queremos que seja assim, o que mudou? - A cor também. - Uma cor clara porque queríamos ser um brilho. - Então e. - C F zero F quatro nesta capacidade disse 200%. - Assim, vamos voltar. Mas como pode ver, temos algo errado acontecendo lá. - Então, a fim de corrigir isso, - selecione o texto em, - vá para It, - converta texto em noves. - Então isto vai adorar. - Converta o texto para Victoria Shape. - E agora é só clicar nesta pequena seta. - Tente encontrar o M no A e Click Union. - Falaremos sobre isso um pouco mais tarde. - Agora só o dedo do pé. - Fazer o quê? Indique, fazendo algo com o P no “M Click Union on A Good to Go”. Agora é renomeado para Camadas Diferentes, então temos em simples. - Isso é bom. - Temos o botão de atualização de um grupo. - Essas duas camadas, eu chamo esse grupo. - Não empreste algumas gorjetas. - Vencedor. - Trabalhando com grupos Se você toda a lata na chave, - você pode selecionar camadas individualmente por isso. - Se você aguentar em comum no clique, você terá um, - menu cortado com cada camada sob suas bocas. - Então isso é muito útil para, - e você também pode ativar a opção clique através do grupo clicando com o botão direito sobre ele. - Ao selecionar escolhido, - você será capaz de selecionar camadas dentro do grupo facilmente. - Nós nos perguntamos que agora tudo bem, - Will. - Na atualização eu não poderia mais tarde no próximo vídeo. - Agora vamos cuidar da barra de baixo. - Então, Joe, ou um tango? - Não. Isto eu daria o tamanho adequado, que é 320 por 45. Mas no fundo, assim como este mudou a cor para trás. - Vamos dar uma olhada nos mais copos para ver o que temos que fazer. - Temos cinco vezes aqui. Temos o selecionado, as abas normais. - Temos a chamada à acção no meio. - Ok, - então nós queremos cinco tipos no dia 320 que é o com deste elemento da tela dividido por - cinco. - É 64, mas vai precisar de 41 separadores de pixels. - Andi, - isso significa que temos quatro vezes para o com off 63 pixels em nosso templo do meio tem - com 64 pixels. - Então vamos fazer isso. - Hum, - você quer dar um com 63 pixels em altura de 44. - Então temos apenas uma escolha de borda no topo com a barra preta, - você pode copiar colar esta forma pressionando. - Venha ver Quinn V. - Certifique-se de que é apenas um pixel de distância do 1º 1 Bem, - ele pode ser baseado novamente. - A mesma coisa, um pixel de distância. - Mas desta vez, - como dissemos anteriormente, - queríamos ter com 64 pixels. - Poderia substituir este com o sem 63 pixels no lugar onde ele pertence. - Então, apenas uma escolha de longe do primeiro propósito um sob aquele mais uma vez. - Ótimo. Vamos começar com as torneiras normais para este. - Este neste último vai cuidar da tração do carvão no estado para tocar - depois. - O que vamos fazer é dar uma cor aleatória a esta camada em duplicar esta - camada muda de cor. - ONU muda de tamanho quando é para ter um com que é dois pixels menor do que os elementos - abaixo. - Então podemos ter essa borda laranja de um pixel à esquerda e à direita, um pixel menor aqui para que possamos ter borda nos dois primeiros. - Ok, - então seu elemento deve ser verdadeiro amor com fora 61 pixels de altura fora por três pixels. - Ok, vamos tempo. - Há esses dois elementos. - Bem, na verdade, os agrupámos primeiro. - Há também. - Uh oh, - chamá-lo. - Explore Tab. - Porque esta é a segunda vez na segunda vez é a nossa guia de exploração. - E começamos esses dois elementos. - Will, eu pedi para começar a assinar aquele. - Não somos uma cor de gradiente. - O topo será 737 97 f hum, - tipo de no fundo. - Bem, os três. C 4144 como este e mudaremos o nome do Distrito Tunggal também, Border, porque esta será a fronteira deste botão. - Bem, - quer amarelo obviamente vai mudá-lo para um corte radiante no topo. - Vai baía para D 5358 na cor na parte inferior. - Bem, baía dois D, 323 sete. - Assim. - Está bem, parece bem. - É quem pode um pouco agora que vamos nomear esta camada para despejar. - Estamos copiados. - Cole o estilo deste elemento. - O elemento de fronteira para isso também. - Retângulos. - Ok, então clique com o botão direito nesta camada. - Copiar. - O estilo vai selecionar este neste. - Não este neste. - Hum, - bem, - passeou desta vez não. Temos de copiar este elemento do topo e pô-lo nestes dois. - Então, o que podemos fazer? - Vamos fazer isto. - Mova-o com o “ok “ali com a massa. O que quiser, podemos agrupá-los. - Isso é, uh não se a hora que nomeamos a camada. - Esta é a ordem fronteiriça que não está disposta? - A mesma coisa com a próxima. - Desta vez será um pouco diferente porque não queremos ter uma fronteira no lado direito. - Então precisamos fazer com que uma escolha maior para ter certeza de que há uma escolha de fronteira - aqui, - mas que não há fronteira aqui. - Vamos agrupá-los. - Diga o nome do grupo. - Guia Profunda. - Certifique-se de dar o nome certo. - Border Dar nomes às suas camadas pode não parecer muito importante, mas quando você vai trabalhar com muitas delas, - vai tornar o seu trabalho muito mais fácil. - Ok, vamos fechar estes. - Vamos cuidar do tipo do meio agora. - Ok? Então estamos fazendo a mesma coisa, mas com cores diferentes. - Então está em um radiante A parte superior colorida será que eu não vou ajudar C A C 5 na cor lá fora . - Mas, - um, - Dr. para um 73 96 meu este. - Você sabe a história Tunggal que eu não prestei. - Entra. Vamos nos certificar de que temos uma escolha de borda no lado esquerdo, do lado direito no topo 63 por 43. - Isso é bom, - porque o leito embaixo é 64 por 44 em vai mudar sua cor com um bom gradiente indo - no topo. - Bem, - eles 53 Teoh um nove. - O que está no fundo dois D Sigh See? - 83 Ok, vamos diminuir o zoom para ver como é. - Tudo bem, é isso. - Precisamos tomar cuidado. - O 1º 1 é o selecionado? Mas antes de fazermos isso, vamos agrupar essas camadas. - Estes são os camaradas. Esta é a fronteira desta camada é para o jogador superior. Agora amplie isso que também usamos um gradiente, mas um pouco diferente do que já usamos antes. - Isto vai ser um rádio radiante. - Certifique-se de selecionar as coisas que estão no centro. - Eu coloquei aqui. - Agora vamos pegar este. - Faça o diâmetro do círculo um pouco maior do que a largura do retângulo. - Agora selecione a parada de cor no centro do círculo. - Somos mudanças. - Cor para algo um pouco mais perto do branco e 2 para 2 na capacidade de 20% sobre isso - parada de cor de certifique-se de que é Ah, - preto. Sim, a Síria mudou a sua capacidade para 60%. - Vamos torná-lo um pouco maior. - Sim, - algo que vamos diminuir. - O que você acha que eu queria fazer agora é agrupar essas duas camadas guia home este realmente - fora do grupo. Chamamos-lhe Select Tim, porque talvez tenhamos de o mudar mais tarde. - Só há ordem. São grupos, então temos câmera em casa para explorar. - Não se no perfil irá apenas agrupar todas essas camadas em grupos. Chamamos essa barra de baixo para mantê-la bem arrumada e limpa. - Então eu acho que nós terminamos onde a nossa navegação grande. - No próximo vídeo, - Eu vou mostrar-lhe, - ou você pode pré-visualizar você projetar próprio seu dispositivo em um depois que irá adicionar os cones I - e vai continuar trabalhando nesta interface. 19. Visualização de visualização no dispositivo: - ser capaz de visualizar o seu design no design divisivo para é essencial. - É a única maneira de ter certeza de que o que você está fazendo realmente faz sentido nisso permitirá que você detecte fluxos potenciais. - Felizmente, - esboço mix Previ no dispositivo Muito fácil com este recurso Esboço espelho ou você precisa fazer é - ir para a loja Europa no seu iPhone. - Procuro o espelho de desenho. - É $5. - Então, se você não quer gastar $5, não se preocupe. - Eu vou te dar uma alternativa que é livre, mas um pouco menos prático porque não construído em - esboço. - Se você baixou o esboço mero em seu iPhone, - certifique-se de que seu computador no seu iPhone está conectado à mesma rede Wi-Fi. - Farei isso no meu telefone agora. - Abra o aplicativo em seu iPhone no ícone que estamos. - O cabelo deveria ter mudado para este ícone de conduta. - Clique nele. - Você deve ser capaz de ver a pré-visualização ou você está projetando seu iPhone. - Isso é simples assim. - Ok, - se você decidiu não instalar espelho esboço ou alguns design para apreciado, - você pode usar Scalia. - Vá para django dot com barra mac slash scallop Review The Mac app no apreciado, - uh, - segure livre. - Então deixe-me mostrar como a mina de trabalho já está instalada. - Então, uma vez que você tenha baixado em, - instale o aplicativo, - basta abri-lo em abre cor em seu dispositivo Android ou IOS. - Agora o que precisamos fazer é exportado versão PNG fora desta tela. - Então, clique em Exportar aqui vai dizer criar em vai se certificar de que nós também verificar. - Ele também exporta como tamanho duplo em exportará eu exportaria Teoh minha área de trabalho Certifique-se - esse formato é PNG na exportação. - Então, na minha área de trabalho, - Eu sei que tem um PNG emoldurado em um quadro Adiciona para extrair PNG Os dois X é uma convenção para ricina - Já lutas em tudo na retina Fives foi escalado para cima. - Como você pode ver Não, - selecione o arquivo em dois x. - Certifique-se de que no seu dispositivo móvel você clicar no pequeno computador na barra inferior em - à esquerda em você selecionar o seu computador sem conexão na droga e trabalhar o arquivo PNG dois x -. - Você deve ser capaz de ver seu design em seu dispositivo móvel Se ele é ampliado em dois toques - na tela para diminuir o zoom, - Então é um tipo de software de cigarros, - mas é um pouco mais complicado de usar em. - É uma pré-visualização ao vivo, - ao contrário do Sketch Mirror no próximo vídeo, - continuaremos trabalhando em nossa interface, - e começamos a adicionar alguns Aiken. 20. Usando ícones existentes: - bem-vindo de volta neste vídeo e no próximo irá adicionar ícones ao nosso design existente. - Quando se trata de cones I, - você tem duas opções usando ícones existentes em projetar o seu próprio. - A maneira mais fácil na maneira mais rápida é usar cones I existentes, - e eu vou mostrar-lhe onde encontrá-los sobre como integrá-los em seus projetos. Mas você sempre pode encontrar exatamente o que você está procurando. - É por isso que eu vou mostrar-lhe como desenhar seus próprios ícones no próximo vídeo. - Se você esboçar fundo do vídeo anterior foi para o Open é ótimo. - Caso contrário, - vá para esta pasta vai em Abrir o fogo Iniciar, - Tudo bem. - O primeiro ícone que precisamos é para o botão de atualização. - Então vá para a pasta do curso em Aberto, - o Aiken disse por Brett Jones que se parecem com isso. - Amplie em selecione o ícone de atualização aqui. Carregue em vir e ver para copiar Andi, assumindo que neste arquivo para a direita, clique em cima do botão de atualização e eles tiveram que colar para colá-lo aqui. - Vamos ampliar novamente e ter certeza que centralizamos o ícone por isso. - Agora vamos dar uma olhada mais de perto no ícone. - Este ícone é feito de várias formas. - Se você clicar na pequena seta à esquerda do ícone na lista de camadas, - você pode ver o conjunto Beth of the Shape. - Estas são todas as formas. - O ícone foi feito fora, então temos triângulo. - Temos um círculo, temos outro. E como você pode ver, o que é ótimo sobre isso é que o esboço permite que você modifique todos os subpasses dos ícones com muita facilidade. - Vamos ver exatamente como isso funciona no próximo vídeo, - então não se preocupe se parece confuso onde agora a primeira coisa que precisamos fazer com - este ícone é redimensioná-lo. Quando estávamos avaliando, uma Nikon estava dimensionando todo o passado ao mesmo tempo. - Na maior parte do tempo tudo vai perfeitamente bem, - mas às vezes superou pode se comportar de uma maneira estranha. - Então, a fim de ter certeza de dar o aspecto do ícone irá selecioná-lo. - Vá Teoh Edit teste e inundado. - Não, - isso agora vamos dar-lhe o tamanho adequado, - hum, - com de 15 no capô de oitos e certifique-se é para o leão foi centrado no fundo. Certo, vamos nos livrar desses efeitos de que não precisamos deles tão descontrolados, Patrick. - Caixas no Jaguar. - Estes campos do túnel não os comem. - Reflexão também. - On só vai precisar de uma sensação para que possamos nos livrar dela também. - Ok, vamos cuidar da cor. - Então este gradiente é feito de três paradas de cor. Não vamos precisar do do do meio, então escolha um e dilua assim. - Eu mudaria a nota. - O primeiro cooler do Ian terá cinco C F-1. - Que segundo cooler. Vamos garantir que a prostituta A seja 200%. - Próximo. - Um 97 por e. - Veja a mesma coisa. - Certifique-se que a capacidade disse 100% como este. - Isto parece um pouco plano, - então vamos adicionar, - hum, - sombra a esta forma, - um no branco fracassado será um pouco de sangue. - Então ninguém Andi escolherá um preto com a capacidade de 50%. - Também usamos um brilho usando a sombra. - Lembre-se, - uma sombra está em nenhuma sombra não precisa ser preta. - Você pode usar branco ou semi transparente, - largo para ter um efeito de brilho. - Então, por que um zero? Por que a capacidade disse 50% mais perto? - Olhe bem. - Adicionando uma sombra preta na parte inferior da guerra na sombra do objeto Nexen superior. - Saia da tela. - Vamos ver como fica sem estes efeitos. - Veja, - durante o contrário, - como fizemos com o botão onde temos um preto em uma sombra em uma sombra branca dá um - recesso aspecto do objeto. bem Acho que estamosbemcom o ícone novo. - Parece que é um pouco para o mar. - Ok, agora vamos dizer que encontramos outro ícone que parece melhor do que o 1º 1 que usamos. - Então abra o IOS 6. - Você é modelo por Marcelo Marshfield nesta pasta do curso. - Parece assim. Vamos dizer que preferimos esta atualização. - Eu posso selecioná-lo. - Copie isso. - Não colo ao lado do 1º 1. Não queremos que o Teoh faça o mesmo trabalho com o cara mais cedo de novo. - Então o que precisamos fazer é certo. - Clique neste ícone, - Enviar um estilo de cópia clique com o botão direito sobre este no tempo de ritmo selecionado, - assim como este. - Vamos redimensioná-lo. - Damos com 15. - Certifique-se de que esta fechadura está trancada. - Ok, vamos lidar com isso. - 1º 1, ninguém vai colocar este onde pertence. - Tão simples assim antes de avançarmos para criar nossos próprios ícones. - Eu só quero que você mostre este site esboço mente em c o esboço mente ponto c o Todos estes - são incêndios esboços que você pode rosquar de graça na reutilização de novos projetos. - É ótimo se você quiser aprender e ver como as pessoas estão usando o Sketch em estão fazendo o - design também é ótimo. - Se você está procurando, - por exemplo, - para ícones, - você pode ser capaz de encontrar I cones interessantes ou ah rus seus olhos. Ou se você quiser Teoh, você precisa de uma interface específica, mas ganha ou específica. - Este site está cheio de grandes incêndios em é muitas vezes atualizado com novas lutas dos designers - fora da comunidade esboço. - Agora, - vamos imaginar que não conseguimos encontrar nenhum preto adequado em qualquer incêndio de desenho. Há muitos sites onde você pode encontrar cones, mas há um que eu gosto particularmente. - Este é o não-projeto ponto com. - Há muitos ícones neste site por isso não hesite em verificá-lo, - especialmente se você precisar de ícones incomuns de pneus. - Eu não sei. - Vamos procurar o ícone da guitarra. - Veja, nós temos bastante. - Vamos procurar por Ah, estamos frescos. - Ok. - Para conhecê-los, você precisa se inscrever. - Você não precisa necessariamente comprá-los. - Você não pode conhecê-los de graça. - Ordenar-me para fazer é certificar-se de que você atribui o design dos ícones em algum lugar no - aplicativo. - Então, nos créditos há algo assim. - O que você não sabe é um arquivo SVG em exibição. - Então descompacte o arquivo. - Você apenas um anotado em Se você abri-lo, - você pode clicar com o botão direito sobre ele em aberto com um esboço como este. Porque felizmente o esboço pode lidar com vegetais se eu estiver muito bem. - Então precisamos fazer a partir de agora para copiar esta forma não testada em nosso projeto sobre isso. Mas isso foi só para mostrar que não precisamos dessa. - Então eu me livro dele no fim. - Esta lição colocaria nosso ícone na banheira. - Barra no Hi. - No grupo que eu posso no dia foram botão fresco Nosso primeiro botão no próximo vídeo, - vamos criar o IAC possui para as abas na parte inferior da tela. - Vejo-te em breve. 21. Como criar nossos próprios ícones: - e esta viúva vai aprender a criar nossos próprios ícones usando o que você vai aprender. - Nesta lição, - você será capaz de criar quase qualquer tipo de elementos gráficos com um pouco de prática não - apenas ícones, - mas formas ou ilustrações mais complexas, se você precisar. - O único conceito que me levou um tempo para entender que me libertou do Aydin são - para Joe. - Outro complexo de designer treinado é que você pode criar quase qualquer representação gráfica - amostrando formas simples como quadrados, - retângulos, - círculos, - triângulos, - usando um pouco de magia de software de design . - Então lembre-se, tudo o que você precisa é encontrar inspiração para ter uma boa compreensão de como montar - formas. Já falamos sobre inspiração, então não espere que ela apareça do nada. - Olhe ao redor. - Não hesite em copiar os outros. - É assim que funciona e está fora. - Você está entendendo como montar formas. - Vamos ao assunto agora. - Então amplie. Vamos começar com a guia inicial que eu poderia, então vamos Joe ou retângulo tinha a tecla R no seu teclado. - Hum, - vamos dar-lhe um com de 15 pixels em um coração de 11 pixels como este. Também precisamos de um triângulo para o telhado, mas para ter certeza, é um triângulo reto. - Fomos criados modificando o quadrado. - Então vamos desenhar um quadrado. Lembre-se de segurar o turno se quiser Joy Square. um Eu dariaumdentro do coração de 15 pixels como este. - Nenhum clique duplo sobre ele você vai ver que os pontos vetoriais aparecem. - Quando você fizer isso, - selecione este em iludido pressionando a tecla backspace que sabemos que tem um triângulo direito sobre - para completar o telhado irá criar dois dos retângulos com com de, - um 17 pixels nas alturas de três pixels. - Bom. - Outra. - Mas com o com e o alto atravessado como este agora selecione o retângulo que acabamos criar no telhado O triângulo em Bem, permitindo que as duas formas à esquerda no topo usando Thea Alli em ferramentas de um cabelo. Então selecione Leszcz Andi, cima disso, faça a mesma coisa com esse retânguloesquerdo, esquerdo, Tom. Mas antes de colocá-la em cima deste retângulo, selecione estas três formas. Usaremos uma operação booleana para combinar três em uma única forma. - As operações de sangramento estão sobrecarregadas. - Clique em União e veja como os grupos numéricos em uma única forma no painel esquerdo, - como vimos anteriormente com o ícone de atualização, - as operações de barras não são destrutivas. - Isso significa que você ainda pode ver acesso sem modificar os três shakes clicando na seta - Divulgação aqui ao selecionar as formas dentro. - C ainda pode movê-los. - Laura os suspira se eu quiser. - Eu sou o ainda montado na mesma forma neste pequeno ícone mostra qual Boolean - operação foi usado para montar as diferentes formas. - A lista de camadas é ordenada de baixo para dobrar. - É o mesmo para o caminho do senhor na forma. - Então a operação booleana que você escolher irá combinar a camada desta camada com a camada abaixo - esta camada com a camada abaixo dessas 1.000.000.000 operações. - Essas ferramentas são muito importantes. - Andi, deixa-me mostrar-te depressa. - Cada um deles trabalha antes de seguirmos em frente? - Deixe-me dirigir ou um tunggal em um círculo. Além disso, eram duas formas em nossa união, então eles sabem que o não se fundiu em uma única forma. - Se eu mudar para subtrair, - ele irá subtrair a primeira forma da que está abaixo. - Na verdade, - Lamber Intersects só manterá o cruzamento fora das duas formas. - Se eu mudei duas diferenças, - ele irá remover a parte onde as duas formas estão se sobrepondo. - Não vamos nos livrar dessas duas formas e continuar trabalhando em nosso eu poderia. - Ok, vamos girar. - Hum, - isso molda seu telhado clicando na ferramenta bro Tate na barra de ferramentas. Se você girar assim, ele girará normalmente. Mas se você for velho, mude, gire assim e é isso que queremos fazer. - Ok, - uma vez que você fez isso, - disse que a prova em certifique-se de que você colocá-lo apenas em cima deste truque. Tango, que agora fundem essas duas formas. Click e tia, cuidaremos da porta. - Então vamos desenhar Jungle of Six Bussell. Mas seis almas grandes, circulam com um diâmetro de 6 pixels para Ok,isso é bom. circulam com um diâmetro de 6 pixels para Ok, - Coloque o círculo apenas no topo fora da outra forma, - então o diâmetro deve ser alinhado com o topo Edgett fora quadrado. Assim como este, um novo fundiu estas duas formas também. - Suco cor aleatória para que você possa vê-lo quando nós colocá-lo sobre a casa. - Mas pouco antes de um lugar sobre a casa. - Na verdade, - seria melhor se nós outros com cinco pixels como este. - Ok, - selecione a porta da casa no clique assunto. - Temos o nosso primeiro ícone. - É posicioná-lo em cima da aba selecionada. - A Andi vai mudar a cor para o teu radiante. - Isso vai de 889 a oito. - Dean 9093 Nós também tentamos adicionar uma sombra. - Deve ser fácil. - Não quero que seja pássaro. - Eu daria um passe. - O Ity? - Sim, preto 50%. Eu tinha um brilho no topo com uma sombra interior. - Então, às 11 para fazer isso agora, - sábio 80% capacidade? - Não, - isto. - Ok, - não vamos cuidar do próximo. - Explore a torneira. - Eu começaria com um triângulo. - Vamos dar-lhe um com de oito pixels de altura de 13 pixels. - Por esta escolha a forma em vai usar uma mão muito. - Também criará cópias desta forma para girá-las. - Vá nos editar em rodar cópias. - Você quer três cópias para ter quatro triângulos. - Então, certo, - três e clique. - OK, - agora certifique-se que você pode usar este identificador, - mas para ser mais preciso, - vamos mudar para pixels você indo para mostrar pixels. - Isso é assumindo um pouco para que possamos ver o que estamos fazendo é que você é muito útil quando - você quer ser muito preciso em seus projetos - o que geralmente é o caso ao projetar ícones. - Então queremos que essas formas tenham uma altura de 30 pixels. - Temos dois triângulos com a altura de 13 pixels. - Quer dizer que queremos quatro pixels entre eles. - Então arrastou a alça até que você tenha um quadrado em branco. - Um preciso. - Não assim, mas um quadrado em branco muito preciso. - Você quer estar no limite disso? - Então não, isso, mas um quadrado em branco como aquele. - Aumente o zoom de novo. - Tão fraco. - Ver quadrado em branco fora. - Quatro peças de por quatro pixels. - Ideias conhecidas - Não, como esta. Então os ângulos devem estar no cruzamento desses quatro pixels. - Veja, isso não é bom. - Isto é bom. - Isto não é para ser muito preciso. - Hum, - ok, - vamos diminuir um pouco. - Clique fora da forma. - Certifique-se de que você tem com na altura de 30 pixels. - Se não for o caso, - bem, - se você tem, - como, - 29 0.3 ou 30.6 ou algo assim mudou o com ou a altura Teoh 30. - Ok, nós não comemos mais isso. - Isso é agora. - Hoje a forma em Duplicado você pode clicar com o botão direito e selecionar implica ou um poderia ser baseado - estes nova forma. - Vamos girá-lo segurando o turno para que possamos posicioná-lo assim. - Nós vamos redimensioná-lo e dar-lhe um com em alta off 22 pixels. - Meu este agora conjunto de duas formas na linha no centro do meio para que você possa ter uma forma - como este disse sobre duas formas, - Merchant. - Ok, estamos quase terminando. - Estão ganhando agora é ter um bom porão no meio. - Então, bem, - classifica um círculo de seis pixels por seis pixels. - Saber que isso vai mudar a cor, a fim de ser capaz de ver o círculo quando colocá-lo no topo - fora da forma a boa captura CEOs ajuda a posicionar um não selecionar o círculo na estrela - forma palhaçadas assunto. - Está bem. E alguns estão um pouco agitados, mas isso eu posso em cima, fora do bar, em cima da banheira. - Eu sei. - Bem, precisamos fazer é selecionar este ícone, certo? - Clique no estilo. - Este, eu acho. - Baseado em. - Ok, agora vamos cuidar da câmera. Tudo bem, vamos começar com o corpo da câmera. - Então quadrado fora. - 26 por 26. - Não vamos arredondado cantos tão bem treinados para rádios 23 em vai juntar outro retângulo com o - com de 20 picaretas almas na cabana de 12 pixels. - Queremos economista redondo na parte inferior, - mas não no topo do que podemos fazer é selecionar a forma mudou o dedo do rádio um duplo - clique na forma para editá-lo de modo que estes cantos em mudança para o ponto reto Aqui - por isso vamos mudar a cor para que possamos vê-lo. - Vamos substituí-lo em cima desta forma. - Demos a ele um com de 20 pixels para que possamos ter uma borda de três pixels no lado esquerdo, - o lado direito na parte inferior. - Então certifique-se de que está a três pixels de distância do lado esquerdo, obviamente, do lado direito sobre o, mas apenas assim quando você terminar. Então, as duas formas no clique na operação brilhante direita, este é um sub-trato. - Mas eu só quero te mostrar o que você pode fazer. - Se você selecionar o 11, digamos, - com seleção de união, - podemos ir na forma em selecionar aqui a operação da noiva, - que é assunto. - Ok, - Não, - vamos desenhar um círculo de 16 pixels por 16 pixels vai mudar a cor. - Certifique-se de que são linhas bem. - Se você não pode ver com o pão os guias que o esboço fornece tingido uma cor em que eu vou mostrar - você outra maneira de usar o valentão em operação. - O que podemos fazer aqui. - Problema como esta forma nesta forma em, - em seguida, selecione a operação 1.000.000.000 direita. - O que também podemos fazer é arrastar esta nave no painel esquerdo para dentro desta forma. - A Andi mudou a impressão do balão. - Desta vez. - Seria, - uh, - sindicato. - Ok, - Eu vou mostrar novamente com duas das formas que queremos circular com o diâmetro de 10 pixels - - Ele é uma droga para as mãos em cima da outra forma. Por padrão, os 1.000.000.000 seriam uma união. Mas desta vez queríamos ser um sujeito, não isto. - Viu como mantiveram a consistência fora da fronteira? - Temos três fotos, mas em algo assim. Porque estes círculos... este círculo... com um diâmetro de 10 pixels... neste de 16 pixels ... é muito importante para você. - Seja consistente em seus projetos. - Última forma é um quadrado de cinco pixels por cinco pixels com rádios fora de um Selecione ele mudou - cor. - Coloque-o a três pixels de distância. - Consistência a partir de três pixels de distância do lado positivo. - Ok, vamos fazer isso dessa maneira mais uma vez em um assunto selecionado. - Certo, agora temos a forma da câmera. - Encare isso. - Quando pertence isto? - Copie este estilo. - Vou colá-lo. - Vamos agora cuidar da notificação ICA, - começar desenhando um círculo com a largura de 27 pixels sob peles de 24 pixels. - Não, - isso Agora clique duas vezes na forma para entrar no modo vitorioso edição, - que é caracterizado pela presença fora dos pontos vetoriais. - Quando você passa o mouse sobre os segmentos fora da forma, - você aponta para mudanças nele permite que você adicione ponto vetorial Suman. - Queremos adicionar o primeiro ponto bem no meio deste segmento. - A fim de fazer isso, - podemos segurar a tecla de comando no ponto irá automaticamente colocar-se no meio do - o segmento, - que é o limitado por esses dois pontos vetoriais. - Então, somos velhos. - Vamos lá, chave. - Podemos clicar em qualquer lugar neste segmento. - Nele irá criar um vetor aponta apenas um no meio. - Agora vamos fazer o mesmo com estes segmentos mais velhos. - Venha macaco e clique mais uma vez entre estes dois pontos vetoriais toda a chave venha e - clique assim. - Agora você quer colocar um ponto vitorioso logo abaixo deste em um logo acima daquele. - Eu explico em um minuto. - Por que, em seguida, clique sobre este ponto em. - Mova-o com as teclas de seta no teclado. - 1234 1234 Certifique-se de que o ponto ainda está selecionado na alteração. - Demonstrado para o ponto certo. - Agora está ligado. - Faça a mesma coisa com este. - Tenha cuidado para não selecionar os pontos do adolescente. - Então você quer que os pontos dentro destes para desfazer a mesma coisa. - Selecione direito assim. Estes dois pontos são úteis porque nos permitem manter o círculo se não os tivéssemos porque mudamos o modo de ponto para reto para estes dois pontos. - O círculo ficaria assim. - Está bem. - Melhor agora pegar um coração para terminar nosso ícone. - Vá para o não-projeto ponto com. - Procura o Hunt. - Está bem. - Escolha um ícone que você gosta. - Vou selecionar este. - Parece bom. - Observe isso. - Você deve estar trancado para anotar. - Não se esqueça de atribuir que eu não poderia. - Você usa do não-projeto para os criadores em seus designs. - Então descompacte. - Abra com um esboço. - Está bem. - Certifique-se de selecionar a forma de um cabelo. - Coupet ligado. - Cole em nós. - Apanha Fine. - Daria um com de que em pixels. - Certifique-se de procurar a proporção acima. - É isso. - Coloque-o em cima. - Fora da bolha. - Os meus melhores suspeitos localizaram-no. - Meu Deus. - Parece ser um pequeno problema no meu computador. - Ivan reiniciou-o por muito tempo. Talvez seja a razão pela qual deveria estar funcionando perfeitamente no seu. - Agora você pode continuar ajustando algumas coisas, se quiser. - Como, - você sabe, - o que você gosta. - Eu queria ser um pouco maior ou um pouco menor. - Finalmente vai posicioná-lo onde pertence. Pode ser estilo colar, assim como este finalmente vai cuidar do nosso último ícone. Pode ser estilo colar, - O perfil, - como de costume, - foi começar com um retângulo de forma simples da empresa Sony, - mas está em. - Vamos dar um raio de até, - um sim, - vamos precisar de outro retângulo. - O com oito pixels em um de 10 pixels que será a imagem no ícone irá centralizá-lo neste momento e colocá-lo quatro grandes almas longe do lado esquerdo. Precisamos de mais três retângulos com sete no coração de. - Para isso, - mudar as cores. - Você pode ver quando está em cima. Com esta forma, coloque-a a quatro pixels do lado direito. - Pode ser colá-lo, - alinhá-lo com esta forma na parte inferior. - O que podemos fazer é voltar a ser básico. - Selecione estes três. Usei o alinhamento que mostra que se chama distribuir verticalmente, então tem certeza que este está bem no meio entre este neste? Certo, vamos selecionar esses retângulos, essesquatro, quatro, não o que está por trás da Click Union. - Agora temos duas formas. - Sobre o que selecionar essas duas formas. - Selecione, - subtraia, - coloque no lugar e aplique-o. - É hora dos outros ícones. - Ok, vamos diminuir o zoom para ver como é. - Parece muito divertido para mim. - Para terminar irá renomear esses ícones para casa. - É a câmera do chão. - Não, - um, - fundo pobre. Faremos com que estejam na pasta branca, e pronto. - No próximo vídeo, - vamos adicionar algum conteúdo a esta tela. 22. Como criar o conteúdo de casa: - neste vídeo com conteúdo de anúncios para a nossa tela. - Mas antes de fazermos isso, - vamos agrupar a barra de status superior na barra inferior para garantir que as camadas não se movam enquanto - nós trabalhamos nesta página. - Então selecioná-los no painel esquerdo tinha vindo em G em mudou nelas do grupo para - navegação. - Sorte por direito, - clicando sobre ele ao selecionar. - Felizmente. Agora vamos dar uma olhada nas nossas marcações vai precisar de uma foto de perfil usando nome, foto como eu cone comum. Agora vamos dar uma olhada nas nossas marcações vai precisar de uma foto de perfil usando nome, - Eu sei alguns nomes de um cabelo. - Comente um botão noturno em um botão comum. Ok, então vamos começar com o Ah, aqui está uma foto na pasta Ativos desta pasta de lição. - Você tem uma foto de usuário. - Este sou eu. - Mas você pode mudar isso. - Podes usar a tua própria cara. Na verdade, seria melhor, mas usarei o meu por enquanto. - Você pode apenas, - ah, - drogá-lo em sindicatos de emprego pegar fogo assim. - Não, vamos torná-lo um pouco menor. - Como você pode ver, - não é um quadrado perfeito em. Se mudarmos as proporções, isto deformará a imagem. - Não queremos fazer isso. - Em vez disso, vamos usar uma máscara. - Então desenha quadrado de 32 por 32 assim. - Faça sua imagem um pouco menor no lugar. Seu quadrado em cima da imagem do Mick, é mais de novo. - Não, - isso agora nós vamos fazer é arrastar esta camada no painel ao vivo abaixo da imagem nós estamos - indo para clicar com o botão direito em selecionar usa máscara notar que estes cabelos escuros indica quais camadas - estão preocupados. - Então, se tivéssemos mais camadas acima, - haveria preocupação, - também, - e precisaríamos fazer o certo. - Clique no sinal subjacente máscara para que eles não estejam dentro desta máscara ou outra - técnica seria agrupar estes dois para que o outro laser não são afetados pela chamada máscara - lá. Aqui está uma imagem que você ainda pode mover sua imagem ao redimensioná-la, mas só vemos com a máscara. - Deixe-nos ver. Então, tudo bem , agora, se um for projetado para parecer bom, queremos que os objetos sejam alinhados quando pudermos. - Para fazer isso criará uma grade simples que nos permitirá posicionar nossos elementos - corretamente. - O que podemos fazer é ir ver as réguas do show no duplo clique no Bulla para criar um guia que eu possa agarrá-lo. - Coloque-o manualmente. - Não, isso contra a borda fora do botão em Tentou ser o processo que posso reservar. - Não, não vou ser muito preciso. Em vez de tentar colocar o guia contra a fronteira, o que posso fazer é conhecer a navegação. - Selecione o botão de atualização antigo a outra tecla sobre a barra. - Então eu vejo que há sete pixels Moloch Jing entre o botão na borda da tela e eu sei que eu posso olhar o grupo novamente. - Então eu estava tela é Ah, 420 pixels de largura se eu não estou enganado navegação em um 20? - Sim. - Em precisamos colocar guia sete pixels longe da borda da tela. - Precisávamos estar a 313 pixels. Assim como isso pode fazer a mesma coisa do outro lado. - Então precisávamos estar a sete pixels de distância da borda da tela novamente. - Você pode apenas clicar duas vezes como este para criar um guia sobre. - Você pode arrastar e trabalhar fora da régua para fazê-la desaparecer. - Vamos colocar em sete pixels. - Agora isto. - Se diminuir o zoom, mudamos a foto. Será atraído como um ímã pelo guia, mas acho essas linhas vermelhas um pouco irritantes, então usaremos a chapa na lapa. - Maneira invulgar de fazer a mesma coisa. - Vá para alguns, - hum, - esconder os jogadores no guia vontade para que mostrar grade no menu de exibição em grandes configurações - vai mudar de quadrado para layout, - vamos dar com de 320 pixels com para Cullen e verificar a sarjeta caixa de seleção. Não tocaremos neste, mas mudaremos a coluna com 27 pixels. - Eu incluo a calha com campo de texto para fazer uma alteração em conformidade. - Tudo bem, nós conseguimos. - É mais discreto. - O que sabemos é colocar esta imagem a sete pixels da barra da banheira. - O que podemos fazer é selecionar um elemento. - Pressione o perú al sobre sobre sobre o elemento sobre. - Isso calculará a distância entre os dois elementos selecionados um sobre o que estamos - pairando. - Mas o que estamos fazendo agora é que estamos pairando sobre o grupo de navegação porque - grupo de navegação é feito de barra de status de barra de reboque. Mas âmbar, ocupa toda a tela. Então o que temos que fazer é levar o Tobar para fora deste grupo de navegação, selecionar nossos elementos, pressionar na tecla e depois sobre ele. - E você pode ver que temos 15 pixels entre os dois elementos. Então, se movermos oito pixels para cima, teremos sete pixels entre os dois. - Vamos colocar a banheira. - Estão de volta na navegação. - Agora precisamos usar o nome Presti para adicionar algum texto. Mas antes de fazermos isto, temos de ter a certeza de que este grupo de navegação está bloqueado. - Não, - mudar isso para eu usar o nome pode usar. - Eu coloquei o meu é o nome. - Vamos mudar a frente dois Alv Erica. - Não, - na verdade, - a face da aba do tamanho para 13. - Este será um texto clicável. - Então será azul. - O azul concordamos que as calorias anteriores seriam cinco e 86 em será ousado. - Eu sinto falta. - Está a oito pixels de distância. - Então vamos colocar um grande já que para a esquerda, podemos adicionar alguns caminhões algo como - 0,25. - Parece um pouco melhor. - Não, queremos ter uma foto grande e bonita do cabelo que te dei nesta lição. - A pasta no detentor dos ativos pode ser colocada dentro do esboço. Pai, você vai precisar torná-lo muito menor. - Dê com no Die of 612 sobre isso. - Por que se foi? - Certifique-se de que está lá dentro. - Na verdade, - é 612 seria se estivéssemos projetando para riqueza. - Então está fora. Aqui você pode fazer é usar a matemática que você pode fazer e esboçar. Então, dividido por dois, 306 no mar estavam a oito pixels de distância das fotos de perfil. - Então vamos ficar bem assim. - Está perfeitamente alinhado com os guias, então encontramos o próximo são os gostos. O que vamos fazer é usar este ícone, então vamos para a navegação. - Mas, - um, - bar Andi não se Tab ver assim. - Eu posso Corbett unp aced isso aqui é painel esquerdo está ficando um pouco confuso, - então vamos começar. - É para cima. - Bem grupo. - Eles usam uma foto no nome de usuário do casaco roxo no que mudou. - Nome disso também Photo. - Ok, porque eu posso é ótimo porque nós temos o ícone do tipo. - Se arrastarmos a forma, a forma do coração para fora desta forma complexa, - isso mesmo, - um on Nós também temos vindo. - Posso guardar para mais tarde. - Ok, vamos começar a trabalhar nas luzes. - Não queremos fronteiras. Vamos redimensionar esta forma porque é um pouco grande. - Queremos dar-lhe um com de 12 em 10. - Agora vamos movê-lo contra a fronteira. - Certifique-se de que temos sete no campo X. - Onda. - Nós escrevemos os nomes das pessoas que têm como as fotos. Então, digamos que aquele cara legal no filme estagnado outro. - São amigos muito legais meus. - O que podemos fazer, - em vez de durante o restyling do texto, - é ir para o texto de um clique de cabelo mais e disse este texto como um novo estilo. - Então, se selecionarmos nosso texto novamente, - então selecione nova parada e desta vez será aplicada automaticamente. - Ampliar. - Vamos nos certificar de que este paus está a sete pixels de distância da imagem. - Vamos centralizar esse cone alguma coisa. - Não, - tudo bem, - não vamos cuidar dos Comuns. Temos este ícone ainda mais vindo, quer se livrar dos diferentes FX mudará completamente a cor para a mesma cor que o coração. Mas precisamos escolher uma cor em vez de Grady e primeiro. - Então, esta lupa permite que você escolha qualquer cor do seu tiro esboço e aplique-a ao objeto selecionado. - Estes dois terão a mesma cor. - Agora temos de redimensionar esta bolha. - Dê o com 13 no coração fora. - 10 com posição. - Isso eu virei sete pixels longe do ícone do coração. - Então três nos buscam. - Dirigiria isso pressionando eu vou copiá-lo. - Certifique-se de que este é este está a sete pixels de distância sobre isso. - Este para estão alinhados à esquerda. - Mudamos o nome Teoh. - Não sei, ter muitos amigos legais. - 10 euros é um deles fora do curso agora queremos o comentário. - Eu vou dizer algo como esta foto ao lado Me disse porque Kenya Reeves é muitas vezes triste - e eu estou feliz que eu posso ser de ajuda para ele. Mudará o estilo, na verdade, a maneira de iluminar a cor também. - Cinco c cinco c cinco c cinco c - zoom fora um pouco para ver como é. - Ok, - sua posição um pouco melhor. - Vamos definir essas duas camadas em co baseado eles para adicionar outro comentário desta vez é a minha exposição de amigos falando realmente, - hum, - usou o ar hashtag porque é isso que o usuário pode fazer. Mudará o estilo para clicável, também, mas não o principal clicável. - Então não vamos colocá-lo puxado como para o nome fora dos usuários. - Mas usaremos a cor azul para indicar que é clicável. - Agora vamos agrupar para mudar o nome. - Hum, - isso neste bom juntos é um piolho. - Estes são os Comuns. - Não, vamos cuidar dos botões. Mas antes de começarmos a desenhar este fardo, quero mostrar-vos uma coisa, algo que é usado principalmente em CSS. - Mas é muito importante entender que, como um problema de design, - quando você tem um botão ou um elemento ou conteúdo, - qualquer que você tenha seu conteúdo em torno de uma borda que limita o tamanho do elemento em - a borda pode ser visível ou não. - A distância entre o seu conteúdo na borda é chamada de tapinhas. - Patting é, portanto, insight sobre o elemento sobre a distância entre este elemento de borda de - os elementos sobre o que está ao seu redor é chamado de margem, - então a margem está fora dos elementos fora de um botão. - Se é sobre isso, - vamos começar com o botão como Dora Tunggal para agora você pode para o com de algo como - 62 ou 64 pixels. - A altura seria 22, esta é a certa. - Queremos ter um raio de três e que em cores. - Teoh Grady. - E isso vai de um. - Um a um para ver 73 vezes sem a fronteira. - Selecione dentro. Veja a diferença quando está dentro, a borda está dentro da forma. - Se você selecionar fora, - a borda é em torno do elemento, - mas fora e centro é entre os dois. - Queríamos estar dentro da forma. - Basta ter em mente que se você selecionar fora, - a forma será realmente dois pixels mais largo sobre caixa de pixels. - Então, dentro, - um pixel em vai mudar para recolher um 53 vezes com a tia, - uma sombra interior colocar um no campo da esposa e dois no barco sentiu um espalhado fora um também -, - para que possamos ver um pouco de sombra no lados em Vamos mudar a cor. - Teoh B um B um B um Andi mudou sua capacidade para 100 por cento B um B um B um B um um B um um. - Certo, vamos agora uma Nikon vai usar essa. - Então copie e cole lá dentro. Mas mudará sua cor para 73 7373. Na verdade, usará um gradiente que vai de 737373 para cinco d três vezes. - Queremos isto. - Não posso ser um pouco maior, então damos um com 13 pixels na altura de 11 pixels. - Suman, - um posição. - Sim, eu posso. - Para que você tenha um carinho de sete pixels exatamente como este. - Eu também vou adicionar Ah, - sombra a este ícone. - De qual? - Quero sangue. - O que? - 100% eu sei. Então, na sombra interior, também não será sangue. - Mude a lágrima de cor para o dia 40. - A capacidade de 100% como esta. - Ok, vamos saber que tinha uma mensagem que eu gosto. - Queremos mudar para o tamanho para 12 em Espere para sempre Takano normal tentando colocá-lo sete pixels - longe do on vai precisar redimensionar o botão para ter um acariciamento de sete pixels nesse lado , - também. Então, com de 60 a menos cinco, temos sete do lado deles e sete decidem tão bem. - Não é estilo. - Isso leva um pouco porque eu seria 63 vezes, - seis vezes. - Sem uma sombra branca. - Isso é um pouco fino demais. - Talvez devêssemos mudar o caminho para médio. - Sim, isto parece melhor. - Vamos recitar agora que nós tornamos maior ganhar Teoh como o botão um pouco maior , também, porque nosso carinho agora é de seis pixels. - Selecione o botão, este. - Eu terminei com nosso botão de gosto. - É um grupo destes. Chamo de olhar, mas criar nosso botão comum funcionará a partir deste, então duplique-o. Sabemos que o comentário é uma palavra mais longa naquela noite, então já podemos, além disso, mudar de texto para momento. Sabemos que o comentário é uma palavra mais longa naquela noite, Ele pode se livrar desse cone para que este solte dentro desse Burton vai torná-lo um pouco maior, mas primeiro vamos remodelá-lo. - Então copiamos o estilo vai pagar passo para este ícone por isso, - hum, - bom. - Com 14 e pele de 11. Mas dentro do botão, certifique-se de que está a sete pixels da borda. - Andi também sete pixels de distância do texto no comando Diu está a sete pixels de distância destas - bordas. Então temos sorte se não for o caso para você. - Você pode redimensioná-lo assim. - Mas certifique-se de selecionar a coisa certa para preciso. - O que ajustou é que o nosso clicou no botão. - Então foi selecionado o grupo. Quando eu redimensiono o dia, ele recita a coisa toda. - Então o Eiko no texto sobre tio direto. - Então certifique-se de que você realmente seleciona não o grupo de carga, - mas o retângulo. - Porque é isso que você quer. O tamanho dela mudou o nome deste botão para comentar a minha posição. - Estes queimaram 14 pixels de distância deste. - Quer? - Temos 14. - Sim, em breve. - Agora estamos indo. Teoh, pegue nossos botões em colocá-los contra a margem aqui. Posso precisar do Teoh Select o botão de luz. - Desmarque! - Isso está bem alinhado com a fronteira. - Você também pode verificar isso na linha de posição com as coordenadas X e Y em um apenas o - coloque fora do botão comum e, portanto, não um pouco. - Livra-te da grelha primeiro. - Verde não está completo. - Obrigado por assistir. Espero que você e durante este curso, e te vejo muito em breve. 23. Como desenhar o fluxo da câmera: - Ei, - lá vai voltar para o curso. - Espero que estejas a gostar desta lição. - Projetará um elogio. - Telas para esta versão do nosso aplicativo de amostra nos próximos vídeos. - Será que o desenhamos? - Vou fazer mais. - Eu era sete amigável. - Depois disso, - você deve ser capaz de terminar outras ferramentas muito bem em Aplicar o que você aprendeu ao seu - projeto pessoal. Você tem que passar algum tempo projetando por conta própria, descobrindo como resolver isso até ferimentos específicos do seu projeto. - Usando o que aprendeu. - Isso é crucial para realmente em terror, - como as lições deste curso a tela estaria projetando nesta lição. - As telas do fluxo da câmera tão aberto seu projetado disparado da lição de propósito ou - este aterrorizante esta pasta do curso? - Começaremos criando uma nova página. Então, clique nesta página em um botão, então nesse pouco mais, isso criaria um novo quadro de arte. - Voltar para a primeira página em selecionar o quadro inteiro, - copiá-lo. - A UNP acheu-o nesta nova página. Depois de fazer isso, você pode se livrar de tudo o que está lá, exceto a moldura do iPhone 5. - Agora vamos dar uma olhada nos mercados para ver o que temos que fazer. - Ok? A primeira coisa que precisamos tomar cuidado é a lente da câmera. - Então vamos ao assunto. - Foi por durante um retângulo de 320 pixels, - Eu sou 400 em 23. - Tomar células irá usar um Grady int indo de alimentos D 5257 para 20. - 26 2 estar ligado irá mudar a opacidade geral. - Então não a capacidade de um dos pontos do Grady até que eles não estejam aqui. Mas se você voltar, você pode mudar uma passividade geral fora da camada. - Aqui, vamos mudá-lo para 90%. Ok, Ok vamos Joe outro retângulo, na verdade, um quadrado de 306 por preencher seis em que você pode centrá-lo, irá duplicá-lo. - Então à direita, - clique neste retângulo no painel esquerdo, - Clique em duplicar e oculte esta cópia por enquanto. - Não, - hum, - selecione essas duas formas. - Subtrair o 1º 1 do 2º 1 clicando aqui irá adicionar uma sombra a esta nova forma. - Então, queremos você para quatro. - Isso é bom. - em preto com capacidade de 50%. - Então estamos bem. - Isso vai dar a alusão de uma cabeça inteira sobre este todo seria a lente da câmera. - Então vamos chamar isso de forma. Também precisamos de uma fronteira ao redor do buraco quadrado. Mas se aplicarmos a fronteira a toda a forma, também haverá uma fronteira do lado de fora e não queremos isso. - Então nós desatamos este quadrado, - certifique-se de que ele está bem posicionado logo sobre o todo e selecione o preenchimento para que ele - se torne transparente agora podemos usar a borda, - então teremos que fazer fronteira com o 1º 1 no outro pixel. Você queria ser branco, semi transparente. - 20% na segunda fronteira será no interior. - Um pixel, - 20 Este é um dentro de um pixel preto com a borda branca do lado de fora na borda preta . - Dentro, - isso reforça a sensação de profundidade. - Vamos chamar isso de moldura. - Agora vamos adicionar uma imagem Bill da lente usará a mesma que antes. - Você pode encontrá-lo na pasta Ativos deste curso. - Então, - hum, - é a foto que arrastamos e soltamos aqui. - Vamos tentar redimensioná-lo. - Isto é muito grande. - Certo, talvez um pouco maior. - Queríamos ser grandes o suficiente para ser capaz de vê-lo através dessas grandes formas pretas, a fim - mostrar que o usuário é geralmente uma câmera e tirar é bastante foto. - Então vamos colocá-lo abaixo da lente, parece bem. - Podemos vê-lo abaixo do buraco. - Forma preta. - Isso parece um pouco confuso, então vamos usar uma máscara para esconder o que está fora da tela. - A fim de fazer isso vai usar estas formas nas formas da lente. - Então selecione-o antigo na droga abaixo da imagem para duplicá-lo com um grupo. - Estes dois em uso seu tunggal como uma máscara como esta em seria o nome desta imagem de grupo. - Ok, o que vem a seguir? - Vamos dar uma olhada neles no shopping. - Policiais. - Temos de cancelar o Barão. - Precisamos tirá-la da parte inferior da tela. - Ok, vamos começar com o botão de cancelar. - Começará com algum texto, então aperta. - Certo? - Cancele. Você quer ter certeza que é toda área de latas, do tamanho de 12 na cor dos brancos. - Além disso, certifique-se de que você tem um rastreamento fora. - 0,46. - Selecione o texto em uma sombra. - Você pode, - uh, - usar as sombras no texto para Will mudar isso para um no borrão. - 20 em. - Certifique-se de que você tem uma sombra preta com uma capacidade de 50. - Vê a sombra negra? - Não, vamos tratar do botão com o Joe. - Um retângulo com uma altura de 30 pixels. Encare logo abaixo camada de texto do cônsul com rádios dourados. Queres ter a certeza de que tensumtapinha de 10 píxeis dentro? Queres ter a certeza de que tens um - O Eso deixa que seja um pouco menor. - Eu diria 10 e 12. - Então tudo bem, - inquilinos e perversos. - Agora vamos mudar. - A cor deste botão vai usar ingrediente indo de três C três o 40 para 27 para 8 para - ser agora trabalhar no recesso Olhe deste botão irá adicionar um brilho na parte inferior usando o - dedo do pé sombra. - Você não colocaria um na esposa cheia de zero no sangue cheio mudaria a cor para um branco semi transparente a capacidade de 20%. - Nós também adicionamos, - e na sombra com o meu único borrão para em preto 50%. - Deve ser uma cor por padrão. - Nós também adicionamos uma borda de um pixel dentro. Você queria voltar agrupar essas duas camadas de plantão que o grupo pode vender, mas , presumo que o botão esteja alinhado à esquerda com a moldura. - Ok, - vamos cuidar da parte inferior da tela agora foi que, juntando-se a uma selva iria - dar-lhe o tamanho adequado, - que é 320 por 100 em 45. - Certifique-se de que está alinhado na parte inferior e o que é do guardião? - A primeira cor é cinco C 6062 no 2º 1 seria 121515 Novamente, - queremos adicionar uma borda no topo fora da forma porque queremos que este retângulo pareça - como se estivesse sobreposto. - A lente usará para sombras internas de um preto em um branco. - Então, o 1º 1, mas um no campo branco. - Zero no campo de nascimento. - Eu queria ser uma espécie de preto no 2º 1 teria que no campo branco zero e um borrão - campo sobre o que ela era uma luz semi transparente. - Passaremos pela cidade de 30%. Certifique-se de que a tese branca na sombra esteja sob a sombra preta tem que ter dois pixels grandes porque a primeira linha de pixels será igual à primeira sombra preta. Certifique-se de que a tese branca na sombra esteja sob a sombra preta tem que ter dois Então o que vamos fazer é deseleger que o colocaria, Bill. - O 1º 1 o preto em um. - Selecionado de novo. - Isto dá-nos a um pixel linhas um apenas preto. - E a 2ª 1 é uma forma semi transparente. - Ok, - não vamos cuidar do botão da câmera. - Começaremos por nos juntar a um círculo. - Vamos dar-lhe um raio de 45. - Então, um diâmetro fora de 90 pixels centro que você usaria ingrediente indo de 303 vezes 20 a - três vezes. , Andi,como sempre, como sempre, usaria um brilho branco do lado de fora. - Agora vamos fazer isso. - Vai usar o dedo da borda. - Assim como a fronteira do lado de fora. - Um pixel em você vai escolher por que, - com uma capacidade de 5% deve ser suficiente. - Sim. - Também adicionamos uma sombra de Nina. - Por que um borrão três em preto, - 50% por padrão. Com estes dois efeitos, isto parece um todo. Com estes dois efeitos, - E vamos desenhar outro círculo dentro deste. - Vamos colocar tanto o 1º 1 Nós queremos ter uma borda preta de quatro pixels, - então nós precisamos estar doentes sobre os rádios fora 41 pixels em vez de 45. - Isso nos dá um diâmetro de 82 pixels. Se o centrarmos, devemos ter uma borda preta de quatro pixels ao redor. - E você quer mudar a cor também. - O que? - E finalmente vai adicionar um círculo azul novamente. - A borda branca terá quatro pixels de tamanho. - Nossos rádios serão 37 pixels. - Então teremos um diâmetro de 74 neste centro temporal para termos quatro pixels. - Que fronteira? - Mas ele é um gradiente. A primeira cor será estes nove azuis que verão cinco e cinco 203 27 então eu pensei que tudo bem , nós também adicionamos uma nova sombra. A primeira cor será estes nove azuis que verão cinco e cinco 203 27 então eu pensei que tudo bem , - Por que um sangue antes da cor. - Uma sombra preta seria um pouco escura demais, - então vamos usar tom de azul que selecionou um valor X é zero ajudas para ver cinco A - com uma passagem de 70 por cento olhando esse zoom para ver o que parece estar OK. Precisamos do ícone da câmera melhor agora, então vamos para a primeira página e a navegação. Precisamos do ícone da câmera melhor agora, - O botão. - Coloque a aba da câmera. - Se quiser configurar a câmera, pode copiá-la e colá-la no botão. - Ok. - Vamos redimensionar isso. Não consegui cortá-la em pedaços. - Demasiado pequeno. - Agora, - isso é seis por 36. - Deve ser suficiente. Mudará a cor também. - Ainda branco. Você pode se livrar de uma sombra que eu vou manter a sombra vai, uh, certifique-se de que a passividade A é 30% Não, 50%. - Acho que acabámos por isto. - Manteiga. - Vamos agrupar estes. - Chame o botão da câmera do grupo. - Agora. - Nós também adicionamos uma maneira para o usuário escolher uma imagem existente. Isto não estava nos Markham, mas desde que mostrámos as nossas marcações de pessoas, muitos deles disseram-nos que gostariam de usar imagens existentes. - Então vamos fazer isso adicionando um botão aqui foi que criando era quadrado. - Dê-lhe o tamanho adequado 50 para comprá-lo. - 52. - Vamos adicionar um raio de seis em vai usar este pneu do grande círculo preto aqui. - Então à direita, - clique no nome no painel esquerdo. - Copiar. - Estilo, então. - Começaram este tunggal de Nova Iorque assim. Também precisaremosdeuma máscara para a imagem que usaremos, então usaremos amistura de ferramentas retangulares. Também precisaremos deuma máscara para a imagem que usaremos, então usaremos amistura de ferramentas retangulares. uma máscara para a imagem que usaremos, então usaremos a - É 44 para os quatro. - No centro do primeiro quadrado. - Dê-lhe um raio de três. - A Andi. - Agora vamos usar a imagem da pasta de ativos nesta pasta do curso. - Você quer selecionar a pré-visualização da foto? - Mude o tamanho também. - 50 por 50. - Coloque-o em cima da praça anterior com um grupo. - Estes, - um, - bem usado um quadrado como uma máscara para a nova imagem acabaria de adicionar a eu iria decidir, - usar a máscara dele, - e nós vamos apenas adicionar um quadro em cima disso, - assim como fizemos com o terra para duplicar este quadrado. - Velho fora drogado apenas em cima da idade temática. - Em seguida, clique com o botão direito em alguns usos. - Máscara na seleção. - Ignorando a máscara Lang. - Andi, injecte a opção de campo para podermos ver a imagem. - Eu só adicionaria um brilho com a sombra. - Por que zero borrão um e espalhar um. Então está em volta da imagem, mas não queremos que seja preto. - Queremos fechar, então vamos usar o White. - Isso é um pouco demais. - Talvez 20% seja bom. - Sim, isso é o suficiente. - Ok, - em. - Acho que terminamos com a primeira tela. Podemos tirar uma foto, uma foto quadrada. - Podemos adicionar uma imagem existente antes de seguirmos em frente. - É só mudar o nome deste grupo para dois. - Pré-visualização. - Podemos encher isto. - Ok, - para o próximo guindaste vai criar uma nova página sobre Will copiar Paste dívidas não são embarcados nesta nova - página. - Há apenas renomear estas páginas. - Pode clicar nos nomes. - Ligue para a 1ª casa. - Este vem mais ou menos um. - Esta câmera flutuar para Ok, - vamos manter a lente porque esta é a imagem que o usuário acabou de tirar, - mas vamos dizer que a opacidade fora da lente para 100%, a fim de manter o foco do usuário em - o resultado do processo intrínseco. Ok, agora duplique o botão de cancelamento em colocar este novo botão no lado esquerdo da tela vai - alterado, - UM - que cancelou - mas em um botão de voltar. - Começaremos mudando a câmera de texto Teoh. Mas antes de fazermos isso, certifique-se de que a opção com é flexível. Porque se não for, se estiver consertado, é o que vai acontecer. - Não queremos isso. - Tão flexível. - Texto inalterado de cancelar para câmera I apenas o tamanho dos botões, - então você tem um tapinha de 10 pixels em ambos os lados. Temos 10 e 6, então precisamos adicionar 4 pixels aqui. - Sim, - Agora clique duas vezes na forma do botão, - ou você pode clicar na camada de botão no painel esquerdo e pressione enter, a fim de entrar - o modo de edição vetorial sem ponto efetivo no segmento. - Então todo comentarista que o esboço coloca o ponto no meio de um segmento. Agora, antes de seguirmos em frente, vamos mover esse botão 10 pixels para a esquerda. - Volte para o retângulo. - Digite o nó da vítima e selecione este novo ponto em mover pixels Ted à esquerda, segurando - shift e pressionando, - a tecla de seta para a esquerda em seu teclado mudou nomeação para reta como este. - Agora selecione dois pontos vetoriais. - Mantenha a tecla Shift pressionada para selecionar ambos ativados. Mova cinco pixels para a esquerda, então não mantenha a tecla Shift pressionada, mas pressione a tecla de seta do teclado cinco vezes. 12345 Moveu o texto de cinco pixels à esquerda. - 212345 Oh, sim, isso parece melhor. - Ok, vamos cuidar do próximo botão. Agora, Agora o que mudou o texto para o próximo? - Então certifique-se de que o modo de texto o com humor é flexível e mudar. - São precisos dois a seguir. - Alguma coisa. - Queremos ter um acariciamento fora 10 pixels à esquerda e à direita. - Então tínhamos 14 pixels. Assunto, vou me certificar de que é o trabalho Tunggal, a nave de fundo que está selecionada ok, vai mudar o radiante fora disso, mas, hum, para 00 c zero completo e para duplo zero Norine zero won t Estamos usando verde porque verde é a cor - da validação. - A mesma coisa para a fronteira. - Duplo zero completo E 10 mudou o nome do grupo para próximo. - Botão ligado. - Certifique-se de que o botão na lente está alinhado. - Nada acaba. - Eu sinto muito. - A moldura sozinha à direita. - Ok, bom. - Não vamos cuidar dos filtros na parte inferior da tela. - Para que possamos mudar. - Hum, - cor deste grande Black Creek Tunggal também. - Um preto sólido. - Podemos nos livrar desses dois botões. - Nós também podemos nos livrar dos efeitos, - as sombras internas na forma. - Agora vamos trabalhar no primeiro filtro. - O filtro selecionado. - Começaremos desenhando um retângulo que queríamos ter com 94 pixels em uma altura de 150 pixels. Você quer alinhá-lo à esquerda, mas desculpe no fundo como este vai usar um gradiente linear. - Mas desta vez não queremos que ele seja vertical, mas horizontal para que possamos mover o canto - pára e colocá-los à esquerda no lado direito da forma. - Nós também adicionamos a cor pára um aqui em quando eu As cores do lado de fora serão as mesmas. - Então seria 13 17 1 a. - Você pode lidar com isso. - Prove para a parada de cor à direita. Do lado da colônia, mas seja um B um. - Tem que três compere. - Cole nos campos de código x dessas coisas de cor também. - Ok, isso é bom para o fundo. - Não, vamos adicionar uma foto. - A miniatura do filtro. - Você pode ir para a pasta de ativos desta pasta do curso em Selecionar a miniatura do filtro Adicioná-lo - aqui em Alterado seu tamanho para 80 por 80. - Centralizá-lo nesta forma em adicionar uma sombra com por que um borrão três em preto, - 70%. - Vamos ampliar um pouco. - Vai adicionar algum texto Você quer escrever normal? - Certifique-se de que este tamanho é 13. - Você quer rastrear colocando cinco. - Hum, - centro. - O texto em também irá adicionar uma sombra. - Por quê? - Menos um. - Blair zero ligado. - Queremos ser negros. - 80%. Agora vamos adicionar um retângulo azul. - Hum, - olhar para ele, - uh, - com de 68 pixels. - Altura da onda fora de quatro pixels. - Certifique-se de que está bem centrado. - Mudei os rádios para, - hum para cheio. - Sim. - Dois é o suficiente. Eu tive um ótimo Ian quando no topo seria a série A E 5 Se e na cor na parte inferior será dobrado zero 70 ser para Ok, vamos mover isso um pouco. - Algo para o texto. - Isto parece melhor. Agora estamos indo Teoh em uma sombra para o retângulo para destacá-lo. - Então, - hum, - por quê? - Para cheio como bom. - Mas a capacidade mudaria para 70% tão ruim. Também adicionamos brilho no topo. - Então vamos usar na sombra. - Por quê? - Mas e você quer um o quê? - De 100% Isso eu vou adicionar No. - A sombra para parecer que está brilhando. - Então adicione outra sombra. Por que zero borrão sete em usar um azul 05 oito um assento a 60%. - Assumo que é bom. - Nós estamos indo. - Teoh agrupa essas camadas. - Chame de esgrimista selecionado. - Agora vamos cuidar dos filtros que não estão selecionados. - Vamos Teoh duplicar este grupo no lugar ao lado do original. O 1º 1 você só quer ter certeza de que é um pixel ciente do 1º 1 para que você possa ver o fundo branco abaixo assim. o fundo branco abaixo assim. - Vamos mudar o Phil dois Grady vertical para que você possa se livrar desta banheira. - Este em um lugar, esta cor pára no topo deste. - No fundo. - Selecione o na parte superior e alterou a cor para um. Um e para um na parte inferior 22 f 34 39 Ok, bom para a foto. Vamos nos livrar da sombra, mas vamos adicionar quadro com duas bordas. - Um do lado de fora, um pixel. - Isso é bom em wides. - 10% em outra fronteira dentro de uma alma picareta. - Isso é bom no preto. - 100%. - Ok, bom. - Não, vamos mudar o texto para, uh, filtro um. - Certifique-se de que o texto ainda está centralizado. - E agora estamos indo. - Teoh, - mudar a cor deste retângulo para cinza, - então teremos um gradiente indo de 5 para 57 para 20. AIDS, dois D 32. - Certo, pegue um monte de esses efeitos. - Bom em. - Queremos adicionar um membro. - Olhe para o retângulo. Então nós adware brilham usando, , na sombra, também. - Então por que a Andi White? - 30% bom. - Vamos dar-lhe um campo de recesso usando uma borda que parece oca. A fronteira da cidade lá fora, um pixel ligado. - Quer usar gradiente? - Você poderia no topo vai ser preto. - Então seis vezes zero na esquina na parte inferior será mais leve. - Um D para querer encher. - Ok, - um, - deixe-me apenas fazer um sinal rápido aqui para o gradiente que usamos antes. Escolhemos uma cor no topo. Era uma luz sobre uma cor mais escura no fundo, por exemplo. - Uh, - assim. - Não, - isso dá a impressão de que a forma é convexa. - Mas se fizermos o contra onde a cor escura no topo. - Fico feliz em colorir no fundo. - Isso dá a impressão de que a forma é côncava em DATs. - O que estamos tentando alcançar com o corpo. - Certo, vamos nos livrar deles para reforçar a impressão que estamos tentando alcançar. Você já deve saber o que fazer, que é adicionar um brilho na parte inferior usando uma sombra. - Por que um zero no branco. - 20%. - Ok, - agora, - copiar colar. - Uh, - esses filtros insuspeitos eu vou mudar duas vezes. - Nome primeiro filtrar um novo selecionado. - Certifique-se de que você tem um espaço preto fora de um pixels entre os dois. - Faça isso de novo. - Ok, vamos nos trocar. - Mas Texter 2 52 no ar de texto para 53. - É só que, - hum, - mudou o nome desses grupos também. - Filtro e selecionado para perder qualquer aqui no Victor e selecionou três Sem Grupo D para on - o retângulo preto sobre ela. - O grupo que somos filtros legais. - Andi usou este tunggal como uma máscara como esta. Agora vamos colocar o grupo mais apto abaixo da lente e o painel esquerdo desta Andi, acho que terminamos com feltro nesta página. - Terminaremos nosso trabalho nesta versão do APP com o último passo no fluxo da câmera. - Então vamos dar uma olhada nos mais bonés para ver o que temos que fazer. - Ok, nós temos, - hum top. - Nós temos que campo de texto, - Na verdade, - um campo de texto em um botão sobre. - Temos os elementos do. - Permite-nos escolher em quais redes queremos compartilhar a imagem. - Ok, então é isso e adicionando uma página do cabelo que você pode chamá-lo de câmera voou. - Três. - Vamos voltar a esta página. Copie a moldura toda a placa de arte em “Prove it”. - Nesta nova página, - você pode se livrar dos filtros. - Além disso, - excluir o é uma forma quadrada dentro da forma da terra pode fazê-lo também o quadro com o pensamento - vírus izando esta lente, - este grande retângulo, - hum, - vamos dar-lhe peles de 52 pixels. - É logo principal mudou o título desta camada para Tobar em vez de lente e mover esses dois botões. Então você tem 11 marchando no topo e também no fundo assim. Ok, vamos mudar para texto Ei, para editar. - Mas primeiro, certifique-se de que a hortelã de ferro está à esquerda. - Então ele verificar o acariciamento atual entre o texto sobre este esporte dos livros à direita -. - Então 32 quando fez para ser 10 pixels. - Então temos que selecionar esses dois pontos vetoriais em movê-los 22 pixels à esquerda. - O que gostar disso. - Agora vamos cuidar deste fardo. - Este será o botão de compartilhar, então temos que mudar o texto para compartilhar. - Certifique-se de que o Mês de Ferro está à esquerda em um like para o outro botão. - Precisamos ter um carinho de 10 pixels à esquerda e à direita. - Isso é três. - Então precisamos que o fundo seja sete picaretas é maior. - Isso é realmente selecionar estas formas com mais sete. - Hum sim, - assim. - Ok, vamos agora cuidar da imagem. Podemos tirar este grupo qualquer coisa para esta semana, Tunggal. Podemos tirar este grupo qualquer coisa para esta semana, - Então, podemos nos livrar da imagem do grupo em você vai se certificar de que você não solicitou os anos - como opção de máscara para esta pasta. Vamos agora redimensionar esta foto. Bem, Bem, tamanho de 72 por 7 para isso é o atordoamento. - Sua versão da imagem Andi usará Desra Tunggal como fundo. Vamos torná-lo um pouco maior para a cor vai usar C nove c b c d. Ok, agora precisamos de uma caixa para a legenda. - Então vamos mover isso um pouco na gaveta Tunggal Eu quero dar com de 306 pixels no - coração de, - hum 90 pixels certifique-se de que está abaixo dos majors. - Não consigo ver a imagem em cima dela. - Assim. - Hum, - dar-lhe um raio de total. - Mude a cor também. Seis vezes E 123456 Ok, eu daria uma borda fora de um pixel. - Você queria estar dentro da cor baseada seis vezes ser mistura. - Está bem centrado. - Andi, - Andi, vamos adicionar uma sombra a esta caixa. - Então o que? - Um borrão para isso é bom. - Mas talvez 30% seja melhor. - E também queremos aplicar o topo. - Então, - como de costume, - em uma sombra de largura para bem, - você sabe, - zero em branco, - 80% em mover a imagem. Então você tem uma margem de nove pixels na parte superior, na parte inferior, à esquerda. - Agora vamos ter uma mensagem que você quer escrever. - Essa legenda mudará a forma como Teoh acende a cor para seis vezes. - Noite. - Hum, - dar-lhe um tamanho de 13. - Estamos usando um tipo fino com a cor clara para indicar que este é um espaço reservado - texto que o usuário pode modificar. - O que? - Vamos ficar sozinhos no topo. - Certifique-se de que você tem uma margem de nove peças entre esses dois elementos. - Agrupe estas camadas. - Então a legenda a imagem nos livros Esfrie esses grupos legenda também podemos chamar isso livros retangulares. - A seguir, vamos duplicar isto. - Os livros vão se livrar. - Idade do tema mudará seu nome Teoh Place em mudar o tamanho da caixa também. - A altura de 44 pixels do mesmo com Now vamos mudar o texto para adicionar um lugar. - Mas porque é o fardo que o Texas listar lugares não é um texto de espaço reservado. - Vamos torná-lo um pouco maior. - Então vamos usar um tamanho de 14 de qualquer tipo de meio. Um tom mais escuro de cinza seis vezes três deve ser suficiente. - Vamos mover o texto. - Precisamos de um ícone de ar. - Nós vamos usar o ícone da placa Mo Capstone para que você possa copiar UNP aced este ícone - do ar. Vamos redimensioná-lo, , com 15 de desconto, eu não gosto do círculo de financiamento deles um pouco grande, então vamos dizer cinco por cinco. - Certifique-se de que está bem centrado. - Selecione estas duas formas. - Está bem, tudo bem. - Agora vamos mudar o despertar radiante de 91 3 vezes. Certifica-te que o iraniano aprende calmamente com uma paragem de cor no topo de uma esquina. - Pise no fundo. - Então a cor no topo será três vezes. E qualquer um na cor na parte inferior será três vezes, César. três vezes, - Mas também use a fronteira lá dentro. - A cor será um assento nove três vezes Não, - n c em 1990. , Andi,como de costume, dar um novo visual usará uma sombra no fundo. - Por que um zero ao redor, - o quê? - 80% em um preto na sombra dela no topo. - Então por que fazer isso é um pouco escuro demais. - 10% deve ser suficiente. - Tudo bem. - Certifique-se de que você tem 13 grandes escolas margem entre a borda destes livros no ícone em - entre o texto no cone. - Assim. - Ok, o que vem a seguir? - O texto de partilha. - Então vamos usar a ferramenta de texto, - mas as maiúsculas antigas vão mudar. - O Wade Teoh puxou. - Ok, tudo bem. - Cor onda também. - Seis vezes cinco. - Também usamos em uma sombra. - Por que um em que 30%. - Hum, - um não-lo à esquerda. - Ok, - não vamos cuidar das redes sociais que podemos selecionar. - Vai duplicar. - Uh, - esses livros. - Isso é fixe. - É social, e funciona. Você não pode se livrar do lugar, mas você quer fazer os insetos três vezes mais altos. - Agora vamos criar um retângulo que será o divisor. - Então você quer um pouco? Você queria ser um pixel muito fino para a altura, Andi. - 304 pixels para o com esposa, - proprietário e quatro no trono. - E seis, - porque a caixa tem uma largura de 100 e seis pixels. - Andam borda inteira de um pixel de cada lado. Uma vez que você tenha feito isso, próxima mostra você centralizá-lo bem, eu vou chamar este novo divisor horizontal forma para colocá-lo corretamente, nós temos Teoh dar uma olhada na posição da caixa. - Então, na esposa sentimos que temos 284. - Vamos copiar isto. - Cole nas coordenadas brancas. - Fora desta forma, - queremos adicionar 43 pixels porque uma linha é 44. - Banqueta Bixel no divisor tem uma altura de um pixel. - Nada de duplicar esta linha. Mas antes de fazermos isso, precisamos dar a cor certa. - Então escolha a cor em usado a mesma cor que a borda. - Agora você pode duplicar. - Certifique-se de colocá-lo apenas um bilow pixel e mudou a cor para um semi transparente - branco. - 80% deve ser suficiente. - Vamos agrupar estes dois. Você pode ligar para o grupo, horas até que o Divisor esteja tudo bem. - Precisamos de outro, então pode ser colado. - Certifique-se de que é exatamente sobre o anterior, para que você possa apenas adicionar 44 pixels de ar. - Ok, - nós poderíamos terminar a mesa adicionando um divisor central. - Então precisamos de outro retângulo com fora de um pixel em uma altura de 132 pixels. - Vamos seguir em frente. - Mudou a cor para a mesma cor que a mistura de borda. - Está bem centrado. - Certo, agora estamos indo. - Teoh, use esse texto. Mas primeiro, vamos mudar a cor também. - Para C 535 nove. - Coloque duas varas pelo Facebook. Andi, vamos precisar do soldado Nikon. - Algo que fizemos com o ícone do lugar vai usar os ícones de mais copos. - Selecione-os de um em copiar colar, em seguida, e você está bem. - Está arrumando um pouco isso. - Coloque-os no lugar mais ou menos. - Hum, - nós estamos indo. - Teoh, use o estilo deste ícone. - Então estilo Coppola em Colado a todos esses ícones. - Não, é só posicionamento. - Está bem. Nós vamos copiar colar,há texto, há texto, mas antes de colocar as carroças sociais dentro das redes de curto prazo, você conhece o texto. - Então, Facebookg, isto é e-mail. - Esta é a Flicka. É como se esta pasta de três caril mudasse também. - Twitter, - Tumbler em foursquare em Finalmente, - vamos tomar do estado ativo deste equilíbrio. - Se as pessoas selecionaram uma dessas redes e é crucial para mostrar-lhes que ela é de fato - selecionada, - já falamos sobre isso. - É o princípio do feedback. - Digamos que o Facebook é selecionado. - Mudaria a cor do texto. Dois duplo zero, 5782 Onda vai mudar a cor do I ir para o gradiente vai de zero duplo para - F nove B para 27 não 60 a. - E nós podemos nos livrar desta fronteira. - Nenhuma das sombras realmente vai usar na sombra de um tipo fora da fronteira. - Então, por que zero fechado? - Zero na propagação. - Um com preto, 6%. - É uma quantia. - Organize algumas coisas. Certo, Certo, acho que terminamos com a versão dele. Lidar com esse tipo de design é um pouco doloroso. - Há muitos guardiões sombras nas sombras. - Mas eu só queria que Teoh recriasse o design da versão 6 de Iowa do Instagram. Acho que esta abordagem não tem eficiência nesta interface. - Poderia, na minha opinião, - parecia muito melhor se fosse mais simples, - como para entender a expiração. - A ordem do pequeno príncipe disse que a perfeição é alcançada não quando não há nada mais - para adicionar. Mas quando não sobrou nada do peso Decca, acho que há espaço para melhorias aqui. - Então volte assim que puder para começarmos a trabalhar em um redesenho. - Isso seria muito legal, - eu acho, - por 24. Como redimensionar a navegação: - Bem-vinda de volta. - Esta lição sobre a próxima vai ser muito excitante. - Então vamos ao trabalho. - O design é atraente. Na maioria das vezes, estas rações serão incrementais. - Estaremos apenas ajustando, - modificando, - adicionando ou removendo coisas ao seu design existente à medida que você aprende mais e mais sobre como você - os usos estão usando seu produto. - Mas você também pode encontrar-se tendo que redesenhar seu aplicativo porque você forneceu, - por exemplo, - on. - Neste caso você tem que começar tudo de novo desde o início porque você está construindo um - produto diferente. - Ou pode ser porque os padrões do meio para o qual estamos projetando estão mudando. Isso é o que está acontecendo com o IOS 7 da Apple, por exemplo. - Então vamos dar o nosso edificante para que ele se encaixe bem no ambiente IRA 7. - A grande notícia com o IRA sete é que há muito menos no mais rápido sobre o uso de efeitos visuais para tornar seus elementos reais. Isso significa que não perderemos tempo achando o radiante perfeito. - Oh, - sombra sobre esse conteúdo vai ocupar lugar mais importante, - como a Apple coloca, - vai se concentrar no conteúdo em liderar o u eu desempenhar um papel de apoio. - Você verá que, além de sombras e bordas, teremos um maior uso da transparência no espaço em branco. - Tudo vai ser mais simples sobre isso é tudo para o melhor. - Eu não acho que eu era sete suportado em dispositivos de exibição não-retina como o iPhone - três ou três GS. - Portanto, desta vez será projetar dois X diretamente. - Isso é legal, porque teremos mais precisão. - Então abra o iPhone cinco modelos de quadro para X. - Na pasta desta lição, - parece que este é o mesmo modelo que o que usamos para a versão 6 Iris, - mas brinquedos maiores Se você olhar para as dimensões de um quadro que temos com 640 em vez de 420. - Há três maneiras de projetar um aplicativo IOS, - maneira padrão onde o aplicativo contém apenas padrão e personalizado seus elementos personalizados onde - o apresenta um completamente personalizado. - Você I que não inclui qualquer você gosta de elementos em Harbert quando o aplicativo contém uma mistura de - padrão em elementos personalizados. - Com a primeira versão fora do nosso design, - tivemos uma abordagem personalizada, - mas acabamos criando um aplicativo híbrido porque fomos criados elementos que eram semelhantes a - destacam-se são vocês s t. - Elementos Y. Desta vez teremos uma abordagem híbrida desde o início. - Vamos começar com elementos de alegria padrão em irá personalizá-los quando precisarmos. O lado bom desta abordagem é que é mais rápido. - Mas também empurra você a se perguntar por que você está gastando tempo com a concepção de elementos padrão . - Porque se você está em uma razão é para torná-los melhores com as minhas grandes chances de você - não fazer isso. - A boa razão para redesenhar seus elementos é facilitar a tarefa que as pessoas querem - executar em melhorada sua experiência. Mas é claro, não estou falando de personalizar elementos padrão, como mudar a cor para torná-los consistentes com sua marca. Isso é obviamente algo que você deveria fazer. - Abra o IOS sete, - seus filhos e o guia de estrelas nesta pasta de lições porque precisamos deles. - O que faria é que eu fui ensinado copiando este Tobar. - Certifique-se de selecionar um pouco a pasta inteira e colá-la lá dentro. - Certifique-se de posicioná-lo corretamente. - Você deve ter zero no X no campo branco. - Faça a mesma coisa com a barra de navegação baseada. - Certifique-se de que está alinhado corretamente. - Deve ter 40 nos Emirados Árabes Unidos preenchido porque a barra de status como uma altura de 40 pixels e - finalmente vai fazer a mesma coisa com a barra de guias de botão. Você pode se livrar de tudo o que está lá, exceto essa garotaderetorno, de e a mesma coisa para a barra de navegação. - Mas pode ficar com o título. - Ok, - desta vez, - eu quero mostrar a vocês um passo não completamente necessário, - mas muito prático se você quiser ter certeza de que sua hierarquia visual está bem - equilibrado em, - se você quiser certeza de que tudo está bem alinhado em seu design. - Então vamos, - hum, - verificar as nossas marcações. - E o que vamos fazer é que foi ensinado juntando formas geométricas para representar os diferentes elementos do nosso design para alinhá-los corretamente. - Vamos fazer isso. Temos um botão de atualização no cabelo. - Então George Square de 50 por 50 indesejado para ser alinhado com isso, - eu poderia, - que está a 13 pixels de distância do barco. Queríamos estar a 13 naves da fronteira até agora. - Quando é que a foto do perfil do usuário está nisto? - O nome que colocamos em Tunggal. - Um, - dá-lo de nenhum dos pixels completos. - Certifique-se de que está logo abaixo da barra de navegação. - Ok, isso é a praça da loja para a foto. - Os 60 lidos por 68. - Mude a cor para algo mais escuro. - 68 porque nos permite ter 13 pixels de margem no topo da parte inferior à esquerda. - Queremos um pouco de Texas. - Bem, o Joe também. - Um retângulo. - O com realmente não importa. Bem, quando foi dada uma altura, , 34 pixels para termos uma margem de 30 pixels. - É lá em cima, no fundo. - Eu colocaria 13 pixels longe da imagem. - Não, - Vamos fazer o nome dele maior. - Não, tudo bem. - A seguir temos a nossa foto. - Isto vai ocupar toda a tela. - Então deve ser 640 por 640. - Mude a cor também. - Algo mais escuro de novo. - Certifique-se de que é. - Bem, estou logo abaixo. - Há tango. O que vem a seguir gosta de comentários, depois botões. O que vem a seguir gosta de comentários, - Então vamos desenhar um tango fastbreak com a altura de 34 pixels. - Assim como o texto aqui colocaria. - 13 vasos de distância da borda da tela em 13 pixels abaixo. - Imagem dentro - Este precisa de um ícone duro que eu possa em algum texto. - Então para o ícone com Joe Square fora 26 por 26 mudar a cor para que você possa sentar. Certifica-te de que está bem alinhado à esquerda com esta forma, é uma linha no centro, para que é uma linha no centro, ainda tenhamos uma margem de 13 pixels de ar no Will. - Preciso de um SMS para isso. - Vamos ocupar todo o espaço. - Então 34 almas grandes com a altura ou esta certificar-se de que está a 13 pixels de distância do que eu poderia - - Ok, vamos fazer a mesma coisa para os comentários. Temos nove peças de oportunidade para mais como este, mas desta vez pode ser algum Multex, por isso vamos torná-los um pouco maiores na recuperação baseada no texto do Harris. Finalmente, precisamos cuidar dos botões. - Então o que? - Parou pelo fundo do botão? - Will Joe Retangle com o coração de 52 pixels. - Alinhe. - Temos 13 naves entre estas duas formas. - Estamos bem? - Hum, - o com realmente não importa por enquanto, porque nós não sabemos o nosso grande os carrapatos seriam - exatamente. - Mas já podemos posicionar Akron de Computar o ícone daqui. - Cole aqui. - Sim. - Certifique-se de que o preenchimento tem 13 pixels na banheira à esquerda e na parte inferior. - Então adicione um texto. , Em duplicado, é melhor para o botão comum. - Torná-lo apenas um maior talvez, - uh, - 10 pixels. - Maior porque esta palavra é mais do que 20 em algo para o texto comum. - Estamos bem? - Não, linha reta. - Precisamos trabalhar é para as abas, - especialmente a guia central. - Então esse é Joe Square. - Isto tem isso com 600 anos quarenta. - Precisamos dividir 640 por cinco. - Porque as cinco vezes sobre como ele é 98 pixels posição lá apenas no meio em vez de - estas duas formas na linha eles sabem que este um nove na parte inferior dois. Isto dá-nos uma boa visão geral da hierarquia visual do nosso design. - Você verá que seria bonito, - Andy, - quando estamos tentando posicionar os diferentes elementos, - vamos agora preencher os espaços em branco em dar vida a este projeto. - Amplie para ver a barra de status na barra superior. - O que faremos é mesclar o fundo da barra de status dos chefes de navegação - para gostar disso no clique em Union. - Não mudou a cor deste elemento. - Usaremos a cor que temos. - Você sabe, - o guia de pneus dele, - este aqui. - Então o que podemos fazer é copiar colar para esses códigos hexadecimais. - Mas nós queremos Teoh uma banheira emprestando propriedade é sobre isso um pouco transparente. - Então o que vamos fazer é duplicar essa forma sobre isso, colocar abaixo, ampliando-os em moeda de 80%. Quando fazemos isso, a cor parece um pouco endro. Ainda ajusta o brilho da saturação e talvez você veja como podemos fazer com que pareça com essa cor, sendo semi transparente. Então, a saturação, talvez um pouco menos nos trouxe. - Vamos ver do Irã completo com o ano realmente parece bem assim. - Ok, daí? - Nós apenas fizemos isso como compensa o fato de que ele se tornou transparência ao brincar com - a saturação no brilho. - Agora o que podemos fazer é copiar este estilo e voltar para um arquivo de esboço para aplicá-lo à nossa barra de topo . - Agora selecione esta forma em, - Aplique o estilo. - Também queremos um borrão. - Mas outro jorro ganhou o fundo, - que é o IOS sete borrão. - 25 pixels sobre o que podemos fazer. - É, se precisarmos desta vez de novo. - Podemos adicionar cabelo para que possa ser reutilizado mais tarde. - Agora vamos mudar tudo o que está dentro da barra de status. - Eu queria ser branco. - Algo para esta forma. - Abra a pasta de sinais em Onley. - Selecione estes quatro níveis porque este não é simples mudar a cor para trabalhar de modo que - este e selecione a cor da borda, - não a cor do campo muda crepúsculo. - Vamos agora em um ícone de atualização. - Podemos encontrá-lo no modelo. - Então, - como o ícone de atualização na cópia do modelo, - volte para o arquivo de captura e cole. Faria com que fosse um pouco maior com 30 no coração de 35. - Certifique-se de que é foi centrado na praça em. - Podemos nos livrar da praça agora. - Não precisamos mais dele. - Eu trocaria para cortar esses dois brancos. - Vamos colocar a forma dentro da barra de navegação. Só mudaria o nome da barra de parada porque isso se chamava barra de status. - Liguei para a barra de status. - Eu chamaria isso de bar este. - Mas isso é mais simples. - Ok, - não vamos cuidar do título. - Queríamos ser brancos. - Estou no guia de estilo. - Verifique o tempo que o rosto é usado, Billabong. - Então vamos voltar ao nosso ficheiro de desenho. - Inalterado. - Estes dois faturáveis também alteraram o texto para exemplo. - Isto é um pouco pequeno, por isso vamos torná-lo um pouco maior. - 72 deve ser suficiente. - Posicioná-lo. - Isso é o tomador da barra de botões agora vai mudar o fundo um pouco com a capacidade desligada de 50%. Rapazes de fundo aqui, 25 pixels usarão o tango distrital como nosso tempo central. Rapazes de fundo aqui, - Certifique-se de que está bem alinhado. - Sim, - em. - Nós podemos apenas reutilizar para estrela que usamos para o topo são isso é muito simples. O que chamamos a essa guia central colocou na barra de queimaduras. Não vamos cuidar dos ícones, mas antes de fazermos isso, vamos em algum espaço. - Então vamos agrupar isto também. - Vou esconder este grupo por enquanto. - Então o que vamos fazer é usar os ícones foram projetados antes em nosso antigo - design em nós vamos dar-lhes um levantamento para que você possa encontrar o design antigo neste curso - pasta no antigo XAngo para navegação guia barra inferior em uma cópia, - o ícone da casa não colá-lo neste design, - não se esqueça de rever seus projetos no dispositivo que você está projetando se estiver usando esboço - espelho, - Eu até sugiro que você mantê-lo conectado o tempo todo. - Ok, então vamos cuidar desse ícone agora se livrar dele não precisa desses efeitos. - Vamos editar a morte. - Dito isso, - toda a casa e Perth achatado para ter certeza de que nada acontece quando recita o - casa. - Dê-lhe o seu com off 50 grandes almas realmente certifica-se de que a sorte é olhado por isso é tamanho - no momento Isso é bom. - Agora vamos nos livrar desse Phil nas fronteiras da UE. - Queremos que as fronteiras sejam um pouco maiores. Talvez dois pixels em Escolher dissidente. Certo, então temos que ajustar a porta lá, fazer com que seja maior. - Vês? - Há Ah, não. - Qualquer operação brilhante selecionada aqui. - Então o que precisamos fazer é extra. Os dois são sobre o sindicato deles, mas um assunto assim. - Certo, vamos fazer a mesma coisa com os outros ícones que você pode selecionar ao longo destes. - Exceto que a câmera causa feito câmera seria um pouco diferente. - Então Cupido é o nome dele aqui. - Certifique-se de se livrar desse efeito. - Isso é um alívio. - Vamos pegar este com um aceno de 52 pixels. Este com o quaseo dobro do tamanho. - Talvez um pouco menos. - Sim. - 52. - Deve ser o suficiente. - Eu não quero que eles sejam tão grandes como havia no projeto anterior em arquivo pobre. - Na verdade, este será duas vezes maior. - Sim, faremos as mesmas coisas que nos livrariam do campo, mas usaremos a fronteira. Duas grandes celas do lado de fora, não do lado de fora. - Desculpe, no centro. - Sim. - Está bem. Agora vamos mudar a cor das fronteiras, sentando-as todas na fronteira. - Ligue para aqui ao verificar a cor que você deve usar neste guia de gravatas. - Vamos usar essa. - Então é Ah, - 737373 Nós copiamos em colado. - Sim. Vamos colocar esses ícones onde eles pertencem. - A fim de fazer isso vai usar a facada para se opor a posição a diferentes ícones. - Mas primeiro precisamos duplicar tão velho fora de drogas que fora da barra inferior. - Então mova-o até tocar a teoria. - Borda da tela à esquerda. - Selecione a casa. - Coloque-o em cima do degrau deles, bem no centro. - Por este movimento, - este banheiras você pode adicionar 128 porque é o com fora da guia. - Por que, - isso pode ter certeza que é apenas ao lado da outra guia. - Estritamente ciclone ligado. - Ponha no centro. Por isto, mexo desta vez outra vez. - É a mesma coisa com a notificação? - Andi, - se você não tem certeza, - se é com uma linha, - em seguida, selecione o toque no ícone. - Clique no meio do alinhamento central. E finalmente faremos isso mais uma vez para o último magnata. - Bom. Não precisamos mais deste, então podemos apagá-lo. - Agora vamos cuidar do último ícone da câmera. - Eu não posso. - Vamos copiar a câmera do design antigo e depois o seu projeto. - Isso será útil como guia. Acho que a melhor maneira de redesenhar este ícone é começar do zero. George Square, 50 por 50 com os rádios. - Quatro para ter ângulos arredondados. - Então vamos precisar de outro retângulo. - Selá-lo. - Mude o encantador de cor com dois. - 44. - Isso nos permitirá ter cama de três pixels em um coração de 25 certificar-se de que você tem a cama de três pixels, mas o fundo aqui. - Então, - através da esquerda civil na direita na parte inferior, - queríamos ter ângulos arredondados na parte inferior, - mas no topo. Então, fazemos exatamente a mesma coisa que fizemos da última vez. - Vai rádios para, em seguida, selecionar estes dois pontos vitoriosos em Escolha o sangue endireitar. - Agora subtraia. - Vamos precisar de um círculo todo o cabelo 20. - Deve ser o suficiente. - Certifique-se de que está bem alinhado no centro. - Unm urgente Quando eles são a forma No, - o círculo 22 por 20 deitado no centro Saiba que isso subtraiu de mas a forma sobre. Finalmente, vamos precisar de outro quadrado pequeno, acho que curva a curva deve ser suficiente, mas vamos dar uma olhada. - Queríamos três escolhas estava apostando. - Bem, - margem neste caso, - libra - mudaria os rádios para um. - Um subtraído. - Está bem. - Posso livrar-me deste. Posicione este no centro da aba central. - Vamos deixar o toque no ícone para se certificar de que eles serão centralizados e mudou a cor deste - ícone. - Dois brancos. - A última coisa que precisamos fazer é mudar a cor deste ícone para indicar que estamos - atualmente nesta página inicial. - Então mudamos a cor da fronteira. - Bom ao estilo dele. - Guia para selecionar a cor. - Selecione este quadrado azul ao copiar seu código X. - Volte para o arquivo de desenho em mudar a cor também. - O que você copiou. - Então prove aqui. - Podemos adicionar a cor aqui para usá-la mais tarde. - Isso é agora, mas há um grupo. - Chamamos isso de cones. - Vou pô-lo na barra de baixo. - Meu isto. - Estamos acabados por agora. - No próximo vídeo vai cuidar do conteúdo deste riacho. - Vejo-te em breve. 25. Como redimensionar o conteúdo de casa: Não vamos ver o que vem a seguir, e eu, o grupo, vamos tratar disto. - Então vamos tirá-los do grupo. - Este, este, este e podemos esconder o resto do grupo. - Ampliar. - Nós podemos realmente usar esse retângulo, - mas nós mudamos a cor Teoh White transparência de 50% Andi um urso de volta sob 25 pixels. Mas agora não seremos muito úteis, então podemos escondê-lo. Vamos chamá-lo de fundo deste ar e escondê-lo por enquanto. - O nosso mostrar-lhe mais tarde como será útil. - Isto deve ser substituído por uma imagem. - Então vá para a pasta de ativos desta pasta de lição ao selecionar a foto do usuário novamente. - É o meu Facebook. Bem-vindo ao habitual, então vamos drogá-lo no trabalho lá dentro. - Torná-lo um pouco menor. Certo, talvez não tão pequeno, em vez de usar um quadrado, usará um círculo como máscara. - Vamos dar um diâmetro de 68 pixels no painel esquerdo. - Certifique-se de que está abaixo da foto. - Agruparia estes dois lá dentro? - Este grupo usará o oval como máscara. - Então clique com o botão direito do mouse un Select USA máscara você pode ajustar a imagem um pouco. - Vou torná-lo um pouco menor. - Alguma coisa. - Agora isto. - Nós nomeamos o grupo. - Aqui está uma foto. - Coloque essa visão de grupo, este quadrado. - Veja como é fácil posicionar você corretamente. Graças à praça, podemos nos livrar deste quadrado. Mas antes de fazermos isso, vamos ter um pouco de têxtil lá. - Então use a ferramenta de texto pressionando T. - Tudo bem, - meu nome. - Você pode usar o seu. - Obviamente isso não estará disponível neste será na outra frente. - O Albury. - Gonorreia. - Andi, faça menor. - 26. - Eu mudaria a cor também. - Em um azul não é. - Pegue, coloque . - E o Tunggal eu sei que podemos nos livrar dessas duas formas geométricas. - Na verdade, o cívico é o certo. - Somos o grupo do usuário de fundo. - A imagem do usuário no nome do usuário em um grupo que irá esfriar. - O que vem a seguir? - O quadro geral. - Isso é tirar do grupo e esconder o resto do grupo. - Você pode ir para a pasta Ativos na foto desta lição para encontrar uma imagem que você pode - usar Então droga e roubá-lo no arquivo de esboço. Vamos precisar torná-lo um pouco menor, na verdade. - Vamos ver, - 640 por temperado e 40. - Esse é o tamanho que vai dar para a nossa foto na posição. - É exatamente onde? - A grama quadrada Waas. - Certifique-se de que estas duas formas estão bem alinhadas na parte inferior ou no lado direito superior ou esquerdo . - Deve ser exatamente a mesma posição. - Agora livre-se dele em nós nomeamos a foto da foto. - Ok, vamos continuar um pouco mais doentio agora. - Então essas três Ondas sempre. - Você pode esconder o grupo agora precisamos de um ícone de coração para os gostos. Vamos reutilizar a Thea como quando usamos no desenho antigo, por isso, copie-o. - Volte para o outro arquivo de desenho em colar aqui. - Aumentar o zoom vai fazer este coração um pouco maior. - Vamos ver duas vezes maior. - Estou no centro da praça, - mas não vamos manter o campo, - usaremos uma borda em vez disso e mudaremos a cor fora da borda para uma das cores - do nosso guia de estilo. - Então não este. Este é o recusado antes, mas este copia o código X em Colá-lo neste esboço. - Cinco. - Assim? - Não, nós podemos. Costumava mandar mensagens recusadas aqui. - Junta este texto no Pace it ali. - No próximo ano, isso será alinhado. Vamos mudar o texto, então escolha um elemento à esquerda. Porque se você não vê o que acontece, não é isso que queremos. - Alinhamento à esquerda. Vamos tirar o nome dos nossos amigos Obama no Look, Scott Walker. Certo, agora podemos nos livrar dessas formas. - Faremos o mesmo pelos comentários. - Pegue o ícone de comentário do design antigo. - Aparecem, - um, - postado no novo design. Nós fornecemos a madeira na mordida da identidade também. - Posicione-o. - Copie desta vez para este ícone. - E venha esse ritmo ali. - Ele só precisa de um nome. - Duplicar este campo de texto, - certifique-se de que ele está tocando pixels longe do 1º 1 e mudar para você. - Comentário? - Mudamos a cor também. Mesma cor que esses ícones na palavra Teoh light. - Não, - vamos nos livrar dessas formas em grupo estes. - Estes são os gostos nos dias que vêm. - Muito menos coisa que precisamos fazer é por engano. - Sim, os botões. - Começaremos com o ícone. - Copie este ícone UNP entrou lá. - Certifique-se de que é foi centrado em Mudou a cor Teoh, - o uso de cores para esses ícones. - Agora vamos adicionar um texto. - Bem, pare com este. - Então copie. - Ovário recheado. - Certifique-se de que está nos comentários. - Algo para isto. - Eu poderia. Não deveria estar dentro dessa coisa. Isso seria como 26 está bom, mas vamos mudar a cor. - A mesma cor deste psicopata. - Livra-te disto nisto. - Eu daria o fundo para o botão, mas tornaria um pouco menor. - Queremos ter que pagar. - Treze deles dariam quatro rádios. - Isso vai mudar a cor também. - Uma das cores do nosso guia de estilo. Desta vez vamos usar esta cor, então copie-a. - Sted não pago dela. Vamos fazer a mesma coisa com este botão. - Precisamos deste código. - Você vai precisar tirar essas formas do centro do grupo que eu acho que em bom. - Copie este texto para os comentários. - Livre-se dessas duas formas. - Este neste. - Não mudamos de cor. - Este Packard. - Vamos fazer isso. Precisamos conhecer o Burnham um pouco maior, Teoh. - Dependendo ou 13 escolhas de letras. - Pode ser o estilo deste fardo. - Colado a este. A menos que seja preciso adicionar um raio de quatro em movimento. - Oh, - isso é agrupar esses botões. Na verdade, acabei de perceber que não há “S ”. Precisamos fazer isso, mas menor. - Não a coisa toda. - Só a camada de fundo. - É um grupo destes. - Vamos dar uma olhada. - Ok, - talvez seria melhor se fosse 7 13 A que pixels de distância? - Algo assim. - Para ter certeza de que isso ficará bom quando os novos usuários rastrearem seu lance. - Vamos duplicar este quadro. - Mova-o ao lado do 1º 1 Vou mover tudo, exceto o usuário. Mas antes de fazermos isso, precisaremos olhar a navegação tão ainda na barra de status, a banheira emprestada no grupo de barras de botões. - Então eu sei que isso pode fazer a mesma coisa neste quadro. - Ok, - então agora e esconder o uso de fundo lá em mover tudo para cima, exceto o usuário. - Agora, - isto. - Agora certifique-se de que o usuário na navegação está por cima de tudo. - Então, esse fundo branco foi útil porque queríamos ver um pouco fora a foto atrás de lá. de Vamos precisardeoutra foto para ver o que parece atrás deste bar. - Tão bom para a pasta Ativos. - Pegue o pé do número dois. - Coloque-o aqui. - Já está no tamanho do crack. - Coloque-o bem. - Certifique-se de que está sob. - A outra foto chamaria para o número. Agrupe essas duas fotos, Andi, crie uma máscara para não ficar assim. - Isto parece um pouco confuso. As máscaras devem ter o tamanho exato da tela, que é de 640 por 11. - 36. - Coloque esta forma dentro do grupo de fotos com o botão direito do mouse e selecione usar como máscara. Além disso, certifique-se de que possamos ver o que há entre esta foto. - Então precisamos arrastar a pasta de fotos na parte inferior. - Livrar-se do campo e, - é claro, - mistura que você verificar como esses projetos se parecem em seu telefone celular. Espero que goste deste novo design. - Estou louco por tentar subir para o seu próprio redesenho. - Podemos começar com o velho designer a partir deste. - Levou coisas. - Só ideias. - Divirta-se. - Estou muito perto para ver o que você pode fazer. - Então não hesite em postar ou me enviar seus projetos. - Vejo você no próximo vídeo. 26. Como redimensionar o fluxo da câmera: - Ei, bem-vindo de volta. - E este vídeo vai redesenhar o fluxo da câmera. - Na verdade, você vai fazer isso em eu vou ver eles relaxarem e assistir você. - Já preparei os novos desenhos. - Depois de concluído, - você pode encontrá-los nesta pasta do curso. - O arquivo é chamado Arquivo de Existência. - Você pode encontrar os desenhos aqui em páginas diferentes. Seu trabalho será Teoh recriar a mesma coisa, mas sem cortar e colar nada do meu projeto. - Este é um passo muito importante. - Você tem que projetar por conta própria para descobrir como resolver novos desafios para dominar a arte e uma ferramenta. - Então tente não olhar dentro das pastas. Mas se você ficar preso em alguma coisa, você pode dar uma olhada rápida para ver como eu fiz isso antes de começar. - Eu só quero mostrar algumas coisas com a ferramenta vetorial que você pode precisar agora ou talvez - mais tarde eu criei e você encontra Ok, então clique no total de ar da vítima, - e clique em qualquer lugar dos candidatos para adicionar seu primeiro ponto. - Clique em algum lugar para adicionar o segundo. - Você verá que uma linha agora conecta ambas as partes. - Vamos duro 1/3 ponto clique em algum lugar em Segure a massa enquanto você droga longe para desenhar uma - curva como esta. - Os dois pequenos pontos ligados ao novo ponto que chamei de pontos de controle de sua posição. Isso lembra a curva exata entre os pontos masculinos, e você pode movê-los para modificar os filhotes com o mouse com e você pode movê-los para modificar os filhotes com o mouse comas setas do teclado quando você não fizer isso, você pode fechar o caminho selecionando as setas do teclado quando você não fizer isso, o primeiro ponto novamente como este. Mas se você não quer Teoh Chris, o banho, você também pode pressionar, entrar ou escapar quando terminar assim. - Certo, vamos nos livrar dessa forma. Joe, Joe, uma nova nave com o vetor tal. - Clique em qualquer lugar para o primeiro ponto em. - Se você segurar downshifts antes de inserir um novo ponto, ele iria alinhá-lo no ângulo de 45 graus. - Se você todos para baixo a tecla at, - o novo segmento fora do caminho será um círculo em. - Você pode colocar seu ponto em qualquer lugar do círculo. - Ok, - agora vamos ver como você pode editar uma forma ou círculo vitorioso porta ao pressionar enter para entrar - a vitória. - Modo de liderança eles são modos de cinco pontos que você pode usar em sua aparência quando você seleciona um dos - os pontos. O 1º 1 é o modo reto , onde você não tem pontos de controle. - Portanto, apenas uma linha reta do cabelo espelhou os pontos de controle se espelham, - então eles estão opostos uns aos outros na mesma distância. - Do ponto principal em diante, - se você movê-los pode ver que o espelho um ao outro. - Este é o modo padrão. - Se não for reto. - Ok, - a seguir é a assimétrica onde a distância entre os pontos de controle no ponto principal é - independente, - mas o fazer espelha-se um ao outro. Quando você os move ao redor, próximo é desconectado onde os pontos de controle são completamente independentes um do outro. - Para que eu possa levar este. Põe o cabelo deles, pega aquele, põe à frente e finalmente tens de correr. - Fez, - hum o ponto é renderizado como ao virar de uma esquina com um raio específico que você pode mudar - aqui . - Ok, vamos ver como podemos usar isso. Digamos que queremos, sei lá, Nikon com a forma de uma gota, começaremos por nos juntar ao círculo. Vamos selecionar os pontos vetoriais do vilarejo no topo. - Mova um pouco para cima. - Talvez 50 pixels de 60 fotos de algo assim na nomeação alterada para desconectá-lo, - selecione um dos pontos de controle em. - Usado a seta para o teclado para mover o ponto de controle para ser mais preciso e contar onde - você faz. Então, Então usei a tecla de seta. - Por quê? - Mantendo o turno em ordem. - Teoh, - mova para baixo os 0.10 pixels por 10 pixels. - Quer dois? - 345 Quer cinco fiéis? - Talvez um pouco mais. - 12 na 123 à direita. - Quero querer três. - Vamos mover este um pouco. - Quer? - Eu quero. - 123 Muito fácil, certo? - Ok. - Mais uma ferramenta que você pode precisar é a sazonal. Se não tiver na tuba, destrua. - Clique na barra de ferramentas. - Selecione personalizar barra de ferramentas ao arrastar As estações em sua barra de ferramentas. - Ok, - se livrar disso vai desenhar outro círculo, - se livrar de você se sentir em adicionar borda. - Ok, - até o modo de vítima e usar o Caesars. - Então vamos dizer que queremos excluir este segmento. - Podemos clicar nele. - Por que a Cidadela é selecionada. - Isto vai cortá-lo. - Isso pode ser muito útil. - Digamos que queremos Teoh. Volte para Lee, mantenha uma parte do segmento. - Não queremos nos livrar de tudo. - O que podemos fazer é colocar outro ponto onde queremos cortar, por exemplo, sobrecarga e depois - usar. Esta é uma ferramenta para se livrar do segmento antes de começar a trabalhar. - Demora dois minutos para tentar esta pequena vitória. - É um jogo em forma. - Esse método de um C. - Isso é um tipo de diversão. - Ele vai te mostrar. - Você pode pousar para usar um Vettel quando você terminar com este jogo. Vá em frente e comece a redesenhar esta câmera flip, divirta-se. 27. Guia de estilo e exportação: - Olá, - e esta lição vai falar sobre como exportar os elementos têm projetado para que ele possa ser - integrado na Europa. - Nós também vemos como você pode tornar você no trabalho de sua equipe mais fácil usando o alvo dele. - O que você precisa entender é que a pessoa estará cortando o aplicativo. - Precisamos que você forneça um conjunto de majors que representam peças individuais em New - I. - Por exemplo, - esses dois botões podem ser exportados como PNG, - para que o desenvolvedor do APP possa usá-los, - o que fica muito fácil. - Tudo o que precisamos fazer é selecionar isso. - Duas camadas vão para o arquivo em fatias de olhos para seleção. - Entramos no modo de exportação que você pode ligar o suficiente clicando aqui. - Andi No modo de exportação, - o painel esquerdo se torna uma lista de fatias, - então esta é a fatia de botão comum na fatia de botão semelhante. - Você pode mover as fatias ao redor assim para redimensioná-las se você precisar. - Você pode até criar um novo viés de fatia apenas clicando e arrastando na tela de desenho. - E se você estiver feliz com suas fatias e quiser exportá-las todas ao mesmo tempo, você pode clicar em Exportar tudo. - Você pode escolher o formato aqui, mas eu aconselho você a ficar com PNG. - Então aqui temos nossas duas fatias que acabamos de exportar na área de trabalho. - Livre-se deles por enquanto. - Você também pode exportar as fatias individualmente selecionando a fatia desejada. - Ah, - no modo de exportação de adiante, - em seguida, clicando em Exportar. - Não que você tenha um prevue menor ou o que você estaria exportando, e você pode até arrastar e soltar essa visualização fora do esboço para exportá-la. - Este pequeno botão de compartilhamento permitirá que você compartilhe diretamente o P e apenas vive por e-mail - mensagens, - trabalho, - Twitter, - Facebook e assim por diante. - Ao exportar elementos como este, você pode não precisar exportar tudo. - Por exemplo, - você pode querer explorar o fundo com o ícone, - mas não o texto. - A fim de fazer isso. - Só precisa fazer é certificar-se de que apenas incluem a seguinte opção está marcada, - não a inclusão ou camadas porque isso irá incluir tudo na fatia. - Então marque esta opção, - desmarque tudo em apenas selecione o que você deseja exportar, - então queremos o retângulo ativado. - Nós queremos que não se eu pudesse, isso é explodir. Agora temos um botão que vem sem o texto. - A guarnição, - opção de pixel transparente deles pode ser muito útil também. Se a minha fatia for maior, por exemplo, assim tão maior que o botão em que a guarnição, o pixel transparente Upton é verificado. - Quando eu exporta-lo, - ele vai remover o no seu especial. - Então vamos tentar. Não temos todo esse espaço em branco no fundo do Lee. - A última opção que você pode usar é Thea. - Exportar também como tamanho duplo ou meio tamanho. Então, se você está projetando um X, você tem que usar o tamanho duplo. Se você está projetando dois X, isso é o que estamos fazendo vai usar o tamanho externo. Então, quando você exportar a fatia, criaremos duas fatias uma retina freira em uma versão retina fora da fatia. - Observe a versão original em dois x no final de seu nome. É uma convenção de nomes que você tem que seguir. - Apenas tenha cuidado com elementos de um pixel como bordas. - Ao exportar tamanho af, - eles não vão ficar bem porque não existe tal coisa como 1/2 pixel. Está bem, livra-te disto também. - Então, antes de fazer isso, - você tem que falar com o desenvolvedor do APP. - Isto é especialmente importante com ativos chamáveis, como fundos em elementos interativos - como encargos. - Por exemplo, - você provavelmente não precisará exportar essas fatias Buttner porque estas moldam este fundo - neste texto pode ser reproduzido com casaco. - Na verdade, - o desenvolvedor provavelmente criaria um objeto com um grande fundo em cantos arredondados - que escala para o lado do texto. - Então o que ele precisa é o ícone, - a cor do fundo fora do botão, - a cor, - os fundos sobre o tamanho do texto nas margens ou separação de preenchimento. Então, quais são os espaços entre esses ... esses elementos? - Então, há duas coisas que precisamos fazer para o desenvolvedor é um longo ícones na exportação - eles no documento nosso design. - Então, o que quero dizer com isso? - Vamos começar com eles. - Exportar os ícones irá duplicar o ícone semelhante no ícone de comentário iria arrastá-los para fora - fora dos botões. - Apenas certifique-se de que eles são realmente eles não estão realmente em botões aqui. - Certo, então esse Messer está bem, daí? - Podemos fazer é selecionar esses dois cones I que fizemos com o saldo ir para arquivo em fatias de arte - para seleção. Mas se fizermos isso, temos duas fatias com tamanhos diferentes. - Olha para isto. - A notificação. - O equilíbrio comum. - O Akron. - Desculpe. - Como com 26 uma altura de 20 Andi, - como Aiken, - é um com Tony doente, - que é o mesmo, mas uma altura de 23 em, - porque seria mais fácil para o desenvolvedor se todos os elementos da mesma categoria são - o mesmo tamanho colocará cada ícone no quadrado fora das mesmas dimensões. - Deixe-me mostrar. - Você vai se livrar dessas duas fatias. - Volta para os nossos ícones. - O que eu vou fazer é criar um quadrado 26 mas 26. - Eu centralizo-o com o ícone no grupo destas duas camadas. - Farei o mesmo pelo comentário. - O Michael. - Vamos nomear este quarto. - Vamos nos certificar de que está bem centrado. - Ok, - agrupá-los bem, - aquele ícone que vem vindo. Se eu selecionar esses dois grupos para adicionar fatias para seleção, tenho duas fatias com as mesmas dimensões. Se eu selecionar esses dois grupos para adicionar fatias para seleção, - 26 por 26 no gêmeo existe por 26. - Então, isso será muito mais fácil para o desenvolvedor para você integrar. - Então a última coisa que precisamos fazer agora é ter certeza de que não estamos exportando o ícone com este - grande fundo. Porque se eu explorar este ícone agora, teremos o fundo, como você pode ver na pequena prévia. - Então, vê isto. - Vou verificar o ícone comum. E se eu exportar, eu deveria ter apenas o i cone com um fundo transparente. - Perfeito. - Vamos agora documentar nosso design para garantir que o desenvolvedor crie exatamente o que nós projetamos . - Podemos nos livrar do botão comum porque as especificações são as mesmas para estes dois - botão. - Tudo bem, - então, - hum, - o texto é e nós vamos do tamanho 26 - Vamos ver as cores. - Vamos copiar Colar este feitiço bom para mais tarde. - Vamos adicionar um texto aqui para as especificações. Escrevemos um texto, que ele ocupe a família. 26 píxeis no X. - Vamos fazer isso um pouco maior. - Ok, - então eu disse para o texto. - Agora vamos fazer o mesmo com o botão. - Então o que importa é a altura. Então, 52 pixels temos ... raio de quatro. - Isso também é importante uma para a outra cor. - Podemos ser aquela queimadura. - Nós dissemos oi. - Difícil 52 pixels. - Rádios cheios na cor. - O Woz. - Sim, - em. - Também precisamos indicar o preenchimento dentro do botão. Então vamos duplicar esse botão como se fosse. - Nós substituímos o ícone pelo 26 por 26 quadrado Descuidado. - Certifique-se de que está centrado. - Acho que estamos bem. - O que mudou a cor para ficarmos melhor. Certo, vamos nos preparar para que o ícone faria a mesma coisa para o texto. Queríamos estar a 13 pixels de distância. Fazemos este tipo de tunggal maior. - Podemos esconder o texto, por enquanto, é bom. - Vamos criar alguns retângulos um e mas com de um pixels em que em Nicholas através - algo que podemos ver Mas melhor, - talvez assim pode duplicar esta primeira ruptura Tunggal colocar outro cabelo aplacado novamente - por favor, apenas Ali mais uma vez. - Queremos indicar o tamanho do carinho, então precisamos fazer isso ou é totalmente também. - Vamos criar em York Tunggal com uma altura de um pixel na mesma cor. - Ok. - Pode ser colar. - Certo, agora temos uma grade. - Podemos, mandei uma mensagem. - Então esta é uma ferramenta de 20 e seis pixels. - A acariciação do ar é de 13 pixels. - Alguma coisa aqui? - 26 pixels aqui. - Isso está aqui. - Isso e outra vez em um último. - Bem aqui. - Não estamos colocando nada aqui porque o tamanho do texto pode muito Ah, nada que bom em. - Nós vamos fazer isso para cada elemento do nosso projeto sobre isso, - partes à esquerda irão para o arquivo de exportação desta parte. - À direita estavam Go, - Teoh este guia de gravata. - Ok, então eu fiz então eu fizisso para você porque ele levaria muito tempo se tivéssemos que fazer isso para todo o projeto. - Mas não hesite em fazê-lo sozinho. - Será um grande tamanho exato para você. - Ok, então deixe-me mostrar meu arquivo de exportação no meu guia de estilo. - Então este é o arquivo de exportação. - O incêndio de exportação tem dois propósitos. - O primeiro é coletar todos os elementos do seu design para que você possa construir rapidamente novas telas, se você precisar. Estas são as partes certas do nosso tabuleiro os tijolos que estes são os átomos, asmoléculas da Europa que você pode usar e reutilizar em suas telas. Estas são as partes certas do nosso tabuleiro os tijolos que estes são os átomos, as - O segundo propósito desses arquivos é, obviamente, preparar as fatias para os elementos a serem exportados. - Então, na parte esquerda, - fora disso, - nosso barco em você pode notar que estes são principalmente ícones, porque tudo o resto pode ser - recriado com código. - Se nossos projetos estão bem documentados sobre este é o propósito fora do guia de estilo. - Então este foi eu fui alvo no início do processo de design sobre isso é a estrela tem - Eu fiz a partir do nosso sinal atual em um estoque fora com documentos tudo, desde cores a - tipografia, - bastões, - margens de conteúdo. - E então um detalhe importante me ampliando ao documentar cargas. - Não se esqueça de Teoh documentar estados ativos também. - Como é o botão? - Quando clicado para o botão curtir, - por exemplo, - o ícone fica azul. - Este arquivo é para o desenvolvedor, mas também para você nos outros designers que trabalham no aplicativo - para garantir que todos estejam na mesma página. - Estes dois incêndios, - nós permitimos que você certifique-se de que seus projetos são consistentes em consistência é um dos - princípios de design mais importantes. - Então você pode encontrar esses dois fogos no falsificador deste curso vá em frente, - passou algum tempo tendo apenas de olhar para eles. - Obviamente lembre-se que o design é uma característica que por isso não hesite em mudar a guarda lateral - o arquivo de exportação como o seu design capaz. - Acho que é dele para esta lição. - Obrigado por assistir. Volte logo. 28. Como criar o ícone do seu aplicativo: - Ei, bem-vindo de volta. - E este vídeo Will está em um ícone para nós. - O ícone representa seu aplicativo na loja de APP e na tela inicial de seus clientes - telefone. - É importante que seja consistente com a identidade da Europa no estilo IOS, - por isso não parece estranho entre todos os outros ícones. - Você quer criar algo que é simples que iria falar claramente para os usuários que - representaria o seu aplicativo. - Andi se destaca na tela inicial. - Vamos dar uma olhada nos ícones IOS. - Eles são bem simples. - O aplicativo de correio Akron é um envelope. - O tocador de música. - Um par de notas. - Encontrar um elemento gráfico simples que representa o seu aplicativo é uma boa maneira de projetar um - legal e eficaz que eu poderia. - A maneira mais fácil de fazer isso é usar nossa guia central. - Eu poderia. - É bom porque representa claramente uma câmera para usuários que não conhecemos. - O aplicativo para usuários não faria o aplicativo não utilizado. - Vai lembrá-los da chamada à ação dentro da cima. - Também é uma forma geométrica simples, mas original. - Assim, há pouco risco de que detalhes parecemos estranhos nosso sangue. - Quando o ícone é reduzido, - abra o olho contempla no arquivo de design APP na pasta desta lição. - Como você pode ver, - há um grande que você pode esconder ou esconder. - Aqui. - A Apple desenvolveu um sistema de grade racial dourado, que pode ser usado para dimensionar elementos em linha em seu ícone corretamente. - Mas sinta-se livre para quebrar as regras. Se Shuriken ficar melhor sem cuidar do sistema nuclear, começaremos duplicando isso. - Estão entediados tão selecionados no painel esquerdo, - mantenha anúncios sobre drogas e solte-o ao lado do 1º 1 Você pode dobrar o 1º 1 abrir o oficial - grande pasta em Selecione o ícone Edge, - duplicado segurando. - Adicione arrastando e soltando-o logo abaixo do plano de fundo como este. - Então clique com o botão direito. - Un select usa máscara vai mudar a cor do fundo para a nossa cor com base habitual para e - cinco para 86 em virá em paz. - O ícone da câmera. - A partir deste arquivo, - quero dizer um pouco em abrir a pasta de navegação. - Barra inferior I cones cópia da câmera na pasta. - Vamos torná-lo maior. - Centralize agora. - Segure e mude ao mesmo tempo enquanto arrasta a alça para torná-la maior. - Até que as bordas do círculo no centro da câmera riqueçam a borda do pequeno círculo da grade. - Selene, vamos verificar o diâmetro. Bem, eu ... isto teria sofrido o dano deste círculo interno. - 100 e 84 em. - Vamos dar uma olhada no nosso I Kern. - Tudo bem, - isso é um pouco grande demais, - Bem, - precisamente, - eu posso um pouco, - talvez com uma fixação a menos para a largura e a altura. - Sim. - Somos jogados ingratos. - Vamos ter certeza que está alinhado corretamente. - Está bem. - Então temos uma Nikon. - Apenas certifique-se de que é o tamanho certo dentro da altura de 686 pixels vai mudar o - raio canto fora deste retângulo para quadrado chili Teoh. - 20 pixels. - Isso parece melhor. - Vamos esconder o grande por enquanto. - Também mudará o raio do canto para este para 10 pixels em que faria a mesma coisa para - essa forma, - uh, - 15 pixels. - Mas, como de costume, - nós não queremos que estes dois cantos sejam arredondados, - então nós vamos selecioná-los ao clicar na carga de ponto reto apenas para lembrá-lo quando você quiser - entrar na lama de edição vetorial, - você tem que clicar duas vezes em a forma. - Não, - isso ou você pode selecioná-lo no painel esquerdo, - em seguida, pressione enter. - Ok, isso parece OK, mas vamos aguentar um pouco para ver como podemos fazer isso melhor. - Então, para aplacar este nosso quadro em era aquele cara mudando de cor do fundo para Grady int - que iria de se 5591 C quatro para cor. - Usamos anteriormente. Sabemos duplicar o primeiro que comprei de novo. - Vamos renomeá-los primeiro. - Posso ir no Camera? - Eu cone radiante. - Quer fazer piquete no 1º 1? - A câmera que eu posso ligar. - Tentaremos uma longa sombra. O dreno de sombras é uma piada, mas ainda pode ficar bem se quiser saber mais sobre isso. O dreno de sombras é uma piada, - Leia este artigo sobre design de sombra longa. - Veja o que parece que o link não é a descrição. Então amplie com o início criando um retângulo, vamos torná-lo preto. Então amplie com o início criando um retângulo, - 50% de capacidade. - Certifique-se de que está abaixo do meu cone como este em iria girá-lo. - Certifique-se de turno antigo quando você girar o Tunggal era tamanho ele. - Talvez algo assim, ok? - Você quer Teoh mais ou menos posição para contestar o retângulo logo abaixo dos dois cantos fora - a câmera. - Agora clique duas vezes no retângulo. - Bem, como Victor aponta aqui, tente. Venha aqui, Onda, mude o apartamento direito. - Está bem, está bem. - Por que não? - Isto é divertido. - Encontrar um elemento gráfico pode não ser sempre tão fácil, - mas evite usar IOS você elementos ou elementos de Iowa ciclos. - Se o fizeres, Aiken provavelmente acabaria por procurar. Não, não muito original, se não tiver ideia gráfica. - Oh, - se o que você veio acima com não é bom a outra coisa a fazer é projetar uma Nikon - seguindo o exemplo do Facebook a primeira letra do nome do seu aplicativo com os telefones certos - com as cores dos seus homens, - o fundo. - Então vamos tentar isto. - Podemos dar um nome a esse? - Eco da câmera. - Longa sombra. - Ok, - então um duplicar o ícone da câmera placa de arte desagradável. - Aqui. Você pode se livrar do ícone da câmera em Presti, certo? - Eu tudo bem. - Isto é muito pequeno. - Foi uma mudança? - Decide algo muito maior. - 100. Queria selecionar a cara correta, que é Billabong. - Agora isso mudou um coletivo. - Bem, - um, - centralizá-lo assim. - Esta é uma alternativa muito fácil, mas eficaz. Se não tem outras ideias, vamos ver como podemos melhorar as coisas. Talvez possamos tentar as mesmas coisas que tentariam com a câmera. Vamos mudar o nome, ok, então duplica este quadro de arte e seleciona o fundo disto. - Eu cone. - Certo. - Clique nele. - Um, - disse um pouco de estilo. - Clique com o botão direito no fundo deste cone na estrela pay. - Ok, então este é o “I radiante”. - Queres duplicar o nosso barco outra vez? - Por favor, aqui. Certo, então isso pode ser um pouco mais complicado. - Vamos tentar o retângulo do Joel. - Mude a cor também. - Uma parte traseira semi transparente. - Ponha abaixo do I no túnel esquerdo. - Isso é girar? Você pode não precisar fazer o turno antigo desta vez, porque isso vai ser um pouco especial, eu acho. - Ok, vamos ver. - Ok - , - Então esse é o primeiro passo irá duplicar este retângulo uma vez que ele está no lugar. - Eu mostro-te mais tarde. - Por quê? - Então, copie. - Cole, arrasta até aqui. - Como é o quadro de arte para que possamos começar a trabalhar naquele duplo clique ou selecionar no painel esquerdo. - Nossa imprensa enter para entrar no modo vitorioso de edição irá adicionar um ponto de vítima aqui. - Mais um aqui. - Sabe, aquele ali? Agora vamos usar esse retângulo redimensionado, ter certeza que é melhor o olho também. - Faça algo assim. - Essa é uma. - E agora o que precisamos fazer é fundir essas duas camadas. - Eu sou um bom, vamos renomeá-lo eu sombra longa. - Ok, você pode enganar isso. - Placas de arte. - Ela se sente inspirada. - Você também pode tentar formas mais complexas. Faremos isso criando uma versão simples do logotipo atual do Instagram. Então, duplique isso... Nosso quadro... o ícone da câmera para aquele? - Uh, - é legal. - Já que o chão se livraria deste ícone. - Não precisamos dele. - Mudaremos a cor de fundo também. - D b C. - Seis um dois. - Outra noite. A grade era que desenhando um círculo, qual seria o tamanho exato de seus círculos? - Então vamos ver, - ele tem uma medida de diâmetro de 544 pixels. - Certo, no centro? - Não, isso. Mudaremos a cor também. - E oito D c c sete Will Joe Outro círculo? de Esquecide pressionar Enter ao entrar no X Good que você escreva de novo rapidamente. - Então estamos unidos no círculo. Está fazendo um pouco maior, algo que é assim. - É 124 pixels vai mudar sua cor também. - Andi, estamos indo. - Teoh, desenhe outro círculo. - Este seria um pequeno. - Algo como 19. - Deve ficar bem. - E mudamos a cor para um tecido transparente semelhante. - Ácido. - O Boyd está a jantar para os 2%. - Agora que é grupo estes. - Esta será a lente. - Coloque-o abaixo da grade para que possamos vê-lo ligado. - Vamos mover este pequeno círculo e ter certeza que é apenas uma linha com o círculo interno . - Notem Agora vamos tentar quadrado o tamanho dos círculos maiores. Então, com uma hora de 544 peitos são deslocamento de espera , em 544 pixels. - Centralize isso. - Mude a cor Teoh larga. - 10% Coloque-o dentro do grupo de câmera do cabelo. - Podemos fazer um “não “até o modo de vítima e nos livrarmos deste ponto para mantermos um triângulo reto em Siddiq. - O maior círculo. - Certo? - Clique nele. - Selecione. - Segure-o. - É como apenas o círculo e usa Met doente. - Agora vamos desenhar outro retângulo com With de Yeah, - 1024 pixels sobre para a altura vai dividir isso por três em. - Vamos adicionar um pixel para ter um número par. - Não, isso vai mudar a cor também. Castanho 93 cinco B três b. Ok, vamos colocá-lo abaixo da lente. - Vamos cuidar das cores agora. Joe, Joe, para retângulos com 60 pixels. - Então você pode brincar um e depois duplicar três vezes. Certifique-se de que o mundo se alinhe um ao lado do outro. - Ok, - pode agrupá-los. - Chame as cores do grupo e esconda a grade. - Certifique-se de que este grupo está contra a linha branca à esquerda. - Você não tem certeza? - Vamos verificar as coordenadas X desta linha. - Esta seria a esquerda. - Veja, este é o do X 64 Então sim, 64 para o grupo. - Isso é bom. - Agora escute as cores. - Eram emaranhados. - Começaremos com a da esquerda. Este seria duplo F duplo zero três C. Este seria duplo F D cinco, duplo zero. Próximo, duplo 081 90 a menos que um por zero. - Ok, aqui vamos nós. Podemos arrastar este grupo para baixo da lente também. - E coloque o retângulo dentro do grupo na parte inferior. - Use-o como máscara. - Ok, vamos cuidar do visor. - Agora brincamos um quadrado fora um. - Bom. - E os pixels. - Vamos nos certificar de que está alinhado rapidamente. - Algo disto. - Veja que raio de 14 pixels muda a cor para este canto. - Ok, - bem, - talvez o que podemos fazer é colocá-lo dentro das cores em vai alinhá-lo com o retângulo marrom. - Então tipo de para, - hum, - clique nesta linha verticalmente. - Agora, vamos nos certificar de que a margem está correta. - Ok, - então nós temos uma margem de 81 pixels no topo em 107 picaretas é margem à direita. - Então precisamos do Teoh. - Mude isso. - Vamos movê-lo. - 26 pixels para, - uh, - o melhor certo para qualquer um. - Então as coordenadas da sua forma devem ser 764 na 321. Agora desenha um diâmetro circular. - Haveria talvez maior do que este 115. - Pode ser bom. - Certifique-se de que está bem centrado dentro da nave. - Para fazer isso, você precisa colocá-lo nas cores. - Hum, - isso mudou o nome deste bom também top no grupo isso para cores de corte. - Você pode ter grupos dentro de grupos. - Isso é muito útil. - Esconderemos a grade. - Está bem. - Bem mudado. - Hum, - campo Teoh grande capacidade de 30%. - Hum, - bem, - círculo suficiente. - Uma pequena desta vez. - Talvez 40 pixels em algo. - Capacidade Boyd. - 30%. A última coisa que podemos fazer neste ícone é adicionar uma sombra à lente. - Então precisamos, - uh, - um retângulo que deve ter com isso é o tamanho do diâmetro deste grande círculo, - que é 544. - Quero dizer, - esconder 500 procurar outro com eu giraria este porão. - Shift mudará para preencher para gradiente. - Mas você não quer ter os pontos desses lados. - Você quer o primeiro ponto deste lado no 2º 1 daquele que você pode ter certeza que está no meio. A primeira cor será preta com o agora cinco de 10% na segunda cor será, digamos honestamente, então a primeira chamada precisa ser preta. preta com o agora cinco de 10% na segunda cor será, preta com o agora cinco de 10% na segunda cor será, digamos honestamente, então a primeira chamada precisa ser preta. digamos honestamente, - 10% em um dos fundos. - É por isso que é a tua percentagem. - Então, lugar. Há sombra, Peter, a lente na mistura. - Está bem posicionado. - Ok, vamos ver como o dedo do pé é agudo para fora de suas coisas. - Ou talvez remover se o seu material deste ícone bem duplicar a placa de arte Instagram em. - Bem, então vamos nos dizer um pouco antes que isso vá para lá. - O grupo Andi também. - Encontre-a. - Este é o Shadow. - Vamos fazer algo rápido lá. Agora é duplicar o icônico no fundo com agrupá-los, escondê-lo e mudar a cor do fundo. Agora é duplicar o icônico no fundo com agrupá-los, Em vez de mudar a cor, adicionarei Phil para fazer uma oferta. - Fale outra cor Grady int. - Queríamos ser negros. - Hum, - 10%. - Não, - isto. - Ah, - agora temos tamanho. - Eu não posso borda para que pareça um pouco ruim. - Então isso vai ser instagram. - Este na banheira, também. Agora duplicar este quadro de arte vai tentar uma coisa a menos. - Tente algo um pouco diferente. Então, Joe, para retângulos com a altura de 70 pixels, você não pode fazer um em duplicado três vezes. - Mude a cor usando a lupa em enjoar as cores destes - retângulos, - agrupou-os cores Corbyn. - Centralizá-lo bem na placa de quintal e colocar o grupo Belova terras e para a pasta superior, - livrar-se de cores e fazer este retângulo um pouco maior. - Ok, isto é uma ideia. - Talvez possamos tornar ainda mais simples por Vamos chamá-lo de “foram projetados”. Talvez possamos tornar ainda mais simples deletando essa coisa marrom. - Cores. - Está em cima. - Não vá, vamos ver se podemos ir ainda mais longe, porque eu amo. - Simplicidade terminará se livrando do visor. Podemos continuar assim por horas, mas em algum momento você tem que parar e decidir. - Mas para o propósito deste curso, - tente trabalhar em uma ou duas idéias próprias. Podem ser pequenos ajustes, como mudar as cores ou os tamanhos de alguns elementos, ou se quiser, estamos desenhando todo o ícone. - Adoraria ver o que inventou. - Mais alguns conselhos. - Evite usar transparência ao projetar novo ícone. Provavelmente acabaria molhado quando acabasse, ícones irritados em diferentes fundos. - Além disso, - deixe-me mostrar-lhe como exportar no ícone de visualização. O que precisa lembrar é que precisa exportar sem máscaras, então abriremos tudo isso. - Andi desmarque a máscara de uso. - Eu mostro-te porquê. - Quando eu estava exibe um ícone APP na tela inicial do dispositivo, - ele aplica automaticamente uma máscara que executa os cantos. - É por isso que a imagem para fornecer Apple Miss Beer Square cantos da marca que temos -. - Você sabe, - um arquivo de esboço é a mão única para mostrar como o ícone ficará como nós nomeamos isso rapidamente. - Então, uma vez que você se livrou das máscaras, - clique no botão de exportação e clique em exportar tudo e eu vou salvá-los na minha área de trabalho. - Salvei-os onde quisermos. Assim que tiver todas as imagens exportadas, pode se livrar dela porque não precisamos dela. - Vá para Nós somos nave-mãe que vêm slash trabalho slash preparação o não sei o aplicativo indo para - a loja de aplicativos Mac. Já o tenho no meu computador, mas precisa instalá-lo. - Uma vez instalado. - Você pode abrir. - Isto vai ser muito fácil. - Selecione todos os seus cursos principais, - drogue-os aqui. - Vamos selecionar só eu tinha sete anos. - Clique no ícone 76 todo o ícone 60. - Desculpe em. - Você deve ser capaz de ver os diferentes ícones em um pé NY. - Você também pode prevalecer ícones em sua vida real. - Mas você tem que atualizar para a versão premium do Preval para terminar este vídeo. - Eu só quero mostrar este site depois dos nossos sete EUA. - Eu sei que o irmão com burro ponto onde você deve ser capaz de encontrar alguma inspiração para você Ike - quer. - Divirta-se desenhando seu cone novamente. - Não hesite em postar ou enviar-me uma temporada de desenhos 29. Como exibir seus desenhos: - Estou feliz em te ver. - Bem-vindo a esta lição. - Se você é designer de Fillon, - você pode ter que mostrar aos seus clientes o seu projetado no contexto se um empreendedor você - pode querer fazer a mesma coisa com seus companheiros de equipe ou os usos que você está tentando obter feedback - de. Neste vídeo, mostrarei que você precisa usar para mostrar dois desenhos. - Na verdade, - duas maneiras sobre isso também pode ser útil para o seu site. - Abra o iPhone 5. - Um prato que está na pasta deste curso. - Selecione o mínimo que eu telefone ali. - Então clique no modelo aqui sobre sexo. - iPhone mínimo. - Copie um dos dois dispositivos. Vou selecionar o preto, criar um novo arquivo de desenho no iPhone pastoso, depois voltar para o arquivo de desenho com o seu design. - Você também pode encontrar este na pasta desta lição sobre selecionar tudo o que está dentro - lá, exceto o olho do quadro Copiar. - Na verdade, - uh, - pegue este na pasta lá dentro. - Agrupe tudo isso em um grupo chamado Conteúdo. - Em seguida, procure a tela dentro da pasta do iPhone. - Mude a cor de preto para branco. - Selecione a tela na pasta sozinho, - na parte inferior, - à direita, - e é isso. - Você tem seu conteúdo dentro de um iPhone. - Ok, - voltar para este arquivo em Selecione o iPhone detalhado. - Bem, a mesma coisa copiará um destes. - Por exemplo, - o branco. - Desta vez, cola-o no mesmo ficheiro que o outro. - Não, esse é o grupo. - Isto também. - Então não misturamos as coisas. - Volte para o seu projeto. - Selecione todo o conteúdo do grupo de copiar colar. - Nesta pasta, procure a tela. - De novo. - Mude a cor da tela também. - O que é, - hum, - manter esta camada selecionada em Selecionar a pasta de conteúdo Lenin inferior e à direita. - Então pegue esses conteúdos em muito logo abaixo da camada de brilho. Então você tem esse belo efeito Sean apenas mão direita, e é isso. - Se você quiser usar isso, - você pode exportá-los clicando em exportar. - Andi, - você pode explorar estes dois, - mas nós também podemos explorá-los um dos re tamanho do tempo. - Este eu estou criando outro não precisa ser muito preciso. - Então, - como o 1º 1 em selecionar guarnição, - pixels transparentes, - arquivo exportado bem ajustado em aparados os pixels transparentes. - Assim como o outro, - os transplantes do próximo ano são submetidos a um clique exportável para onde quer que você - quiser. - Agora, - se eu for para a minha área de trabalho, - Eu tenho uma pré-visualização com um iPhone mínimo em um iPhone com um realista. - Ok, então isso é uma coisa que você pode fazer. Outra coisa que você pode fazer é exportar o conteúdo deste quadro sem o iPhone, então clicamos em exportar. - Isso vai criar fatias realmente para nós. - Certifique-se de que o 1º 1 está selecionado. - Deve ter o tamanho certo 640 por 11 36. Isso é bom em exportado para a área de trabalho, por exemplo. - Vá para colocá-lo que redes ou B L a c e i t dot net em selecionar a nova mistura que ela gosta. Estamos à procura de uma faca em cinco em cinco segundos. Este é um iPhone 4. - Acho que foi em uma noite das cinco. - Agora clique em carregar imagem em selecionar o arquivo que acabamos de exportar. - Espere por ele. - E aqui está. - Você tem seu projeto no contexto. Se quiser Teoh, pode salvar a imagem. - Vou guardá-lo naquela área de trabalho. - Aqui está. - A outra imagem fazer que você pode escolher, - e aqui vamos nós outro exemplo que você pode salvar. - Obrigado por assistir este vídeo. - Agora você pode ir mostrar seus projetos para as pessoas para obter algum feedback, - mas 30. Conclusão: - Pessoal, - Pessoal, esta é a última lição sobre eu realmente quero agradecer-vos por fazerem este curso. - Eu realmente espero que você tenha gostado de um Não hesite em postar para me enviar seus projetos e amor para - ver o que você está construindo. Podes contactar-me facilmente no Twitter da Maxim com, e se tiveres alguma observação sobre o curso, adoraria ouvi-los. - Isto é sempre um trabalho em progresso. - Se você quiser continuar aprendendo, - Eu recomendo que você se inscrever para ter projetado o nosso cão a enviar-lhe um e-mail a cada semana - com a lista de artigos muito interessantes sobre um aspecto específico do processo de design em - é livre. - Você também pode verificar o design e usado pela camada vault. - Como você deve ter adivinhado, - é uma espécie de notícia de hóquei para designers sobre A melhor coisa a fazer é continuar praticando em - uma negociação em seus projetos. - Obrigado mais uma vez. - Eu me diverti muito preparando este curso. - Espero que tenha se divertido.