Use a criatividade no design de ícones - parte 1: faça o esboço de suas ideias | Chris Heath | Skillshare

Velocidade de reprodução


1.0x


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

Use a criatividade no design de ícones - parte 1: faça o esboço de suas ideias

teacher avatar Chris Heath, The Geometrical Design Guy

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Introdução

      1:03

    • 2.

      Materiais

      0:16

    • 3.

      Esboçando um conjunto de ícones - Parte 1

      9:04

    • 4.

      Esboçando um conjunto de ícones - Parte 2

      6:10

    • 5.

      O que vem a seguir?

      1:44

  • --
  • 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.

349

Estudantes

3

Projetos

Sobre este curso

Você quer criar ícones, mas não sabe por onde começar? E como você decide nas proporções de iconi?

Tenho algumas boas notícias. Este pequeno curso aborda ambos esses problemas de um momento para uso.

Vou mostrar como esboçar rapidamente novas ideias para ícones, e vou mostrar como manter as proporções dos seus designs de ícones, para que todos eles pareça equilibrado e pareça para o conjunto.

Se você estiver tendo um bloqueio criativo, este é um método de segurança para esboçar rapidamente um monte de novas ideias de is apenas fazendo lápis para papel.

Há com uma restrição de design, e essa é uma grade simples. Neste caso, é o grad de ícones do iOS da Apple. E como todas as boas restrições de design, estamos usando a grade como um tramitação para criatividade.

Este curso é um ponto de partida ideal para pessoas que estão definindo para aprender design de ícones, mas não sabe por onde começar. É também um exercício útil para designers profissionais que estão presos com ideias.

Conheça seu professor

Teacher Profile Image

Chris Heath

The Geometrical Design Guy

Professor

Check out my profile page to discover more classes for artists and designers.

Visualizar o perfil completo

Level: All Levels

Nota do curso

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

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

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

Transcrições

