Prototipagem rápida com Balsamiq: wireframes de baixa fidelidade em um flash | Evan Kimbrell | Skillshare

Velocidade de reprodução


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

Prototipagem rápida com Balsamiq: wireframes de baixa fidelidade em um flash

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

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

      1:48
    • 2. Introdução ao Balsamiq

      13:47
    • 3. Primeira coisa a fazer

      1:05
    • 4. Como criar seu Youtube com Balsamiq

      9:21
    • 5. Um projeto de exemplo criado no Balsamiq

      3:14
    • 6. Mantenha o aprendizado indo

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

532

Estudantes

1

Projeto

Sobre este curso

Você já teve uma ideia de aplicativo (venha, eu sei que você tem), tentou explicar a alguém, mas não conseguiu entender seu ponto? Sim. Todos nós sabemos esse olhar em branco. Encorajador.

Este curso vai ensinar a você a usar uma das minhas ferramentas de UX favoritas, Balsamiq, para configurar rapidamente wireframe para prototipagem rapid que significa que você vai ser capaz de mostrar - não dizer - seu último e maior projeto de aplicativos web ou móvel.

O Balsamiq é extremamente fácil de usar e é bem recebido pela comunidade criativa porque ela é perfeita, fácil de entender e cria wireframing de baixa fidelidade em um piscar de olhos. É como desenhos em um quadro branco, mas via computador. Outras ferramentas de wireframe são caras e realmente difíceis de aprender e têm pelo menos 14 recursos que você provavelmente nunca vai usar.

O que você aprenderá:

  • Familiarize-se com o sistema
  • Aprenda a navigate
  • Descubra para que cada botão é para
  • Use as ferramentas e aplicá-las na tela
  • Criar um maquete de um aplicativo


No final do curso, você vai ser capaz de criar seu próprio modelo ou acompanhar junto com o exemplo que fizemos.

