Desenho de dados: criando um Infográfico informativo no Illustrator | Rhiannon Fox-Nanette | Skillshare

Velocidade de reprodução


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

Desenho de dados: criando um Infográfico informativo no Illustrator

teacher avatar Rhiannon Fox-Nanette, Information 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

8 aulas (18 min)
    • 1. Apresentação

      1:32
    • 2. Conjuntos de dados

      1:26
    • 3. Pesquisa

      1:30
    • 4. Desenvolvimento de ícones

      1:30
    • 5. Desenho e layout

      1:29
    • 6. Desenvolvimento eletrônico

      7:39
    • 7. Desenvolvimento de cores

      2:06
    • 8. Considerações finais

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

Estudantes

1

Projetos

Sobre este curso

Junte-se a designer de informações Rhiannon Fox na sua primeira oportunidade de ensino on-line com a Skillshare! Durante este curso, você vai aprender a visualizar uma pequena quantidade de dados da população em um infográfico simples e fácil de entender. Você vai trabalhar através de entender seus dados, aprender a contar uma história e como usar um esquema de cores monocromáticas para manter uma hierarquia visual.

Este curso é inspirado na população crescente do mundo e nas tendências que podemos ver.

Você vai:
- entenda os dados fornecidos (ou encontre seu próprio conjunto de dados)
- desenvolva seu gráfico visual através de pesquisa e
desenho- desenhe um infográfico simples e conciso

Qualquer pessoa que esteja procurando se associar à visualização de dados ou experimentar algo novo, essa é a oportunidade perfeita para testar um gráfico simples, mas lindamente unido!

Materiais do curso:

Adobe Illustrator (com pelo menos um conhecimento básico de compreensão)

Caneta/lápis e papel

Conheça seu professor

Teacher Profile Image

Rhiannon Fox-Nanette

Information Designer

Professor

Rhiannon is a Bermuda based Information Designer, and is new to the SkilShare teaching community!

She is currently pursuing an MSc in Interaction Design & Information Architecture at the University of Baltimore, with several years experience out of Parsons the New School for Design. Her undergraduate thesis has been exhibited internationally, in 2011 at the Global Assessment Research Report for the United Nations Development Program (UNDP) in Geneva, Switzerland, which attracts over 2,000 United Nations delegates from all over the world, and in GeoCity SmartCity Exhibition, Beijing 2012. She has previously held a lead infographics analyst role with the CFA Institute and interned with Steve McCurry of National Geographic and Magnum in New York City.

