Desenho de aplicativos para web e móvel: visualize sua ideia com apenas lápis e papel | Evan Kimbrell | Skillshare

Velocidade de reprodução


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

Desenho de aplicativos para web e móvel: visualize sua ideia com apenas lápis e papel

teacher avatar Evan Kimbrell, Director at Sprintkick

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

7 aulas (31 min)
    • 1. Boas-vindas ao curso!

      1:34
    • 2. Introdução ao desenho

      0:57
    • 3. Primeira coisa a fazer

      1:05
    • 4. Materiais para desenhos

      3:40
    • 5. Desenhe sua parte 1

      8:07
    • 6. Desenhe sua parte 2

      14:18
    • 7. Mantenha o aprendizado indo

      1:27
  • --
  • 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.

385

Estudantes

1

Projeto

Sobre este curso

Neste curso, vamos dar o primeiro passo para criar wireframes de baixa fidelidade - com uma caneta (cil) e papel. Eu sei, eu sei, parece muito simples, mas você ficaria surpreso com quantas pessoas ficam presas quando se trata de descobrir como o site ou aplicativo deve ser visual ou para onde o conteúdo deve ir. Eu desenhei centenas de aplicativos para dispositivos móveis e web e este é o primeiro passo no meu método comprovado e verdadeiro.

Vamos passar por meio de uma ideia, conceituando os requisitos e colocá-los em papel. O resultado pode ser duro, vago e feio - mas aqui é assim que gostamos. Depois de ter seu desenho, avançando para criar seu protótipo/maquete será muito fácil.

Agora vou apostar um sólido de US $ 10 que você tenha acesso a uma caneta, lápis e papel (realmente neste dia e idade que sabe, baixando a aposta para US $ 5), então vá pegá-los e vamos continuar.

O que você vai aprender:

  • Compreender os benefícios e utilizar os protótipos corretos
  • Crie desenhos iniciais de aparência profissional do seu produto com apenas uma caneta (cil) e papel
  • Crie um mapa do site para delinear seu produto

O que você vai fazer:

Você vai esboçar sua própria ideia de aplicativo (ou usar uma já existente) no papel. Surpreendido?

Conheça seu professor

Teacher Profile Image

Evan Kimbrell

Director at Sprintkick

Professor

Hi, I'm Evan Kimbrell.

Thanks for checking out my classes.

Currently, I'm the Founder, Director of Sprintkick, a referral-based full service digital agency based out of San Francisco. Over the past 4 years, I've overseen the development and launch of over 100 web and mobile apps. Clients range from 1-2 man startups bootstrapping their initial idea to multibillion dollar Fortune 100's like Wal-Mart, Dick's Sporting Goods, & GNC.

Prior to Sprintkick, I worked as a VC for a firm called Juvo Capital, based out of L.A. I spearheaded the firm's expansion into the Silicon Valley deal flow and into the Consumer Web tech category.

Before working for Juvo, in the long, long ago, I was a co-founder for an educational software startup called ScholarPRO that raised a ton ... 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