Se você é empreendedor, gerente de produtos, gerente de projetos ou freelancer criativo, então eu recomendo que você comece a usar essa ferramenta, você realmente não quer perder a oportunidade de aprender prototipagem rápida com o Balsamiq.

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. Então, neste curso, vou ensinar prototipagem rápida, e vamos fazer isso com uma das minhas ferramentas favoritas de UX. Balsâmico. Já deve ter ouvido falar de balsâmico antes. É porque é uma ferramenta muito, muito popular para criar armações de fio de baixa fidelidade. A razão pela qual as pessoas gostam é porque a facilidade de uso e a velocidade com que permite criar armações de arame é praticamente incomparável agora. A razão pela qual escolhi Balsâmico para te ensinar isto é porque é muito rápido. E é por isso que estamos falando de prototipagem rápida. Então, nesta aula, eu vou mostrar a vocês como você precisava conectar um projeto de web ou aplicativo móvel, como você poderia simplesmente entrar e começar. Bálsamo. É fácil de entender. Vou mostrar a vocês como se familiarizar com o sistema deles, como navegar nele, quais botões fazer o que então eu vou mostrar a vocês como você pode pegar essas ferramentas e aplicá-las sua tela e rapidamente criar uma simulação de sua ideia de aplicativo. Agora, se você é um empreendedor, gerente de produto, gerente de projeto, ou mesmo apenas um freelancer criativo, esta é uma ferramenta. Eu sugiro que você aprenda a usar Balsâmico é muito bem recebido pela comunidade criativa , e isso permite que você passe pelo tipo de um passo árduo de arame enquadramento muito mais rápido. No final da aula, nós vamos ter um pequeno projeto divertido onde nós realmente vamos começar a usar balsâmico a versão Web e criar nossas próprias idéias se você tem as suas próprias ou usando um genérico que eu forneço tudo certo. Espero que esteja animado para aprender prototipagem rápida com balsâmico. Vá clicar e rolar ele vai ver lá dentro. 2. Introdução ao Balsamiq: Vou introduzi-la ao BALSAMIC, que é uma ferramenta de arame que espalhamos uso de chute o tempo todo. Balsâmico está comprando muito minha ferramenta favorita para enquadramento de arame. E é o meu favorito por duas razões. Um deles é que é muito simples de usar. Você pode pegá-lo muito rapidamente. Eu realmente não acho que você precisa passar horas e horas com ele. Você pode realmente aprendê-lo ao longo de 15 20 minutos. Hum, há um monte de ferramentas lá fora que ajudam você a ligar para ele, mas eles tentam fazer seus sistemas muito avançados. Minha experiência. Você não acaba usando 90% dos recursos que eles tentam lhe dar. E mais uma vez, você realmente não quer ter que gastar uma grande quantidade de tempo tentando descobrir exatamente como o fio moldura. E mais uma vez, você realmente não quer ter que gastar uma grande quantidade de tempo tentando descobrir exatamente como A segunda razão, como balsâmico, é aquele dia. Ter um esboço do sistema deles, e você verá isso em apenas um segundo. Então, quando você está projetando armações de arame, parece que você desenhou em um pedaço de papel. Eu realmente gosto disso e nossos clientes realmente gostam disso. Parece meio peculiar e legal. E parece que você fez isso em um bloco de raspadinhas. Eu também gosto de como o esboço parece que faz com que pareça que, você sabe, você sabe, esta é uma armação de arame. Não precisamos levar isso muito a sério. E meio que transmite que o desenvolvedor, seu designer deve realmente tipo de dar-lhe o benefício. A dúvida de que este não é um projeto exato do que você quer. Hum, e eu meio que gosto disso. Uma desvantagem do balsâmico admitir é que eles custam dinheiro em eu acredito que uma licença de usuário é $79, o que é um tipo de caro para uma ferramenta de arame. Hum, há outros serviços lá fora que são mais baratos, mas infelizmente, eu não estou ciente de nenhum que está livre agora. Costumava ser o caso de que Mockingbird era uma ferramenta de enquadramento de fio livre que estava disponível, e eu originalmente planejava fazer uma palestra sobre isso. Hum, se vocês realmente querem que eu faça uma palestra sobre outra ferramenta de arame, hum, que eu não estou desavisando hum, de apenas ter certeza que a mensagem para mim e me avise. E eu vou colocá-lo lá fora porque eu prefiro que vocês tenham uma versão grátis. Mas atualmente eu simplesmente não sei de versão gratuita. Vamos mergulhar bem nisso, está bem? É assim que o balsâmico se parece. Hum, bem simples. Você tem essencialmente projetos no topo, e estes representam tipo de todos os elementos comuns que você estaria usando em um site ou um quadro de fio de aplicativo móvel. Você quer móvel, tem uma seção para iPhone que você quer fazer? Veja, se você quiser fazer uma boa forma de formas e ter tudo aqui que você precisa e o que você simplesmente dilatar é você arrastá-lo e soltá-lo na tela aqui embaixo. E esta é a tela. Hum, então aqui vamos nós, Aqui está um botão. Você pode dimensioná-lo como qualquer outro tipo de aplicativo de design para fazer o botão parecer com o que você quiser. Então, uma das coisas sobre estômago de bola que eu disse ao Mitt é negativa é que eles colocam tudo em seções, às vezes é meio difícil encontrar coisas. Isso é algo que eu tenho tipo de experiência. Então, o que? O remédio para isso é que eu fico melhor em aprender os nomes de tudo para que você possa procurá-lo . , Como, por exemplo, por exemplo, se você quisesse fazer, digamos, digamos, se você quisesse fazer, digamos, um botão de compartilhamento no Facebook. Certo, como você faria isso? Então você tem um botão? Mas não há nenhuma maneira que Theis realmente poderia representar um botão de compartilhamento do Facebook que você realmente tem que fazer. É que você tem que procurar um ícone. Então, basta olhar para o ícone, mas ícone e rótulo de texto, ou você apenas ir com Icahn. Temos a etiqueta do texto. Então, aqui está. Dá-lhe um espaço em branco e um nome. , E agora, se você quiser trazer um ícone, essa porcaria de interface de usuário aparece e você pode procurar por ele. Ou você pode clicar neste botão para abrir sua biblioteca de ícones agora desacelerada. Isto é o que eles são ícone Biblioteca. Parece que eles têm toneladas e toneladas de coisas aqui. Hum, vamos ver. Aí está o ícone do Reddit. É o YouTube, hum, praticamente qualquer coisa que você possa pensar. E eles são todos um tipo de estilo peculiar de esboço, que é muito popular. Então, se eu quisesse fazer o Facebook e você não encontrasse, você poderia ir ao Social ou procurar aqui. Ah, aqui está. Facebook. Tudo bem. E então você pode mudar o nome apenas tocando duas vezes, e nós vamos apenas dizer, agora, eu poderia apenas uma parte. Seja qual for. Não se parece exatamente com o que seria parecido em um aplicativo real. Mas essa não é a questão. Você só quer transmitir ao seu designer transmitiu seu desenvolvedor o que exatamente você quer na área. Eles lidarão com o resto. Tudo bem. Agora, se você quiser adicionar texto é outra parte complicada. E é por isso que estou tratando disso na frente. Eu queria adicionar impostos. Há uma seção chamada Texto também pode procurar texto reservado para texto. Embora você perceba que isso é um pouco confuso. Eu só quero fazer uma linha. Eu só quero digitar algo aviso aqui. Seção chamada Texto. Você só precisa saber disso. Na verdade, é rótulo de string ou string de texto arrastar. Largue isso. E agora você tem algum tipo de imposto Aiken. Seja qual for. Eu quero uma mensagem. Hum, agora com um pouco de texto. É assim que você o modificaria. E isso vale para praticamente qualquer elemento que você colocar em sua tela. Seu botão Pop up. Você vai ser capaz de editá-lo aqui. O mesmo com o nosso ícone. O mesmo de virtual. Os mesmos recursos aparecerão aqui se você quiser uma cópia. O que quer que tenha feito, aqui está uma duplicata. Aqui está um corte. E aqui está a tua cópia na pasta e podes lixá-la. Vamos começar a agrupar aqui em um segundo. Hum, agora eu criei um texto e o que eu quero fazer com ele. Posso mudar a orientação aqui. Eu posso usar o estado e estado apenas significa que se eu normal desativado, se eu desativá-lo, O que isso basicamente significa é que quando eu ir e salvar meu balsâmico é um pdf para P e G ou J peg ou qualquer coisa. Não vai aparecer, e isso pode ser útil. Às vezes, se você está copiando grandes pedaços de arame sobre um, e usando-os uma e outra vez, às vezes você só quer desativá-lo, ou às vezes você quer desativar algo apenas para que ele ajude a ver outra coisa que ele pode estar cobrindo. Mas se queres que aconteça, querias estar lá. Mas se queres que aconteça, Certifique-se de que está marcado é o link normal Você pode vincular a outro, você pode vincular a uma página da Web . Você pode transformar isso em um link para que quando você salvá-lo como um pdf, a pessoa que não tem pode clicar nele e eu posso levá-lo para algum lugar aqui. Recursos regulares de edição de texto. Você poderia torná-lo ousado, itálico sublinhado, etcetera, etc. Aqui está o que você muda o tamanho. Você também pode mudar seu tamanho aqui. Prefiro não brincar com isso, mas isso é muito mais exato. Hum, isso vai redimensioná-lo de uma forma que você tipo de não pode ah realmente obter quando você está escolhendo apenas esses incrementos. Eso eu tipicamente ficar com isso. Hum, o que vai acontecer muitas vezes é ver como ele foi de algum texto você alguns porque eu fui grande depois que você pode abrir o recipiente, fazer o recipiente grande o suficiente para mostrar o que o conteúdo real no elemento é. Hum, se você quiser duplicar itens que você vai fazer é você pode bater duplicado para criar uma cópia dele . Quando você move coisas ao redor, ele irá mostrar-lhe linhas de grade relativas a qualquer outra coisa que está em sua tela de desenho. Se eu quisesse dizer, copie duas coisas, poderia acertar o rei esquerdo e selecionar as duas. , Se eu quisesse dizer, copie duas coisas, copie duas coisas, Desculpe. Hum, agora, se eu duplicar, vai fazer as duas coisas interessantes. Uma coisa o que acontecerá também é se eu estiver duplicando um item e perceber que é um padrão. Uma coisa o que acontecerá também é se eu estiver duplicando um item e perceber que é um Estão todos online. Duplicar isto. Deve mostrá-lo abaixo. - Não. Tudo bem, bem, às vezes funciona. Às vezes. Não fica ali sentado. Ok, lá vai você. Em. Você continua fazendo isso o dia todo. O sistema não é totalmente infalível. Você vai notar que ele tem algumas peculiaridades para ele. Então, Então, mas a questão é ainda é muito simples e fácil de usar. Deseja incluir links? Acabamos de receber um programa de texto. Um link faz com que algo pareça um tipo de link em seu link. Hum, eu poderia te mostrar algumas dessas outras coisas. Olha, isto chama-se migalhas de pão. Uma migalha de pão dessas coisas que você espera ver na parte superior do site. Isso mostra que sabe onde na subpágina. O site. Você é. Não costumo incluir dúzias. Estou a tentar ser muito específico com a minha armação de arame. Se quiser fazer umaarmaçãode arame para uma aplicação móvel, comece aqui. Se quiser fazer uma de armaçãode arame para uma aplicação móvel, Bom iPhone e no iPhone você tem aqui um iPhone real. Novamente, ele tem esse tipo de estilo de esboço pateta para ele. Então, no iPhone, um, você vai notar que você pode expandi-lo, torná-lo maior, mas tem um mínimo que eu deveria ter, então eu não posso fazer um iPhone magro. Será sempre proporcional, mas independentemente disso, e há também um tamanho máximo que você vai acertar. Hum, e então o que você pode fazer é tipo de fazer telas de seu aplicativo móvel se você quiser. Há algumas coisas fáceis de usar papoulas aqui, como se houvesse um teclado de iPhone, e eu posso montar uma tela de alerta rápido. E então sempre que você está tentando editar algo com balsâmico, pode parecer que não é particularmente polido. Esse é o tipo de design que eles estão indo para. Mas você vai notar isso, como, por exemplo, como eu mudo? texto de alerta vai aqui. - Não. Um. Sim, você vai notar que há três linhas, e então qualquer coisa que eu fizer na segunda linha vai modificar o subtítulo do alerta. Qualquer coisa que eu modifique na linha superior, ele vai modificar a linha superior e você começa o ponto de que lá o 3º 1 vai mudar os botões. Agora, se eu quisesse Teoh, Teoh, vá em frente e faça várias telas disso. Há duas maneiras de fazer isso. Eu poderia ir até o fundo e criar uma nova simulação. Então você faz é clicar. Então, que irá criar uma nova tela e Aiken ir atrás e criar uma nova tela que você também pode fazer é ir até o arquivo e, em seguida, fazer novo clone de simulação atual e curto criar. Ok, então agora você vê que nós mudamos para uma nova página com exatamente a mesma coisa. Então essa é uma maneira de mostrar mudanças incrementais. Às vezes o que você pode fazer é mostrar uma tela, escrever algum texto aqui explicando, e talvez você queira ter várias telas do mesmo tipo de design com impostos ao lado . Há muitas maneiras de você usar isso, um, você também pode só para que eu não diga isso porque eu não quero. , Mas você também pode fazer,se eu quiser copiar isso. E tipicamente, quando faço armações de arame, serei honesto. Na verdade, faço muitos deles dentro da mesma tela. E a maneira que você faria isso é apenas construir um dedo do pé de um lado ou construir para baixo porque é uma tela infinita. Então o que eu poderia fazer é se eu quisesse copiar tudo aqui, eu vou selecionar tudo com a tecla Shift, ok? Então o que eu poderia fazer é se eu quisesse copiar tudo aqui, eu vou selecionar tudo com a tecla Shift, E então eu posso copiá-lo. Só uma duplicata. Agora tem tudo. Agora eu tenho outro. Uma coisa que eu acho que é muito útil é essa coisa chamada grupo. Você pode usar o seu grupo não preparado. Digamos que quero todas essas três coisas. Fiz com que o iPhone, a mensagem de alerta e o teclado fossem associados. O que posso fazer é trancá-los juntos para não ter que mudar constantemente e clicar em cada coisa. O que posso fazer é trancá-los juntos para não ter que mudar constantemente e Eu poderia agrupá-los e ver como a mudança de cor aconteceu. Então agora eu posso sair. Eu não preciso selecioná-lo. Desculpe, um pode sair clicando fora do campus. Clique nele e olhe. Agora posso mover a coisa toda, como estava aqui. Só posso mover uma coisa. De qualquer forma, uma coisa que você poderia fazer e os caras têm em mente. Você realmente não precisa do Teoh. Faça isso parecer perfeito quando você faz uma armação de arame balsâmico . O que eu gosto de fazer é fazer flechas e grandes com flechas. Chamam-lhe uma forma que usa uma forma geométrica. Então começa como um círculo. Mas aqui está outra vez uma forma de o fazer. Hum, eu poderia fazer isso. E eu acho que isso parece legal, porque o que você faz é olhar para ele e ir embora. Oh, primeira tela, segunda tela, certo? , Ou,obviamente, você pode fazer isso com um ícone. Então eles são uma Nikon sobre, e vamos fazer um estreito fora de busca para seta me mostra a direção. Em que direção queremos? Lá vamos nós. Vou fazer isso maior. - Não. Excel sai nisso. Lá vai você. Agora você não pode perder. Certo, quero dizer balsâmico é como eu estava dizendo, muito simples. Então, não há uma tonelada de explicação que precisa ir com isso. E você pode estar olhando para isso e dizendo: “Uau, “Uau, é realmente básico. Como vou fazer um site? E, uh, você sabe, no início é um pouco complicado, mas você vai notar que cada vez mais você joga com ele. Ele realmente tem tudo o que você quer coberto. Para provar o meu ponto de vista, eu posso ir em frente e fazer um site. 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. Como criar seu Youtube com Balsamiq: um eu vou fazer uma cópia do YouTube e YouTube quando eu falar fora para você não falar na página inicial e falar sobre como a tela parece quando você está realmente vendo uma subpágina. Então eu iria para todos ir para a janela do navegador aqui na janela do navegador. Eu posso digitar no YouTube, e lá vamos nós, vê? Mostra no YouTube. Expanda o tamanho. Ok, agora, vamos fazer algo como onde você assistiria os vídeos. Onde está o media player? Na mídia? Nenhuma mídia é onde você vai inserir praticamente qualquer coisa que você quer, como poderia ser associado com imagens é uma barra de progresso tem um mapa de rua. Puxe isto para que possa ver. É como um mapa do Google Street map. um Éumleitor de vídeo. Sim. Então, digamos que isso é, você sabe, onde você assiste vídeos. Então vamos dizer que queremos colocar uma barra de pesquisa no topo. Você pode usar a barra de pesquisa. Tem que ligar. A caixa de pesquisa está no topo onde você estaria procurando vídeos. Hum, vamos ver. Adoro isso sobre balsâmico. Você pode apenas usar ícones, e eles têm muitos dos logotipos que você usaria comumente. Como eles têm o logotipo do Twitter no logotipo do instagram e terminar tudo que você gostaria para as plataformas sociais mais comuns. Você que olha, agora temos o nosso logotipo YouTube. Vamos fazer aquela pequena seção aqui onde você mostra vídeos sugeridos. Sabe o que eu faria por isso Desde que as miniaturas de que ele é uma imagem, imagens saem como caixas eram perfeitas para o que queremos. Basta chamá-lo de vídeo para que nosso desenvolvedor, um designer gráfico, saiba o que é isso. Agora, com os titulares do lugar de imagem, o que você pode fazer é adicionar bordas. Hum, e você pode realmente carregar imagens e inseri-las em duplo islâmico. Então você faz. É só tocar duas vezes. Vamos procurar por um arquivo. Todo mundo adora gatos. Então usamos gatos. Este é um recurso legal. Eu gosto de você só é esboçar. Então, se eu não tiver um esboço, ele vai inserir esta imagem com toda a cor. Vai parecer meio estranho, toda essa coisa de preto e branco acontecendo, então eu vou apenas dizer Sketch it Então eu digo “load”? Não, lá vai. Agora vamos tentar colocá-lo de volta no tamanho que você esperaria. Sim, sim, isso parece estranho. E vamos colocar uma fronteira nisso. Aquilo parecia melhor lá. Agora você se parece com um daqueles vídeos que você sugeriu. Agora é no texto que você iria com ao lado dele. Então é assim que eu faço. Número, cadeia de caracteres, cadeia de impostos. Ponha como o título. Oh, gato, vídeo oração. Super original. Já que é o título, quero que seja ousado. Já que é o título, Aumentou o tamanho. Apenas deixe isso. Agora você pode usar seu teclado para mover as coisas. Então, se eu apenas ir para a esquerda para movê-lo, um pixel para a esquerda direita para cima, para baixo obter o ponto. Hum, e então logo abaixo disso agora, se eu quiser colocar o texto logo abaixo dele eu quero fazer é duplicado? Ponha logo abaixo. E vamos mudá-lo chamado por apenas chamá-lo de pessoa gato. Porque todo mundo conhece uma pessoa de gatos. Mas ninguém sabe que uma pessoa que vê homem vai torná-lo menor. É remover a ousadia que você vai. E vamos colocar um contador de vista. Geralmente é só um número. 1.000.000 de pessoas assistem este vídeo, e geralmente isso é um pouco pequeno onde eu acho que é bastante credível. Então o que eu vou fazer é criar um pequeno agrupamento e eu quero fazê-lo ir até da tela, que é tipicamente o que você vê no YouTube. Então, o que dio clique quando um grupo estes juntos lembrar como fazemos grupo? Tínhamos um grupo. Agora eles estão juntos. Agora a minha cópia, o meu grupo e até mesmo sair. Isso realmente importa? Café? Muito meu grupo. Aqui vamos nós. Combina com as grades. Aqui vamos nós. Há alguns vídeos sugeridos agora? Talvez eu quisesse colocar um recipiente em volta daquele “Algo leve”. Basta ir para a forma novamente. Sem forma. Vou escolher um retângulo bem aqui. Coloque bem aqui, e eu não vou expandi-lo. Você notou como ele cobriu. Agora o balsâmico tem uma camada. Tipo Photoshopped. Você usou loja de fotos antes tem camadas. Hum, a maneira que você gostaria que isso desaparecesse para trás é que você usaria esse pequeno subgrupo . Isto vai mandar de volta um míssil,e enviá-lo, Ellison, que todo o caminho para trás. Isto vai mandar de volta um míssil, enviá-lo, Ellison, Então este será o fundo do seu Imagine este tipo de papel deitado um em cima do outro. Esta seria a parte inferior do papel. Você cozinha isso Se você cozinhar isso, ele vai trazer todo o caminho do topo, então ele vai cobrir qualquer coisa por trás dele. Só quero mandá-lo de volta até que esteja atrás dos vídeos do gato. Mas está na frente do histórico que estabelecemos anteriormente. Tudo bem, então o resto é apenas um tipo de pequenos detalhes. Cabe a você. Quanta detalhe quer colocar aqui? Hum, nós podemos, você sabe, é apenas fingir que este é Ah, aqui está o espaço reservado para a imagem. Quem fez o vídeo, , pode adicionar texto de novo. Bem aqui. Então, o nome do vídeo mais seguro vídeo de webcam secreto, porque eles queriam ser um segredo. Mas eles também querem que o mundo inteiro veja isso. E olha para isto, realisticamente, muito. Viver aqui. Ok. Onde isso para baixo em algum espaço. Pode adicionar os polegares para cima e para baixo. Só estou escolhendo um ícone. Mas aqui você pode até procurar por filmes da Terra. Filmes é um. Lá vai você. Correr um pequeno faz mais sentido, certo, e você pode se vingar, copiá-lo bem ao lado dele e, em seguida, apenas encontrar outro polegar ícone novamente, alguns polegares para baixo, como o vídeo. Sim, então apenas coloque a cara de alguém nele porque é uma webcam, certo? Agora percebes a deriva, por isso faça-a widescreen. Seja qual for. Você pode colocar uma enorme quantidade de detalhes em balsâmico se você quiser Teoh. Mas como você notou, isso realmente não me levou muito tempo. E eu tenho uma armação de um vídeo. Você obviamente sabe o que Watmore tempo e esforço em qualquer coisa que você realmente construir para si mesmo. Mas uma vez que você realmente se familiarizar com isso, espero que agora você esteja familiarizado. Você pode realmente se mover na velocidade da luz, e você pode realmente produzi-los muito, muito rapidamente. Hum, agora, se eu , você sabe, queria fazer a próxima tela no YouTube, eu vou saber, eu poderia apenas ir até o arquivo simulado atual. E olha, eu tenho exatamente a mesma coisa e eu poderia simplesmente sair daqui e começar a apagar as coisas onde eu quiser e mudar as coisas ao redor. Há mais funcionalidade no balsâmico. Só não acho que seja algo que você precise ser. Você não precisa de um guia detalhado para isso. Viu o que eu fiz? Eu aprendi, sabe, você poderia aprender isso muito rápido. Você poderia juntá-la. E essa é a beleza do Balsâmico. Eu não quero que você gaste uma quantidade enorme de tempo fazendo isso. É por isso que estamos fugindo de alguns dos super profissionais, serviços de arame de núcleo duro e apenas indo em direção a este, o que é meio divertido. E todo mundo parece que ele gosta do design quando tudo está feito. Agora, quando acabares e estiveres feliz com o que tens, tudo o que tens a fazer é ir até ao ficheiro e podes guardá-lo como o que quiseres que seja. Certifique-se de fazer backup. Hum, se vocês estão aqui em um computador antigo e certifique-se de que você não tem toneladas e toneladas e toneladas de abas abertas. Ele pode realmente tipo de retardar o seu computador, mas de outra forma apenas exportado para o que você quiser. Eu gosto de pdf. Esse é um dos mais fáceis de você ou você apenas faz isso como uma imagem. Isso é o que você acaba enviando ao seu designer gráfico, seu desenvolvedor, e eles vão agradecer-lhe 1000 vezes mais. 5. Um projeto de exemplo criado no Balsamiq: Agora que terminou a palestra sobre como usar Balsâmico, posso mostrar-lhe, Ah,é Ah, exemplo de vida de uma armação de arame balsâmico. Costumávamos lançar uma subpágina separada para nossa página principal do Sprint. Hum, então eu construí isso em balsâmico, e você pode ver que tem muitas das mesmas características que simplesmente passaram por cima. E posso mostrar que isso é tipo, você sabe, você sabe, o nível de dificuldade no nível de detalhe que eu esperaria que alguém construísse. Estava construindo algo sobre balsâmico. Seria tipo de ir para, um, um, você pode ver que isso não é particularmente detalhado. Queríamos fazer uma longa página de destino, algo que você pudesse rolar para baixo uma daquelas longas chamadas páginas longas. E queríamos que Teoh tivesse certeza de que poderíamos ter um logotipo separado. Então nós meio que jogamos algo juntos em Balsâmico. Esta é a ideia por trás disso. Queríamos fazer Sprint kick desenvolvedor sob demanda. um E este serviço foiumserviço. Começamos cerca de um ano atrás ajudando as pessoas funcionários suas empresas com contrato de trabalho e basicamente, o que eu acabei de fazer é tirar uma foto do são Header Bharat Sprint chute. Copiei esse incidente como uma imagem em balsâmico para que pudessem ver nossa barra superior e eu mudei apenas com algumas marcas de X, hum, e pequenas formas que eu usaria isso para arranhar. E então eu mudei para o que eu queria que ele dissesse no topo, praticamente tudo aqui em baixo. É tudo uma espécie de arranhão de frango juntos. Este é mais ou menos o imposto que eu queria colocar. Isto é mais ou menos a ideia de, ah, design de ícones que eu queria montar. Eu diria que projetamos praticamente cada seção. E assim, como você pode ver, foi super rápido e fácil. Eu coloquei em praticamente todas as seções. Achei que ia querer que notasse que eu meio que arranhei tudo. É muito uma simulação solta. Um e então eu meio que dei uma idéia, como, você sabe, colocar uma foto de um humano para uma startup e três humanos para uma empresa de médio porte e em vários para empresas, e eu deixei para o designer gráfico, então tipo de criar uma imagem que corresponderia a tudo isso. E, em seguida, mesmo como um dos U. N F A. N F A.Q. Eu não preciso escrever cada pedaço de texto que eu posso simplesmente colocar vagamente como o formato deve ser. E eu vou te mostrar como ele acaba se parecendo. O fim. Este é o fim da página. Acabou parecendo como você vê, esse é o logotipo personalizado que fizemos. Este é o novo cabeçalho. Este é o conjunto de ícones. Mas eu já falei sobre, e tudo meio que funcionou muito bem. Esta coisa toda custou-nos cerca de 500 dólares. Isso inclui a programação que inclui o design. Ele inclui até mesmo pequeno incidente, como um pouco plugins JavaScript que tornam tal que eu posso lidar com coisas como esta e assim não muito gasto. Você realmente não tem que quebrar o banco para fazer as coisas. 6. 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 sentido. E eu fui claro. Se você tiver alguma dúvida, alguma 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, nesta aula, aprendemos como usar balsâmico, que é uma ferramenta de prototipagem muito popular para fazer principalmente quadros de arame de baixa fidelidade. Agora, se você quer aprender Maura sobre arame e você quer continuar essa aprendizagem, eu tenho algumas outras aulas que eu definitivamente acho que você deve conferir. Então, especificamente, eu sugiro verificar o enquadramento de arame em paedo CO. Agora, Peter, porque outra ferramenta que pode fazer muito do que o balsâmico pode, mas na verdade vai muito mais longe em Tóquio, você pode fazer muitas coisas que o balsâmico não pode. Então você poderia fazer coisas como compartilhar. Você poderia fazer colaboração fazer comentários on-line Você todo o tipo de coisas, como implantá-lo diretamente em seus tablets, seus telefones e seu computador lá quando eu sugiro check-out é introdução para Web e Mobile App esboço agora App. Esboçar é quando você apenas pega um lápis e papel e você rascunha sua idéia de sua aplicação. Isso é algo que está se tornando mais popular com starups e agências, então eu definitivamente acho que é algo que você deve ser familiar vale a pena. Vale a pena conferir. Ok, se você quer ir mais longe com suas habilidades, confira essas. Caso contrário, novamente, Obrigado por fazer o curso.