1. Introdução: Oi. Você já tentou projetar um ícone e você simplesmente não sabe realmente por onde começar? E como você lida com a proporção de ícones para que você termine com um design de aparência equilibrada ? Bem, eu tenho notícias para você nesta aula porque nós vamos lidar com ambos os problemas de uma vez. E como vamos fazer isso? Bem, eu vou mostrar-lhe como usar uma grade simples neste caso, grade de ícones IOS da Apple para chegar a uma gama de idéias diferentes apenas colocando lápis papel. Então esta classe está trabalhando puramente no papel para criar uma variedade de projetos e usando a grade para manter um senso de proporção. Essa aula é perfeita para iniciantes. Então, se você nunca projetou ícones antes, mas sempre quis fazer suas aulas para você, e também é ótimo para designers experientes que isso não vai criar uma rotina, e eles só querem criar algumas novas idéias. Então o que estamos esperando? Vamos ficar presos em linha reta 2. Materiais: da área de projetos e recursos. Fora desta classe download impressão The Grid File. Você também precisará de qualquer navalha e um achado colorido lápis. Os pinos tirados são opcionais. 3. Esboçando um conjunto de ícones - Parte 1: antes de começar, lembre-se de baixar e imprimir o arquivo pdf que estou usando aqui. Você pode achar útil para imprimir, tinha um par de folhas e usar essas folhas para colocar em muita prática. Inicialmente, começaremos usando as linhas óbvias da grade para criar um pequeno conjunto de projetos completamente abstratos. Eu gostaria de sugerir que você copie o que estou fazendo aqui e, em seguida, pause o vídeo a qualquer momento para desenhar o que vier à mente. Isso pode ser algo parecido com o que eu desenhei, ou pode ser algo completamente diferente. Este é um exercício puramente criativo onde você não está trabalhando para um cliente breve, então não temos que nos preocupar em agradar a ninguém além de nós mesmos. Pense nisso como um rabiscar criativo com a grade é apenas três restrições. Quanto mais você fizer isso, mais a aderência se torna um trampolim para toda uma gama de idéias diferentes, enquanto cuida das proporções de seu design ao longo do caminho, mais você pratica mais fácil, ele fica firme em mente que muitas pessoas que jogam ao redor com a grade vai inicialmente vir acima com padrões abstratos e desenhos que são idênticos ao seu. Não é até você começar a se desviar da caminhada como vamos fazer isso, você começa a acabar com algo mais original. Eu gosto de pensar que esse exercício é tirar os projetos óbvios do seu sistema? Esses são os projetos que são mais propensos a combinar com o que todos os outros estão desenhando ao seguir isso. Ouça, ainda está com bem, fazendo isso, a fim de avançar para suas próprias variações dos mesmos projetos e de lá pensando literalmente para criar designs que são mais exclusivos para você e o estilo em que você trabalha, por exemplo, carne ou gritar ou corrigir estilos de design. Estou inventando isso foi atrás. E como mencionei na introdução, este é um curso puramente criativo para os alunos explorarem o que é possível quando você começa a brincar com um pedaço de papel em branco ou, neste caso, uma grade em branco. Às vezes, erros são cometidos como você pode ver aqui, porque estamos apenas esboçando o que quer que venha à mente esses erros principalmente para novas idéias para explorar mais tarde. Aqui estou colocando alguns pontos para dividir as linhas e metade para que eu possa criar uma forma X. Isto é para que eu possa ligar os pontos a um cruzamento de crédito. Neste caso, isso levou a outro erro. Eu pretendia colocar os pontos no círculo central, não no círculo interno. No entanto, ao tentar corrigi-lo, acabou por ser um feliz acidente que eu decidi manter fim explorar mais tarde em maio. O projeto está começando a parecer que poderia ser uma plataforma de lançamento de foguetes como visto de cima. Isso pode lembrá-lo de outra coisa, então sinta-se livre para copiá-lo e transformá-lo em qualquer coisa que você acha que pode ser. Desta vez eu vou refazer os ovos do zero, colocando os pontos na circunferência do círculo pretendida em juntar os pontos que está parecendo o X que eu queria. Se todo mundo tem um jogo com o roteiro, este será um resultado óbvio enquanto desenha este um conjunto de plásticos vem à mente. Então essa é a direção que eu vou tomar esta. Eu não estou apontando para a perfeição neste momento. Só quero gravar minhas ideias de novo. Este exercício é sobre desenhar algumas formas abstratas, depois transformá-las em qualquer coisa que apareça na sua cabeça. Isso faz com que seja diferente novamente, começando com as linhas da grade, eu estou desenhando um conjunto de retângulos e deixando-os, como eu posso voltar a desenvolver isso em um número de desenhos diferentes. Este é outro design abstrato que muitas pessoas podem criar simplesmente por traçar linhas de grade e curvas. Não sei qual direção vou tomar isso, mas um velocímetro ou medidor de pressão vem à mente desenhando dois retângulos Grande conexão, e isso é líderes saudáveis. Eared era E, como é chamado na U. S. foi formado. Meu pensamento inicial era mantê-lo branco e acrescenta alguma textura ao fundo. Está começando a parecer que a visão Ziad era a visão do logotipo da Netflix. Então eu vou deixar isso por agora, e espero que algum outro tratamento possa vir à mente para levá-lo em uma direção diferente. Dito isto, este é um exercício criativo, então mesmo que você queira criar algo que seja muito parecido com um logotipo ou ícone existente, tudo bem. Desde que você não use ou venda para seus clientes, às vezes vale a pena reproduzir as idéias de outras pessoas apenas para tirá-las de seu sistema e ir além do que outros designers fizeram. Eu estava começando a ficar sem idéias. Então eu pensei em colocar pequenos círculos entre dois fora dos círculos grades. A grade também é usada para distribuir os círculos. Rádio Lee ao redor do centro da grade de ícones. Talvez isso possa ser um ícone para um jogo, ou pode sugerir no mostrador de telefone antigo ou simplesmente ser círculos brancos em um fundo preto. Não sei como isso vai parecer, mas pensei em tentar o líder. ISS. Começa final relativamente espessa fica mais espessa através da coluna de líderes. Isso me lembra uma velocidade de 1950. Tudo mais tarde é talvez isso pode ser mais estilizado mais tarde, ou Pips. Uma alavanca de estilo de desenho animado é com o círculo no centro. Eu estava pensando em um globo ocular, dado que nós geralmente não vemos um Aibel completo, há Thea per tune aqui para usar os pontos de interseção fora da grade para sentar a posição das ilhas, então eu estou começando com que antes de adicionar o aluno. E Iris e ah destacam a própria ilha para algum realismo. Se esta é para ser uma foto realista, eu ou talvez um olhar mais lisonjeado I. Eu decidi adicionar uma reflexão simples que irá funcionar independentemente de este se tornar um ícone plano ou um ícone foto realista usando a grade para determinar o ponto de partida e o ponto final de uma linha grossa. A carta na primavera à mente, dado que eu estava tentando pensar sobre o que fazer com o espaço no meio. Quando concluído, este ícone pode ser centralizado verticalmente para dar ao líder alguma textura. Talvez possa ser transformado em um brinquedo de mola ou um rabisco de pasta de dente. Se você ficar preso por idéias, ajuda a voltar para a grade e apenas desenhar algo qualquer coisa, mesmo que não pareça nada em particular colocar seu lápis de painel no papel, é como se comprometer a desenhar algo. Isto é o que aconteceu aqui de novo. Não se preocupe se isso parece com o ícone de outra pessoa. Isso me lembra maçãs Passport Icon, o que significa que estou interessado em como fazer isso diferente. Por exemplo, talvez usando três programas D para colocar uma esfera no centro e adicionar uma sombra e um reflexo para indicar isso. E está de volta a brincar com a grelha e, neste caso, o líder. Se ou e vier à mente, não tenho certeza se gosto. Então, ao completar o esboço, eu vou seguir em frente. Talvez alguém tenha transformado isso em algo completamente diferente quando eu passar de vê-lo como uma alavanca. Enquanto procurava ideias ao redor do meu escritório, avistei os alto-falantes que estão conectados às dicas do meu computador, começando com um retângulo e usando a grade para determinar o tamanho e a localização do alto-falante pequeno. Por enquanto, eu adivinhei o tamanho do alto-falante maior, mas eu vou usar as proporções de grãos para sentar este raio mais tarde para dar ao alto-falante um senso de propósito. Usei os círculos da grade para adicionar algumas ondas sonoras. Às vezes, os padrões tradicionais apenas saem desse processo. Não se desanime com isso. Em vez disso, abraçá-los até mesmo um Por enquanto, você não pode pensar em como terminar seu próprio dedo do pé sabor. Você obviamente reconheceu o design gravando-o agora no papel, algo pode vir à mente mais tarde. Dois dos círculos de grade podem ser usados para desenhar curvas de forma de doador ou turista e sombras podem ser adicionadas para fortalecer este conceito de três D. Você também pode adicionar um pouco de corda e transformá-lo em um menino da vida tradicional. Agora estou tentando pensar em trazer duas linhas horizontais para um ponto, e um peixe de água doce nativo da Nova Zelândia vem à mente. Eu costumava manter esses peixes longos e esbeltos são poços e meu período. Quando eu era pequeno, eles eram muito mais interessantes para manter o peixinho dourado, e todos eles tinham personalidades diferentes. 4. Esboçando um conjunto de ícones - Parte 2: alguns dias se passaram desde desenhar esses ícones levando algum tempo fora, especialmente quando você ficou sem idéias. Há uma boa ideia. Então vamos dar uma olhada no que fizemos e tudo mais. Escolha um desses ícones de lá, veja o que outras ideias vêm à mente. Eu comecei com algo simples e geométrico, e enquanto eu trabalhei meu caminho através da página, outras idéias surgiram à mente e eu as capturei ao longo do caminho. Por exemplo, ajustar o X no reboque. Um par de ataduras, três blocos, poderia ser transportado mais longe. Eu comecei a experimentar com esta forma, e talvez ele possa ser transformado em uma velocidade em com ela ou medidor de pressão aqueles. Ele poderia ser desenvolvido mais a partir de diferentes origens, por exemplo, listras que podem ser derivadas da grade. Isto pode ser apenas círculos brancos. Em um fundo de contraste ou queda, sombras podem ser dirigidas para criar a ilusão de que há buracos brancos em um fundo escuro . Eu gosto do olhar do ISS, me lembra o velho lixo speedball por algum motivo que eu poderia ser dado um tratamento plano com o uso de sombras ou ser transformado em uma foto realista I que M poderia permanecer completamente dois D ou dado um extrudido três D olhar. Este design poderia ser dado um olhar plano ou colocando uma esfera no centro, poderia ser dado um olhar de três D para que todos estes poderiam ser desenvolvidos ainda mais. O que quero explorar é o peixe. Pensei que podíamos levar esta forma mais longe. Não estou falando do peixe em si, mas da forma que é formada pelas linhas paralelas que chegam a um ponto. Vamos começar com um novo pedaço de papel. Não vou redesenhar o peixe inteiro, mas para referência, vou desenhar a forma inicial. Esta é a forma que usamos para os peixes acenderem os neurônios criativos. A dica feroz é virar esses pontos na direção oposta e ver o que me lembra . Nessa direção, parece que pode se tornar uma bala. As balas tendem a ser curtas, então vou traçar uma linha aqui. Esta pode ser a parte de trás da bala e ed um espaço negativo para a parte de trás da bala para torná-lo um pouco mais reconhecível e também para que seja mais fácil de ver na câmera todos escurecer as linhas e esboçar no fundo. Eu não vou preencher todo o fundo apenas o suficiente para fazer a bala sair da página, Embora haja o suficiente aqui para maio ilhotas, alguns sombreamento novamente, isso pode ser dado um tratamento de design plano ou usando três software D criar uma bala de aparência mais realista, completa com detalhes relevantes à superfície. A bala me lembra a forma de um foguete, então girando disse que aponta para cima, podemos usar as linhas da grade para projetar um foguete curto. Vou levar Ally intenção para o círculo que diz para separar o nariz do foguete do corpo do foguete. Com este foguete, poderíamos descê-lo para que tudo o que vemos seja o topo do foguete. Mas eu gostaria de desenhar o foguete inteiro. Vou colocar o fundo do corpo dos Rockets. Neste ponto, parece ser grosseiro, mas estou mantendo o espaço aqui embaixo para adicionar os motores de foguete em chamas. Rocket I constante tem um dia, então eu vou usar as linhas de grade para determinar a localização eo tamanho deste. Um dia o círculo parece apenas uma chave, o que me faz pensar que é um pouco diferente. A janela pode ser um formigamento Rick arredondado, muito parecido com as janelas dos passageiros de um avião comercial. Não temos espaço suficiente para colocar um foguete maior e suas chamas, então vou dividir o espaço em terços e adicionar três foguetes menores. Precisamos de algo para manter um motor de foguete no lugar, e também vou precisar de algo lá embaixo, então vou dividi-lo em terços também. Agora é hora de desenhar os motores de foguete. Isso é muito duro. Mas então, quando a vitória se tornou, ela pode ser arrumada. Eu também preciso de algumas chamas de foguete. Então vá a partir daqui, o outro elemento onde você está perdendo alguns amigos novamente. Estes tinham que ser alinhados com a grade se você já teve algum problema para desenhar coisas em proporção, mesmo que você nunca teria um foguete como este, usar uma grade como esta é útil para equilibrar o elemento no design, não só contra um outro elemento no design, mas também a forma do ícone é um buraco irá aumentar rapidamente para você. Por isso, é um pouco mais fácil ver o design acabado quando Victor Rised pode ter uma atitude mais detalhada . Mas no geral, as proporções permanecerão as mesmas girando esta forma para que aponte para baixo possa ser transformado em algo como um escudo como ele é desenhado Agora, o ícone de bala não está completamente centrado, entanto. Está parecendo equilibrado com o espaço mental do escritor na frente da bala sobre mais espaço na parte de trás da bala. Este também funciona bem e fica bem nesse círculo. Como este escudo. Alguns de seus projetos não vão pousar no centro da grade. Não se preocupe com isso. Você sempre pode movê-lo para o fim, realinhá-lo com a grade. Mais tarde, desenhei apenas um exemplo de escudo. Uma busca por escudos na internet. Você verá que há centenas de não milhares de projetos diferentes para escudos que você pode se inspirar. O que é mais importante ao explorar sua criatividade é seguir seus instintos e trabalhar livremente com qualquer estilo ou tendência que você quer ir com o jogo. Não há nenhum cliente informado. Sigam aqui. A única restrição neste exercício é que você deve estar trabalhando com o script. Paradoxo sobre restrições é que quando você impõe uma restrição à criatividade, própria restrição se torna um trampolim para um fluxo ilimitado de idéias. E assim vimos. 5. O que vem a seguir?: Eu realmente espero que você goste desta aula, e eu espero que você tenha algo realmente útil com isso. Então lembre-se de baixar a grade pdf e dar uma chance. E lembre-se, é apenas uma questão de colocar lápis no papel, mesmo que esteja rastreando algumas das linhas da grade para começar e apenas vendo onde isso vai . Então seus projetos podem ser completamente abstratos. Bem, eles podem estar do outro lado do espectro e ser muito naturalistas em termos do assunto. Então você provavelmente está se perguntando, por que eu não lhe mostrei como ganhar alguns desses projetos e a razão é que esta é classe 1 de uma série de três partes, e esta classe foi projetada para incorporar suas necessidades. Então eu gostaria que você me dissesse nos comentários Síria, o que você gostaria que eu cobrisse na próxima aula. E isso pode ser uma de duas ou talvez três ou quatro coisas diferentes. Por exemplo, você pode querer que eu pegue um dos meus desenhos e Victor Riser. E talvez na terceira classe, olhamos para produzir uma visão tripla. Você pode querer que eu pegue um de seus projetos, que você salvou o Projeto Síria e para a ascensão da vitória para que eu possa mostrar-lhe como vencer seu projeto particular. E na terceira classe, podemos falar sobre como terminar esse design para que seja realmente para um desenvolvedor pegar na carga como um ícone de implicação. Então, há várias maneiras de lidar com isso, e eu estou mais do que feliz em incorporar seu trabalho na próxima aula, se é o que você deseja. Então nós acreditamos nos seus esboços sobre o projeto Síria e me diga o que você gostaria que eu cobrisse na próxima aula. Lembra-te de me seguir em perícia. Pura assim. Mas aperte aqui o olhar para os botões em baixo em algum lugar e para você.