Rhiannon has a pass... 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. Apresentação: Olá, sou a Brianna. Sou designer de informação das Bermudas. design da informação é a integração de princípios de design e pontuar o nosso conteúdo de café. O uso de infográficos permite que os designers simplifiquem uma carga de conteúdo em um gráfico fácil de entender , que pode ajudar a entregar mensagens aos clientes de forma mais eficaz. Minha camisa da escola porque é chamado de design de dados, criando infográfico informativo e indústria neste custo vai olhar para entender dados desenvolvendo uma história para contar sobre o processo de design. , É importante compreender o conceito do que os dados estão tendendo, o que você ou o cliente querem trair a história. Então, quando você estiver projetando, você precisará esboçar coisas desenvolvidas como a tipografia, ícones maionese no Iraque. A hierarquia também é importante porque deixa o visualizador através do gráfico. Onde você quer que eles olhem primeiro, o que é mais importante e o que talvez não seja tão importante, eu vou te mostrar meu processo criativo. Eu sou Deus, você passo a passo. Esta classe é para quem pode estar olhando para incorporar infográficos bem, os princípios de design de informação no design. Eu amo o que faço, e estou muito feliz em compartilhar com outras pessoas que podem estar considerando design de informações, apenas olhando para aprender algo novo. Obrigado por assistir, e eu espero que você goste 2. Conjuntos de dados: antes de começar, você precisará adquirir o conjunto de dados que deseja usar e determinar os requisitos específicos do cliente para o produto final. O conjunto de dados com que vou trabalhar durante esta aula é a população de passageiros de 1911 a 2010. Você é bem-vindo para usar esses dados também ou para usar seus próprios dados. Se preferir, você pode encontrar meu arquivo de dados na descrição da classe. Ok, vamos olhar para a nossa folha de cálculo. Estes dados são do site Bermudas dot Io, que é um site gratuito de código aberto para dados comutados. Então o que os dados nos mostram são os anos em que o censo foi registrado, o total da população civil e a repartição de homens e mulheres. Isso é ótimo, pois nos dá uma camada extra de informação sem ser muito complicado . Então, o que precisaremos mostrar é tanto a população geral do sexo masculino para feminino, por ano, dentro de um conceito visual ou essencialmente ter duas camadas de informação juntas. Agora temos os nossos dados. Vamos passar para a fase de pesquisa 3. Pesquisa: agora estamos confortáveis com os dados estavam visualizando. É para um pouco de pesquisa para este projeto. Eu só quero que você gaste cerca de 30 minutos nisso no máximo para o propósito desta aula, eu estou mais interessado em sua criatividade no que você produz, vez de sua capacidade de fazer pesquisa. Meu primeiro passo na pesquisa é sempre palavras-chave, escrevendo como muitos diferentes foi que se relacionam com o projeto. O cliente nos dados é essencial. Comece escrevendo as palavras-chave óbvias população, censo, etc. Em seguida, passe para as palavras mais abstratas. Estas palavras-chave vão ajudar a começar a sua pesquisa sobre visuais, e eles podem ser úteis Se você chegar a um ponto em que você está preso durante o seu desenvolvimento criativo, você sempre pode voltar a essas palavras sobre retrabalhar uma idéia através visual diferente. Com cada palavra, você pode pesquisar imagens do Google para obter inspiração. Não perca muito tempo na pesquisa de imagens a menos que esteja lutando por ideias. Vamos passar para o desenvolvimento de ícones 4. Desenvolvimento de ícones: Prefiro esboçar tudo antes de passar para o computador. Há muitas maneiras diferentes que você pode ir com uma Nikon, mas vamos começar a esboçar todas as opções. Decidi usar um ícone neutro de gênero, pois gostaria que a população total fosse a primeira coisa que os espectadores veem. O único ícone foi criar um fluxo coeso para o gráfico, e, em seguida, o colapso masculino e feminino será a camada secundária fora de informação. Depois de escolher a estrela ícone que deseja usar, mude para o Illustrator. Dependendo de quão confortável você é um ilustrador, existem algumas opções. Vejo-te a esta altura. Você pode criar o ícone imediatamente e ilustrador sem qualquer traço ou diretrizes necessárias usando apenas o pentáculo e as formas. Ou você pode querer digitalizar ou fotografar seu esboço e colocá-lo em seu arquivo para rastreá-lo . Vá em frente e bem-vindo fatorar seus ícones e, em seguida, passar para esboçar uma postura. Sinta-se livre para escrever na seção da comunidade. Se você tiver alguma dúvida ou precisar de ajuda com essas coisas, 5. Desenho e layout: agora você deve ter afetado o Ícone do Illustrator e estar pronto para esboçar um layout. Acho que é muito mais rápido esboçar antes de você se mudar para o Illustrator, já que você está menos preocupado com a perfeição e não precisa ser muito refinado. Esboçar nos permite eliminar algumas das idéias que originalmente pensamos que poderiam funcionar. Mas percebemos que talvez saibamos que é melhor fazê-lo antes de passar tempo no Illustrator Be Rough on Aproximar os diferentes elementos. Como os ícones se sentarão em seus respectivos anos? Como você mostrará o aumento populacional de cada ano? Como você exibirá os números reais associados a cada ano sobre a discriminação por sexo? Qual é a melhor localização para o título? Todas essas perguntas podem ser respondidas antes mesmo de você passar para o computador. Você pode ver que meu esboço é difícil. Só estou tentando testar vários rótulos diferentes. Estou feliz com meus esboços aqui e como eles podem fluir. Então vamos passar para o Desenvolvimento Elektronik 6. Desenvolvimento eletrônico: tempo para criar o gráfico Elektronik. Agora nós já fizemos a maior parte do trabalho, então ele deve ir muito bem porque eu tenho meu ícone criado. Eu não vou rastrear meu esboço como eu tenho a idéia. Já visualizado. Se você estiver mais confortável em usar seu esboço como uma diretriz, sinta-se à vontade para digitalizá-lo ou fotografá-lo e colocá-lo em seu arquivo para ajudá-lo. Como a impressão não é um requisito deste projeto, vou fazer do meu arquivo o nosso GP. Se for um conjunto de dados pequeno o suficiente, gosto de colocar uma captura de tela diretamente no meu quadro de arte para referenciar rapidamente Por que trabalhamos no gráfico. Agora vamos trabalhar nos ícones e dados. Primeiro, eu vou fazer 1911 em Lay Out seu número total, 18.994. Vou usar a balança. Um ícone é igual a 1000 pessoas, então eu vou ter 19 ícones para 1911 por agora, colocando 10 para ambos os homens e mulheres fazendo uma opacidade baixa para que possamos dizer a diferença para trabalhar no ícone parcial. Eu pego um retângulo da mesma altura que o ícone, que é de 0,5 polegadas. Dividir por 1000 e multiplicado por 70 como o nosso único 70 pessoas na última 1000 para o homem, uma linha tanto o ícone na forma para o fundo, certificando-se de que a forma está na frente. Em seguida, clique com o botão direito para torná-lo recorte mesquita. Em seguida, você precisa duplicar o ícone e criar uma segunda máscara de recorte que mostra a metade superior fora do ícone, pois isso ainda fará parte da contagem feminina. Depois de ter feito a divisão masculina, certifique-se de fazer a divisão feminina para o último ícone também. Eu sempre recomendo fazer o primeiro e último Abbasid ou o menor para maior ativo, porque então você pode medir a área que você vai precisar. Felizmente para este 1911 em 2010 fora do primeiro e último e também o menor no maior, a mesma coisa precisa acontecer com 2010 para a porção dos últimos 1000. Faça o seu cálculo e crie a mesquita de recorte. Lembre-se, para o cálculo feminino, você precisa subtrair o restante da divisão feminina masculina. Você ajustou para a seção masculina do total feminino para obter a quantidade correta do ícone para a última fêmea. Neste ponto, é uma boa ideia. Toe adicionar referências para que você não se perca ou confuso sobre o que é o que se, por exemplo, eu só notei que eu contei errado sobre os ícones de 1911. Isso está tudo bem. Isso acontece. Certifique-se de verificar sempre os seus dados e os seus elementos visuais para se certificar de que estão correctos. Agora é um bom momento para começar a trabalhar em sua tipografia nos rótulos no trabalho em sua fonte de tamanho e esperar para ver o que lhe dá o melhor alto Rocky. Eu estou mantendo a alta rapacidade com o Male, então eu vou continuar isso através da tipografia também. Escolhi fazer dois pequenos símbolos para a fêmea e o macho. Isso é para ajudar a equilibrar a rotulagem, para que não haja muito texto. Eu também vou criar uma lenda no final para que o espectador venha referenciar esses ícones uma vez que você está feliz com seu layout de rotulagem duplicado para o 2010 para garantir que eles são os mesmos, você pode ir em frente e construir o resto de seus anos agora, uma vez que você tenha completado todos os anos a lenda e colocou para fora a sua página. Não se preocupe. Se não é exatamente o mesmo esboço que faz parte do processo de design. Desenvolvê-lo à medida que você vai significa que você está encontrando melhores soluções. Como você trabalha através do seu projeto Aviso que ainda estamos trabalhando apenas em preto e branco. Isto é muito importante. Se o seu gráfico não funcionar em preto e branco, ele não funcionará em cores, vendeu todos os seus problemas primeiro e, em seguida, passar para o seu desenvolvimento de cores. A última parte em que trabalho é o título. Títulos podem ser retrabalhados muito, e eu geralmente o mais dinâmico, Então brincar com tamanhos diferentes em locais novamente, Trabalhando na hierarquia do gráfico é um buraco. Observe a lenda no canto direito. Ele está dizendo ao espectador o que o ícone representa, o que os dois símbolos significam em qualquer informação sobre os dados que é necessário para ser declarado. Onde obteve os dados da data em que os dados foram pesquisados, etc. Parece que agora temos um infográfico sólido em preto e branco. Vamos passar para o desenvolvimento de cores 7. Desenvolvimento de cores: com este projeto. Não temos restrições, então vou tentar alguns antecedentes diferentes. Primeiro, vou duplicar o que temos e começar com uma fotografia das Bermudas. É um pôr-do-sol escuro, então não há muita coisa acontecendo no fundo. Lembre-se, talvez seja necessário alterar as cores dos ícones, dependendo da cor do plano de fundo. Mas como pode ver , ainda não funciona. Ainda está muito ocupado. Podemos então tentar adicionar outra camada na parte superior da fotografia para ajudar a empurrar a imagem volta para o fundo. Está parecendo melhor. O gráfico ainda está competindo com o fundo. Eu vou tentar 1/3 opção que é uma única cor. Vou começar usando as cores padrão. Por enquanto, eu gosto de começar com eles, e uma vez que eu escolher o grupo de cores, eu gosto de então mover para a roda de cores para ajustar a cor específica que eu quero. Acho que este azul claro funciona muito bem. É muito brilhante e dá uma vibração que a fotografia nunca fez. Certifique-se de usar uma cor que tenha uma referência ao seu assunto. Azul é uma cor proeminente em torno dele, você sabe, por causa do oceano. Razão simples. Mas funciona. Jogue com cores diferentes, a vibração das cores e até mesmo algumas imagens para ver o que funciona melhor para você. Você trabalhou duro em todas essas etapas e quase completou seu infográfico. 8. Considerações finais: agora para os ajustes finais do seu projeto. Mal posso esperar para ver o que você criou durante esta cláusula. Agora você tem palavras-chave de pesquisa básica. Vim desenvolvendo, esboçando, criando seu administrador infográfico. Estou trabalhando em uma cor adequada para usar. Faz com que você poste seu projeto na seção do projeto. Espero que goste da minha primeira aula tanto quanto eu e aprenda algo novo ao longo do caminho. Sinta-se à vontade para fazer qualquer pergunta no quadro de discussão. Mas até escritor de você muito obrigado. E estou ansioso para ver seus projetos acabados.