1. Boas-vindas ao curso!: Ei, pessoal, eu sou Evan Kimbrell, e eu sou o diretor da Sprint Kick, que é um estúdio de desenvolvimento web e móvel baseado em São Francisco, Califórnia. Agora, nesta aula, vou apresentar-vos a aplicação, a aplicação esboços. Esboçar é uma das formas mais básicas e simples de levar a ideia em sua cabeça para um recurso ou projeto e colocá-la no papel e visualizá-la. Af sketching é muito popular com estúdios de design e desenvolvimento porque é muito fácil . Tudo que você precisa é um lápis e um papel. Então, nesta aula, vou te apresentar a isso. Vou te mostrar como você começaria a fazer isso. E vou concentrar-me muito em ajudar-te a ultrapassar os pensos que muitas pessoas têm quando começam a desenhar. Talvez a idéia para este curso é que qualquer um poderia levá-lo. Se você é empreendedor que tem protótipo antes, mas apenas uma vez que um curso rápido sobre como fazê-lo em um meio diferente, você poderia usar esta classe. Se você é um gerente de produto, gerente de projeto e você quer aprender quais as técnicas mais recentes para fazer você machado e usuário flui. Isto é para você anexado à classe são um monte de recurso é ter anexado modelos que você pode usar para praticamente qualquer tipo de projeto que você está tentando esboçar no final da classe. Temos um projeto onde você pode ir e esboçar seu próprio aplicativo ou você pode usar uma idéia genérica e postar isso e todos podem falar sobre isso. Muito bem, pessoal, espero que estejam entusiasmados. Toe aprenda a introdução ao esboço APP. Estou animado para ensiná-lo. Vejo vocês lá dentro. 2. Introdução ao desenho: Pessoal, Pessoal, bem-vindos de volta ao curso, então nesta palestra, vou mostrar-vos como podem dar o primeiro passo na criação de armações de baixa fidelidade. Agora, eu fui projetado para ser o mais simples possível. Estou mostrando isso com base em uma mesa e papel, e vou te mostrar como eu faria isso. Mas eu faço isso muito simples. Todo mundo tem uma caneta. Toda a gente tem acesso ao papel. E honestamente, isso é realmente tudo o que você precisa para primeiro obter os sucos fluindo e para ser introduzido no processo de enquadramento de fios, onde colocar as coisas em uma página aproximadamente como queremos que ele sinta o que achamos que deve parecer . Comparado com outros sites. Onde o tipo de conteúdo deve ser localizado aproximadamente? Esta é realmente a primeira tentativa de colocar algo no papel. Vai ser cru. Vai ser vago, mas é exatamente o que queremos 3. Primeira coisa a fazer: Ei, pessoal, bem-vindos de volta à aula. Então eu tenho uma tarefa para você muito rapidamente. Eu quero que esta seja a primeira coisa que você dio eso na parte inferior da página de compartilhamento de habilidades. Ele diz discussões, as discussões clipe, e então você pode clicar em nova postagem. Eu quero que você agora vá e faça isso e se apresente. Não precisa me contar muita informação. Você pode apenas dizer seu nome ou seu de. Mas o que eu gostaria de ouvir de você é um. Com o que você está lutando? E para o que você quer sair da aula? Acho que isso é algo que ajudou imensamente com a turma. Eu realmente gosto de fazer minhas aulas o mais envolvente possível. Eu respondo a todos, e quero ter certeza de que, enquanto ensino, estou atingindo seus objetivos e sei exatamente o que estou tentando consertar. Ok, então esta é a primeira coisa. Vá até o final da página. Faça isso agora. Não pule isso. Pode pular se quiser, mas acho que vai perder. Tudo bem. Ver a próxima palestra 4. Materiais para desenhos: Tudo bem. Então, a melhor maneira de iniciar este processo, quando você vai e chegar ao ponto onde você está fazendo estrutura, Isto é depois de terminar escopo. Isto é depois de terminarmos a estratégia. Agora, nós meio que uma idéia áspera do que queremos em nossa aplicação. Só não sabemos como vai parecer. Isto é o que eu gosto de fazer. Honestamente, eu gosto de tirar diferentes pedaços de papel e começar a embaralhar. , Honestamente, quando começares a fazer este processo, não te preocupes com a forma como ele sai. Não se preocupe com quantos erros você comete. Você comete muitos erros, e muitas vezes você quer ser capaz de reconhecer o que é um erro. Mas isso é o que eu gosto de fazer. Eu gosto do Teoh pegar o que eu tenho ao meu redor. Você pode fazê-lo em um guardanapo que você poderia fazê-lo em um bloco legal. Mas minha preferência pessoalmente é usar esse tipo básico de linhas de grade de laboratório. E vocês podem ver que isso é como um caderno de laboratório. Ele tem grades automáticas nele, e a razão pela qual eu gosto disso é porque eu pessoalmente não posso desenhar para salvar minha vida em Guy não pode realmente ficar nas linhas. E isso realmente me ajuda a ser capaz de Quando eu leio desenhar retângulo ou uma caixa ou eu estou desenhando um navegador realmente me ajuda a ficar nas linhas. Ele também me ajuda estava dimensionando. Muitas vezes vai fazer um botão, e eu posso apenas dizer Ok, bem, bem, o recriar este botão ele precisa ser para comprar três em, e então eu posso criar botões que parecem mais ou menos o mesmo. O tamanho realmente não importa. Eu só acho que ajuda em geral, fazer algo que eu ouço um pouco mais orgulhoso. Isso ajuda que você pode visualizar tipo de aproximadamente como o espaço se parece com Now. Se você não tem acesso a isso, o requisito mínimo absoluto para esboços, realmente qualquer coisa. Quero dizer, como eu disse, você poderia usar um guardanapo. Aqui está outra opção muito fácil. Apenas papéis de computador de papel. Ótimo também. É grande. Está bem aberto. Tente o que eu faço se eu usar papel de computador é, Eu vou levar para colocá-los lado a lado em um. Vou virar um esboço mais ou menos. Meus pensamentos espero notas como eu ir junto e, em seguida, aqui é onde eu tento fazer a versão final a versão onde eu realmente vou criar algo que parece um pouco correto. Agora, se você olhar para a seção de recursos neste curso, eu realmente incluí alguns modelos que você pode usar. E aqui, o que ele faz é isso é especialmente útil para o uso de aplicativos móveis. Porque se você está dizendo esboçar aqui e eu quero fazer isso para um iPhone seis ou um Samsung Galaxy três anos qualquer que Rs três, eu não tenho certeza de quão grande isso deve ser. E talvez eu acabe fazendo isso por todo o lado. Isto pode ajudar-te. então Eentãose você for lá e baixá-lo, você pode ver que há várias versões como aqui é um iPhone 6 no DSO. Já tem todos os tamanhos para você. Aqui está um seis mais, um, e aqui está o iPad. Aqui está um seis mais, um, E lembre-se, você pode projetar este design sábio como este. Projete assim. Ok, então, um, apenas como a configuração que eu gosto de fazer pessoalmente você não vai ter isso assim porque você não faz isso profissionalmente todos os dias. Mas eu gosto de fazer é apenas ter vários tipos de papel fora. E eu gosto do meu computador aqui, também, porque constantemente precisarei de inspiração para formatar meus sites. Ou, sabe, às vezes é bom fazer uma pequena pausa no espaço, mas é muito bom ser capaz de puxar alguma coisa ali e depois olhar e depois tentar dedo do pé, emular aqui em baixo. 5. Desenhe sua parte 1: Tudo bem. Bem-vindo de volta ao curso, então eu sei. Tirar o caderno do laboratório, e eu quero meio que andar por aqui mesmo? O que? Os primeiros passos são colocar em sua idéia em seu papel. Agora, idealmente, o que você deve ter é que você deve ter seu documento de escopo aberto, Andi ao seu lado. E eu normalmente puxava isso para cima no computador para que eu pudesse olhar para cima e ver se eu estava perdendo alguma coisa. Bem, tenha em mente que é um documento de alcance. Então você não vai colocar em todos os recursos porque estamos fazendo a estrutura. A estrutura é mawr, exatamente como onde o texto da página de destino deve ir. Onde está a manchete de boas-vindas? Aproximadamente onde o contato conosco. Que colunas devemos usar coisas assim? Esta é realmente a versão menos sofisticada possível. Agora estou usando uma caneta. Isso é porque eu, você sabe, gosto de viver no limite, e eu gosto de usar coisas que são permanentes. Mas também significa que não estou jogando papel fora o tempo todo. Sugiro usar um lápis pessoalmente e depois passar por cima dele com a caneta por causa do lápis. Se você fizer uma borda funky, você pode apenas passar por cima dela. Mas, novamente, pessoal, isso realmente não importa, desde que você possa entender e ele gosta de mostrar para alguém, eles podem entender. Então, digamos que estamos fazendo um projeto da Web e eu normalmente gostaria do rótulo Teoh fora do topo, o que quer que seja e, em seguida, dizer algo como, qualquer página que seja, então podemos apenas dizer Mas saltos número um só vai dizer página inicial. Ok? E isso é apenas para me lembrar do que é que eu estou rabiscando novamente. Normalmente, o que faço é colocar uma cópia aqui, e desenhar aqui. Teoh marcar meus pensamentos Agora A coisa mais fácil para começar de longe é você vai novamente esta página, e você é como, eu não sei o que fazer ou nem sequer começar. A primeira coisa a fazer seria decidir o que você está fazendo. Weber Mobile de sua Web ou móvel desenhar as caixas delimitadoras. Se você estiver fazendo móvel, sugiro usar os modelos. Mas se você está desenhando Web, basta desenhar um navegador ao redor e tentar fazer com que pareça mais ou menos o que você lembra sobre ela olhar que vai ajudar. Você meio que entra no clima para entender, certo? Isto é o que vai parecer dentro de um navegador. Então eu desenhava um retângulo. a Dêasi mesmo um pouco mais de espaço. Não se preocupe com a parte alidade da resolução. Você vai lidar com isso mais tarde. Ok? Como você diz, os limites não me ajudam muito. Mas você só pode imaginar o quão ruim isso seria se eu estivesse fazendo isso na página sem fundamento em. Então vou fingir que é como um navegador. Vamos fingir que isto é cromado. Sou alguém que tem toneladas de abas abertas o tempo todo. Vou procurá-lo aqui. Até agora, eles têm ícones. Eles não costumam ter um fundo mais? Então lá vamos nós. Agora temos uma imagem muito, muito básica um de umnavegador da Web. Agora é útil porque agora sei que o que estou desenhando está ocorrendo neste espaço. Uma coisa que poderia ajudá-lo um pouco é se você desenhar isso fora da borda como seu navegador ou seu telefone aplicativo móvel. Se você desenhá-lo com uma cor diferente apenas para que você possa se concentrar nessas camadas. Não enlouqueça com isso. Caso contrário, parece um picolé, e é difícil focar seus olhos. Mas essa é uma técnica. Se você usar algo que é um pouco diferente deste, digamos, como azul, azul e preto ou geralmente fácil de olhar, não sugeriria usar roxo, vermelho e verde. Mantenha-o. Mantenha-se de uma forma que as pessoas possam realmente olhar para ele e não enlouquecer. Ok, então, uh, esta é a maneira que eu sempre começo outra. Coloque um navegador para cima, e você verá isso mais tarde. Quando criamos nossas primeiras armações, começo sempre com a mesma coisa. Então a primeira coisa que sempre faço é colocar meu logotipo no topo. À esquerda. Eu desenhei uma barra de navegação? Agora, nem todos os sites fazem isso da mesma maneira. Há muitas das nossas maneiras de ver as barras de navegação e, mais tarde, veremos algumas barras de navegação e o que elas parecem de maneiras completamente diferentes de fazer isso aqui. Realmente não importa. Quero dizer novamente, estamos apenas olhando para a estrutura, então eu primeiro você decide dentro. Eu não vou ter um site tradicional onde eu tenho o logotipo aqui e, em seguida, cada sub-página única aqui e, em seguida, rodapé. As chances são que você sempre vai ter um rodapé, e é sempre uma boa idéia ter um pé ou não apenas para fins de CEO. Mas para fins de navegação em você X, você nem sempre precisa ter barra de navegação na parte superior. Muitas pessoas têm, tipo, tipo, páginas longas agora, e elas apenas tipo, rolam todo o caminho para baixo. E novamente, se você está construindo uma página de inscrição, então você não teria esse direito? Você constrói o aplicativo, por exemplo, eu colocaria na barra esquerda um monte de botões ou eu posso me mover. Hum, você sabe, ou talvez eu coloquei. Várias barras de navegação têm uma aqui em cima, uma aqui e outra aqui em baixo. Mas se você está fazendo um site normal, o que eu sempre novamente é assim que eu sempre gosto de começar. Coloquei uma caixa aqui e chamei de garotinha, certo? E, em seguida, barra de navegação iria aqui até você se você quiser, mas eu gosto de usá-lo. Não seja redundante. Não colocar casa é uma barra de navegação. Lembre-se, você sempre clica no logotipo, então eu diria, Oh, como os preços sobre nós agora lembrar, não importa. Só estamos tentando fazer o formato. O resto é só lixo. Então eu diria isso. E então, bem, então eu tomaria uma decisão. Tipo que tipo de estilo que eu quero aqui. A próxima coisa que eu faço muito rapidamente, eu fui abandonado rodapé. Então eu vou colocar um muito fino aqui quando o pé está sempre apenas, tipo, tipo, entrar em contato conosco, e então talvez o logotipo aqui animado centro de recreação, e então você poderia literalmente apenas colocar ela Lembre-se, Rios olhando para ele. Hum, então, você sabe, é apenas um tipo de dedo do pé do jeito que você quer fazer isso. Então, digamos que neste, eu só vou fazer, uh, um tipo básico de design de capa. digamos que neste, eu só vou fazer, uh, uh, Muita gente faz isso agora. Então o que você faria é dizer que você tem uma caixa como esta, ok? E então cabe a você se você quiser, especialmente a imagem nesta caixa, mas o que eu posso dizer é que eu poderia fazê-lo assim. Posso dizer imagem. Também posso colocar imagem, imagem, imagem, imagem aqui. Também posso colocar imagem, imagem, imagem , Normalmente, o que você faz é colocar algum tipo de imagem e, em seguida, ter um chamar o botão de ação. Se você não quer isso, e você só quer um informativo, você pode sair do Mas agora talvez você esteja criando uma página para promover seu aplicativo de software ou algo assim. Então o que você faria é você sabe, você provavelmente tem, tipo, capturas de tela, então eu só faria uma estimativa muito, muito áspera de como isso vai parecer. Certo, isso é como um navegador na parte de trás. E então móvel, um, aqui e depois um fã Mobile? Sim. Hum, e então talvez colocar um pouco de borda em torno dele. , Agora, novo, estamos na estrutura. Então, Então, o que vai colocar aqui? É se você estivesse na seção de esqueleto, eu sugiro que você coloque o direito de autor real e o slogan real ou slogan aqui. Simplesmente não importa. Então o que vou colocar é esta é a minha manchete. E então bem aqui, eu vou colocá-lo, você sabe, legenda 6. Desenhe sua parte 2: E assim é mais ou menos assim que você faz. Lembrem-se, isto é apenas GAC. Espero que você tenha uma mão melhor correndo do que ideo, para que as pessoas possam ler mais tarde. Uma coisa que eu gosto de fazer é rotular o quê? Tantas coisas não são realmente desenhar, então eu apenas digo, como seus ouvidos, navegadores, células. Tudo bem, então, depois deste ponto, é literalmente com você. Você sabe, se eu estivesse apenas fazendo uma página de destino, então talvez o que eu faria é provavelmente eu iria olhar para algumas outras páginas de destino, ver o que eu gosto sobre elas, ver mais ou menos o formato que eu quero lembrar. Você só está procurando um layout de conteúdo. Então talvez o que eu coloquei aqui é outra linha que os caras não se preocupam com a proporcionalidade . Realmente não importa. É só um esboço que eu coloquei algo como, você sabe, depoimentos. E então, , mais uma vez, estou tentando pensar na formatação aqui. Então talvez seja como um rosto em uma bolha. Nós temos uma cara de caixa de chamada, arco chamado fora, e então talvez nós vamos engarrafar diz que Seymour não expande. Então eu coloco o rosto de uma pessoa ou aqui nós sempre rotulamos essas coisas e então, você sabe , rabiscar , rabiscar . Ok, agora, lembre-se se você fizer uma página de destino longa, rolando. Obviamente, não desenhe este formato exato insano. Você vai precisar de outro antes. Você não estende isso todo o caminho para baixo, mas isso é realmente o básico disso. Qualquer coisa que quiser, coloque na página. Não se preocupe com o que segue alguma convenção de design. Se você não consegue descobrir como, deve olhar como ele deve estabelecer com a ordem, mesmo apenas olhando no site. Então, se eu quisesse usar isso, eu honestamente poderia. Assim como qualquer empresa de software antigo, eu poderia até olhar para o modelo de florestas temáticas e ver como eles fazem isso desde este longo páginas de destino tão popular agora. Ok, então agora faça outro exemplo para um segundo exemplo Eu vou mostrar que você pode ser o que, como uma página de aplicativo Web seria semelhante. Isto é obviamente diferente porque não é. Nem todos os clientes vêm para a página e eles não estão olhando para comprar este ponto, então nós podemos querer torná-lo um pouco diferente, então vamos iniciar o navegador novamente Eu rotulá-lo no topo? Hum, quando metade, um. Vou chamar-nos uma página interior. Então podemos apenas fazer o navegador. Não é perfeito, mas de novo, não é suposto ser um outro irmão. Então, com páginas de aplicativos Web físicos páginas de aplicativos da Web como, Digamos, você está dentro do Google Analytics dizer que você está no lado do seu ECM rock stress CEO Mo do Whatever. Estamos apenas recebendo exibição de um monte de informações ricas, um monte de fatos, dados, etc. Você vai se concentrar mais na navegação e deixar que alguns sejam bonitos. Então, é realmente até você a maneira que você vê sua página sendo definida agora, normalmente gostaria de fazer neste tipo de casos, eu tive que puxar para cima no meu documento de escopo, listar todas as funções e, em seguida, tipo de tomar um gás. Permita-me páginas. Acho que há. Lembrem-se, esta é uma cara de desenho. Não importa o quão perto você está. O que eu coloquei é, você sabe, eu diria assim. Nós temos uma página principal, e eu acho que temos uma página para maconha, você sabe, analítica analítica, configurar preferências de pagamento da conta. Onda. Depende do que a tua coisa faz, lembras-te? Então você inventa o que precisa nesse cenário, e eu gosto de checá-los enquanto vou, porque preciso ter certeza de que tenho alho-poró em cada página que estou antecipando. Então aqui, o que eu faria é, você sabe, talvez, realmente não comece com o logotipo aqui em cima. Nunca beba muito conhaque, imediatamente. Ter, hum, como, a barra de navegação superior seria essas quatro coisas para que pudéssemos dizer, tipo, análise. Sem x um gato. É mesmo assim que lhe chamam. esses links e diga que você tem alterações secundárias. Então, talvez uma análise. Digamos que estamos fazendo análises. Eso temos página de análise. Talvez quando esta caixa aqui você está olhando para análise e tipicamente não gráficos e o que não? Você realmente não precisa mesmo rotular o que os gráficos são neste momento. Só você conhece aquele vidro? Eles vão estar aqui quando chegares ao esqueleto. Agora, você vai pegar isso e saber Ok, este é aproximadamente os gráficos de página de análise nesta área de outras maneiras diferentes e modificando aqui em, então. Então você toma uma decisão sobre quais são os detalhes reais, mas eu coloquei e aqui está um gráfico de barras, o gráfico de barras, Harry. E então, você sabe, eu poderia colocar algumas caixas aqui. Isso é um triângulo, se ele não notou. Desculpe, não é só um filtro. Isso realmente não importa. É apenas manter em sua cabeça o que você acha que está realmente exibindo e aqui, talvez eles queiram mudá-lo com base em informações diferentes. Aqui, talvez você tenha uma caixa. Chama-se Box. Talvez como este instantâneo. O instantâneo que lhes dá, sabe, dá-lhes um monte de números e baseado no que estão fazendo aqui, porque talvez isso seja útil. Talvez haja alguma modificação que lhes dê mais informações? E talvez aqui tenhamos filtros Mawr. Então talvez em botões de rádio e uma caixa de combinação, e, você sabe, talvez nós tenhamos algumas caixas de seleção e qualquer coisa. Ok, hum, realmente não importa. Você só mais uma vez estamos lidando com uma saída. É só uma decisão. Então você tem que fazer se você acha ou não que isso é 2/4. Quão grande é a informação que você está tentando mostrar, você sabe, isso é algo que é útil para você? Quais são as coisas legais que você acha que poderia colocar aqui? Isso seria útil. Se você está olhando para a tela e explicando suas informações, como você gostaria de olhar para ela aqui? É sempre bom colocar filtros, especialmente quando você está criando uma página da Web. Eu faço isso se você olhar, como o eBay, por exemplo, eles vão dizer a página, e então você terá listagens individuais de itens aqui. Você tem uma caixa de filtro, e ela vai até o fim. Toneladas de coisas que você pode filtrar. É perfeitamente normal vê-lo assim. Então, no lado esquerdo, eles têm mais filtros, então eu realmente não me preocupo com isso. Se conseguires pensar nisso, mete-o. E se não parecer certo, livre-se dele, riscá-lo, fazer uma nova página, sabe, sabe, e então talvez nós vamos adiar como alguns gráficos de pizza e, em seguida, texto aqui. Certo, etcetera, etcetera, etc. Então, lá vai você. Foi assim que fizemos essa cara de desenho. É assim que eu iria desenhar aplicação Web novamente. A coisa é que você pode estar pensando como, oh, oh, eu sei que você sabe o que eu estou fazendo. A questão é colocar algo na página. Uma vez que você tem algo na página, então é muito mais fácil descobrir o que fez. É um então é muito mais fácil entender o que não parece certo. O que parece certo. E então você pode começar a movê-lo. Veja, eu só juntei isso. Agora, primeiro construindo uma aplicação web que eu diria que talvez eu não queira isso. Talvez. Você quer que esta decisão significa Digger faz aqui muito mais fácil de mover peças ao redor uma vez que eles já estão em um pedaço de papel versus usar uma tela em branco para criar o que você quiser. Certo, então eu vou mostrar a vocês muito rapidamente como eu desenharia o ato de happy hour do aplicativo móvel que estamos falando. E eu vou usar a música real, modelos reais que temos apenas para mostrar como estes são úteis. Então vamos usá-lo assim. Vou enfiá-lo em cima daqui. Certo, então vamos usar o modelo. Certo? Então vamos usar os modelos que estão disponíveis. Eu só vou pegar isso, movê-lo, e eles vão começar a trabalhar com ele. Ok, então eu acho que o iPhone seis mais lembrar, esta é uma solução de aplicativo móvel. Normalmente não gosto de sugerir começar com o iPhone seis porque é tão anormalmente grande, especialmente quando estamos falando de mais, mas neste caso, eu acho que é perfeitamente bom o que eu faria. Você sabe, mais ou menos, eu puxei um escopo de documentos, ver o que nós temos. Mas na maior parte de construir essa idéia na minha cabeça nos últimos 20 minutos, então eu sei o que eu acho. Deve parecer a primeira tela que eu queria ser uma página de destino com a manchete no logotipo, e eu quero que eles escolham entre hoje ou amanhã. Então isso é realmente muito fácil. Já fiz esta coisa toda para Maio. Então agora é apenas uma pergunta, como um texto de boas-vindas. Então eu só diria, texto de boas-vindas, então talvez texto de legendas bem aqui. Ir fazer o que é chamado de ação fria Bem, na verdade só significa clicar neste botão, fazer alguma coisa. Faz com que o usuário faça alguma coisa. Diga algo hoje à noite em seguida, bem, por dois botões. Então hoje vocês ouviram que ele é a gramática do Ben. Ajuda aqui misturado com logotipo, mas um círculo Chamá-lo logotipo. Nunca tente esboçar o logotipo aqui. Não vale a pena o seu tempo de novo. Lembrem-se, pessoal, estamos apenas colocando coisas difíceis. Esta estrutura. Se você ler isso, você não tem idéia do que é. Mas para mim, faz sentido, e é um bom ponto de partida para passar para a próxima seção. Defina Mawr. Estou ficando mais preciso com ele. Então vamos apenas dizer que eu espero traçado linha daqui disse isso. Conecte-se. Eles clicam hoje em Digamos que ele leva você a uma página que mostra que você sabe sua localização. Faça-o uma grade. Agora rotule bem estas ruas, três. Teoh, etc, etc, etc sugeriu. Eles sabem mais ou menos o que isso parece. Nem tente fazer isso parecer e ele está pensando, reconhece? Eu apenas jogá-lo fora de uma caneta em algum lugar então, como este pode ser o local, e então eu diria que sua localização e então talvez os mais velhos coloquem locais happy hour estavam aqui, aqui e aqui. Então, coloque um O. R. para o O. R. 3 Difícil de ler, escrever letra sexual nas costas. Espero que você faça isso. Você gasta um pouco mais de tempo com sua caligrafia, mas você sempre passa por isso. E então o próximo sonho vamos dizer que vamos nos aproximar daqui e você quer fazer isso é muito assim, como no clique. Então você sabe para si mesmo Ei, então eu estava assim aqui na página de negócios legais. Então você vai ter aquela foto de capa que eu acabei de colocar imagem ou nome. Você é horas preços e, em seguida, você pode simplesmente chamar essas imagens. Eu sou G para curto xx xxx texto cifrão. Uh, agora esta é uma cara de esboço. Então eu sei que, por exemplo, esquecemos de colocar as informações de contato. Eu sei que esquecemos de colocar se as horas de hoje ou amanhã você vai ou não. Eu só tenho isso dentro Eu gostaria de olhar para eles por um tempo e pensar sobre cabeça e ver se eu poderia lembrar se eu fiz algo errado. Onside colocar hoje apenas como um lembrete. Mas o resto não importa. Então isso é mais ou menos o que são iPhone happy hour que se parece com Lembre-se do rótulo? Espero que consigam ler isso. Se não fizerem perguntas, pessoal, pessoal, se precisarem de esclarecimentos com isto, ponham na discussão em grupo ou me enviem uma mensagem privada, revisem isto novamente. Eu rabisquei isso muito rapidamente usado para mostrar que não deve levar uma tonelada de tempo. Isto é apenas para obter os sucos fluindo é para levá-lo a um ponto onde você se sente confortável colocando as coisas no papel. Eventualmente, transfira isso para o seu computador e comece a construir algo que seja um pouco mais substancial. Se você pular este passo, Eu descobri que ele fica consideravelmente mais difícil, porque então você está começando do zero ou a ferramenta que é mais complicado especialmente. Você não tem experiência em colocar layouts. Agora, novamente, se você chegar a um ponto em que você está confuso, não saiba como puxar o telefone para dentro. Se você estiver criando um aplicativo móvel e apenas começar a navegar no APS, tente encontrar aqueles que eles são semelhantes. Não se encontra lá em algum lugar. Procure em qualquer coisa. Ele vai lhe dar idéias eventualmente sobre como você pode querer colocar isso para fora, como você pode querer fazer este olhar como ícone pode ser algo parecido com isso. É fácil encontrar inspiração se você apenas olhar para outros APS. Normalmente, eu gosto de olhar para mapas que são populares porque aqueles geralmente têm um design melhor. Então tente manter a dizer, se você tem a loja Apple iPhone, procure o top bilheting ou o top seller olhar para a maneira que eles realmente fazem isso e seguir sua liderança. Fora isso, seu site fazendo uma versão da Web ir para o seu laptop, apenas começou a trazer uma página e ver como eles fazem isso. 7. Mantenha o aprendizado indo: Pessoal, Pessoal, só queria agradecer-vos por fazerem esta aula, e espero que tenham aprendido alguma coisa. Espero que o que eu disse tenha feito sentido e eu fui claro, se você tiver alguma dúvida, qualquer preocupação, apenas postar a discussão em grupo, todos responderão a você. Pode até me mandar uma mensagem direta se quiser. Quero dar-lhe uma palavra rápida de como você pode levar as habilidades que aprendemos nesta aula e como trazê-lo para o próximo nível. Aprenda algumas outras habilidades relacionadas. Então essa aula que abordamos como fazer esboços básicos de aplicativos, Sério? Nós apenas cobrimos como pular direito em como ignorar os tipos de blocos mentais que você obtém com fabricação de arames e como estruturar o processo pelo qual você os desenha. Agora, se você quiser manter este aprendizado em andamento de muitas das aulas sobre enquadramento e prototipagem de fios , você deve verificar gentilmente quando eu sugiro que check-out é prototipagem rápida com balsâmico . Nessa aula, vamos fazer balsâmico, que é uma ferramenta muito popular de arame. Quero mostrar-lhe como você pode fazer armações de arame rápidas e fáceis que parecem realmente boas. Outro vale a pena verificar é arame com Paedo Co. Essa é outra ferramenta que engloba um monte do conjunto de recursos de balsâmico, mas vai muito mais longe em Patoka enfraquecer. Pegue armações de arame e coloque-os em nossos comprimidos. Coloque-os em nossos telefones. Também podemos colocá-los online e adicionar colaboradores e revisores. Ok, se você quer ir mais longe com suas habilidades, confira essas. Caso contrário, novamente, Obrigado por fazer o curso.