Introdução à visualização de dados | Ben Gibson | Skillshare

Velocidade de reprodução


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

Introdução à visualização de dados

teacher avatar Ben Gibson, Co-founder, Pop Chart Lab

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

15 aulas (44 min)
    • 1. Trailer

      1:07
    • 2. Conceito e troca de ideias

      5:27
    • 3. Realizando pesquisas

      2:41
    • 4. Organizando dados

      2:58
    • 5. Iniciando seu documento

      1:55
    • 6. Criando fonte de título

      3:04
    • 7. Layout inicial

      4:54
    • 8. Refinando um projeto

      1:58
    • 9. Edição e refinamento

      3:52
    • 10. Aplicando o tipo dinâmico

      3:08
    • 11. Construindo elementos ilustrativos

      3:46
    • 12. Elementos visuais secundários

      4:07
    • 13. Elemento de fundo

      2:49
    • 14. Direção de arte final

      1:18
    • 15. Faça o upload e compartilhe

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

2.127

Estudantes

11

Projetos

Sobre este curso

Este é o primeiro curso de uma série de cursos planejados sobre infográficos e visualização de dados. Estamos entusiasmados para detalhar o nosso processo à medida que avançamos!

Cada canto da internet está cheio de visualizações de dados, mas de onde eles vêm? Por que os consideramos tão atrativos? Neste curso do Skillshare, vamos caminhar através do processo de especialistas para revelar como estas imagens complexas ganham vida.

A visualização de dados é a maneira perfeita de usar desenhos gráficos para contar histórias complexas. Cobriremos tudo, desde a pesquisa e coleta de dados à criação de um layout arquitetônico e à adição de estilo ao seu trabalho. Não importa o seu nível de conhecimento, você vai aprender a entender melhor, apreciar e interpretar essas imagens. Aqueles com formação em design e experiência com o Illustrator também serão capazes de criar a sua própria representação visual em grande escala de uma taxonomia, linha do tempo ou conceito inspirador.

No Pop Chart Lab, nossa missão é combinar dados com desenho para gerar satisfação. Estamos entusiasmados em compartilhar nosso processo.

O que você vai aprender

Em seis aulas progressivas, vamos abranger abordagens conceituais e práticas de visualização de dados

  • Concepção e troca de ideias.  Você vai iniciar o curso escolhendo um tópico para sua obra e começar a troca de ideias.
  • Pesquisa. Em seguida, você vai pesquisar o tópico e coletar todos os dados que você precisa para o projeto.
  • Criação da arquitetura do layout. Nesta aula, você começará a trabalhar na concepção visual e layout da sua visualização de dados.
  • Edição e refinamento. Durante esta fase, você examinará o layout para garantir que o design e os dados funcionem juntos de forma eficaz.
  • Adicionando elementos estilísticos. Uma vez que você tiver o conjunto de arquitetura básico, você será capaz de adicionar alguns elementos mais estilísticos.
  • Arte direcionando o design. Você fará uma revisão final da peça e garantirá que tudo esteja onde deveria estar.

O que você vai fazer

  • Entrega do projeto. Neste curso, você projetará uma visualização de dados básica.
  • Descrição. Você vai visualizar a história da cerveja, representar os diferentes trens encontrados em todo o mundo ou organizar a história dos dinossauros? Você vai criar uma visualização de dados baseada em um tópico de sua escolha, que combina design e dados de maneira eficaz e divertida.
  • Especificações. Você vai criar uma visualização de dados em um formato de pôster vertical ou horizontal. Neste curso você vai usar principalmente o Adobe Illustrator.

Conheça seu professor

Teacher Profile Image

Ben Gibson

Co-founder, Pop Chart Lab

Professor

Ben Gibson opened his illustration and design studio in 2009 after working as an Art Director of book jackets at Penguin Group (USA), Inc. He graduated from Parsons School of Design in 1997 and has been recognized by Print magazine and Print's Regional Design Annual, HOW Magazine's International Design Annual, Communication Arts magazine, The Step Design 100, American Illustration, and the Society of Illustrators, among other publications and institutions. His clients have included The New York Times, The San Francisco Chronicle, The Atlantic Monthly, Penguin Group, Random House, W.H. Norton & Company, and Little, Brown and Company.

Ben is the Design Director and Co-Founder of Pop Chart Lab, a Brooklyn-based design collective combining infographics and pop culture. His work for Po... 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. Trailer: Oi, eu sou Ben Gibson, eu sou o diretor criativo e co-fundador do Pop Chart Lab. Fazemos gráficos e visualização de dados e estamos em cima da ponte aqui em Brooklyn, Nova York. Hoje, gostaríamos de vos dar as boas-vindas à nossa primeira loja pop up aqui no Soho. Esta aula é uma introdução à visualização de dados e vamos passar por cima dos passos que você vai tomar para tirar o design do chão. Todo mundo sabe que gráficos e infográficos são realmente populares e obviamente, um bom ajuste para a era da informação e a idade do big data em que vivemos, e na sua melhor visualização de dados é uma mistura pura de estilo e função e diz histórias narrativas detalhadas de uma forma que outro design gráfico não pode, e isso nos leva ao, sim, nosso lema: dados, design e prazer. O cruzamento dessas três coisas é onde tentamos informar. 3. Conceito e troca de ideias: Então, nosso primeiro passo para criar uma visualização de dados é sempre criar conceitos e ideias de brainstorm para tópicos. Muitas vezes, o instinto é saltar direto e começar a projetar, fazer infográficos em tempo real, mas realmente ajuda a colocar seus patos em uma fileira antes de chegar a esse ponto. Para nossos projetos, fazemos para nossa própria linha de produtos, que é um trabalho não comissionado, geralmente começamos discutindo tópicos que achamos interessantes, apenas pessoalmente interessantes. Você deve fazer isso também, escolher uma gama inicial de tópicos que você achar interessante e você pode começar com campos realmente amplos de interesses como literatura ou cinema ou tecnologia gadgetry ou martinis ou artes culinárias ou qualquer outra coisa você gosta e apenas compilar uma lista, uma lista básica de coisas que você gostaria de dentro dessas categorias. Então, para a literatura, qualquer coisa, desde romances de livros de papel para literatura clássica até coisas que foram adaptadas para fil. Por exemplo, ou de tecnologia, você poderia falar sobre jogos vintage da Nintendo. Ele também ajuda a escolher coisas que são de natureza visual, que são coisas que podem ser representadas através de ilustração ou gráficos de uma forma que é natural e não forçado. Assim, idealmente, o visual e os dados e elementos textuais podem interagir de forma significativa. Isso nem sempre tem que ser o caso, mas é muito legal e acontece. Então, o que quero dizer com isso é que a forma que o visual assume, tanto em estrutura como em estilo, é informada pela informação que está sendo retratada e vice-versa. Então, é um pouco difícil fazer essas chamadas nos estágios iniciais de um projeto, basicamente porque quando você está começando inicialmente em algo, é difícil saber qual a forma que os dados podem tomar até que você se aprofunde um pouco no , mas à medida que você fizer mais infográficos e visualizações, você será capaz de desenvolver um instinto para ele. O slogan do Pop Chart é dados, design, prazer e assim, procuramos áreas onde dados e design se cruzam. É realmente outra maneira de dizer que forma e função estão unidas. Eu acho que um bom exemplo do nosso catálogo é a nossa roda de queijo charted, um dos meus favoritos pessoais entre os projetos que fizemos e é muito simples conceitualmente, mas eu acho que uma mistura realmente eficaz de dados e design. É um gráfico de pizza que se parece com uma roda de queijo real e dividiu-o em seções e cada seção representa diferentes categorias principais e subcategorias e um exemplo individual de queijo. Então, por exemplo, você tem queijo de cabra, que é a categoria principal, e que se divide em diferentes subcategorias de duras, semi-duras, semi-macias e macias, e então os próprios queijos individuais, o Fleur Du Maquis e o Idaho Goatster e Humboldt Fog e todos aqueles queijos loucamente chamados. Para promover o efeito estilisticamente, ilustramos uma leve tábua de queijos para o fundo, e projetamos um título como um cartão de etiqueta de queijo em uma loja de queijos. Então, é uma roda de dados que se parece com uma roda de queijo, basicamente. Forma e função, eles são combinados de uma forma simples e direta. Outro aspecto muito legal sobre nosso trabalho no Pop Chart Lab é que, essencialmente, as coisas que estamos fazendo, os projetos que estamos fazendo e a pesquisa que estamos fazendo, são todas as coisas sobre as quais estaríamos lendo ou pensando em nosso tempo livre de qualquer maneira, que é como a empresa começou, obcecada com pouco tipo de nicho de tópicos de interesse que você pode passar horas se perdendo em buracos de worm da Internet procurando, mas nós abordamos tópicos como preparação de café , câmeras e tênis, e vegetais, bandas de heavy metal e superpoderes de quadrinhos, coquetéis artesanais e apenas uma tonelada de coisas diferentes que tem sido muito divertido de aprender e, claro, nosso tópico favorito que sempre parecemos gravitar de volta ao qual é a cerveja. Temos sorte no laboratório Pop Chart que podemos escolher assuntos que ressoam conosco pessoalmente. Claro, os designers sempre podem escolher e escolher. Então, o truque pode ser levar um assunto que não ressoe imediatamente com você pessoalmente e encontrar um ângulo ou ângulos interessantes através dos quais você pode se envolver. Então, você tem que estar envolvido para fazer um bom design ou ilustração. Então, uma vez que você tenha uma categoria de tópico ampla escolhida, vamos restringir isso. Para este exemplo de atribuição, vamos escolher hip-hop e vamos estreitar mais para a história do hip-hop e um pouco mais para baixo para o início dos anos 90 hip-hop e quer saber? Vamos um pouco mais longe e reduzimos a esse pedaço particular da história épica da televisão, O Príncipe Fresco de Bel-Air. Que tipo de dados se correlaciona com esse programa? Vamos pensar sobre que tipo de dados específicos podemos traçar com relação a esse show. Quando penso em The Fresh Prince, acho que a primeira coisa que vem à mente é a música tema e uma abertura créditos que detalham sua jornada de Philly ou West Philly pensar Bel-Air. Então, acho que nos aproximamos de mapear os padrões migratórios do Fresh Prince. 4. Realizando pesquisas: Unidade dois é pesquisa, dados e visual. Para os elementos de dados, geralmente começamos com amplas pesquisas na Internet, e em particular, os suspeitos habituais como Google e Wikipédia. Agora, para alguns dos Pop Chart Labs,projetos detalhados maiores e mais complicados, projetos detalhados maiores e mais complicados como um compêndio de câmeras ou histórico de dispositivos de áudio, vamos começar olhando para uma visão geral de literalmente centenas de milhares de pontos de dados . Mas por razões artísticas e práticas, apenas tantos detalhes podem entrar em um pedaço de papel ou em uma página da web. Tentamos filtrar a informação para criar alguma ordem a partir do caos. Para o nosso projeto de exemplo aqui, padrões migratórios de The Fresh Prince, os dados brutos são um pouco mais simplificados e a migração é descrita nos créditos iniciais. Então, vamos puxar esse vídeo e apertar o botão de pausa repetidamente e fazer algumas anotações. Não há realmente uma maneira de fazer pesquisa, só depende do tópico em que você está trabalhando e como você gosta de fazer pesquisa pessoalmente. Mas, o principal é que você tem que ficar com ele e ser tão detalhado e granular quanto possível, especialmente nos estágios iniciais de um design. Então, basicamente, quanto mais dados você tiver que começar, melhor, e então você pode descobrir diferentes maneiras de chamá-lo ou curá-lo. Então, é mais uma vez, uma questão de colocar no tempo e esforço e não ser muito rápido para estar satisfeito com o seu próprio trabalho. Outro recurso inestimável para muitos projetos pode ser chegar a especialistas específicos no campo. Ou você encontra alguém, alguém que você encontra através de um site como um administrador de um site ou um autor, ou alguém mais próximo talvez apenas no final da rua. Para o nosso design de superpoderes, o Omnibus dos Superpoderes, nós contatamos a uma grande loja local de quadrinhos do Brooklyn e é Bergen Street Comics, e eles nos ajudaram em nossa pesquisa. Esse especialista para o seu projeto específico também pode ser apenas um amigo ou um colega de trabalho ou um parente ou qualquer pessoa realmente, apenas alguém que tem muito conhecimento sobre esse assunto em particular. O próximo passo depois de termos nossos dados brutos, e espero que muitos deles, e eu sei que isso soa bastante básico ou de baixa tecnologia, mas o próximo passo que geralmente seguimos é criar um documento do Word onde você pode simplesmente despejar todos os dados, todas as suas informações. Você basicamente tem que ter todos os dados brutos ou pesquisas em um só lugar, e o Word é apenas uma solução simples e fácil lá e também um programa que todos têm. Então, por exemplo, se você quiser compartilhar sua pesquisa com alguém para dar feedback ou editar, quase nunca há problemas de compatibilidade de software. 6. Organizando dados: Então, depois de termos nosso despejo de dados do documento do Word, vamos dar o próximo passo e criar uma planilha, e começar a aparar as informações e chamá-la. Então, crie uma planilha do Excel e comece a organizar as informações. Isso geralmente envolve dividir os dados em categorias e subcategorias. Às vezes, como foi o caso da nossa evolução dos reprodutores de áudio, por exemplo, os dados aqui começam a tomar a forma das categorias principais e que acabam por começar a formar a estrutura esquelética do próprio design. Então, novamente, cada assunto é diferente, e você só precisa ser flexível e criativo na resolução de problemas para encontrar a melhor solução para seu design e conceito específicos. Para o Príncipe Fresco de Bel-Air, estamos basicamente falando de um padrão migratório de Filadélfia para Bel-Air. Então, acho que podemos pular a planilha. Então, também em nossa fase de pesquisa, queremos fazer pesquisa para os visuais, bem como puxar referência visual quando necessário ou apenas levar uma visão geral de imagens relacionadas para um tópico específico. Então, geralmente, eu começo com uma Pesquisa de Imagens do Google. Sei que parece uma abordagem denominadora comum à pesquisa visual, mas é uma das minhas favoritas. É provavelmente a maneira mais meritocrática de peneirar imagens e ver o que está lá fora sobre um determinado assunto. Então, os resultados da pesquisa vão variar de projetos premiados e desenhos famosos, para trabalho estudantil, para apenas coisas estranhas malucas, todos os quais obter hits de página e aparecer na pesquisa. Então, é uma grande variedade de coisas e realmente interessante e informativo de olhar. Claro, há também livros e, em particular, livros de arte e design. Eles tendem a ser caros, mas você sempre pode tomar um café na Barnes & Noble ou qualquer outra livraria de tijolos e argamassa ainda de pé em sua área, e simplesmente plantar-se na seção de arte e design por um tempo. Há também organizações como a AIGA, ou o Type Directors Club, ou bibliotecas públicas, e essas fundações também muitas vezes têm bibliotecas on-line e em sua filial local, que pode ser um recurso realmente inestimável. Também há sempre na rua pesquisa visual. Agora, não há razão para que a pesquisa visual precise ser acadêmica ou orientada para a mídia na natureza. Para o nosso queijo Cheddar vamos projetar, por exemplo, eu fui a algumas lojas de queijos locais para verificar a sinalização e os desenhos do produto, e também apenas para ver como eles exibem seus queijos visualmente, tipograficamente. Para as impressões do nosso superpoder, fui a algumas livrarias de quadrinhos locais e verifiquei as histórias em quadrinhos e capas de quadrinhos, mas também outras coisas como cartazes, camisetas e brinquedos, e apenas todos os Mercadoria legal que eles tinham lá. Então, pode ser muito divertido e também muito informativo para chegar lá e bater o pavimento. 8. Iniciando seu documento: Então, para a unidade três, vamos começar a tirar o projeto do terreno, e criar um documento, e um layout inicial áspero. Então, todos usam programas de forma diferente, obviamente, projetam software de forma diferente, e esta não é uma classe de software de design, mas trata-se apenas de aprender o básico e, em seguida, praticar uma tonelada para descobrir como você trabalha melhor e qual é o fluxo de trabalho ideal para você. É assim que eu costumo fazer. Nossos projetos são muitas vezes muito complexos, mas eu gosto de manter os aspectos técnicos simples, quando eu posso. Especialmente nos estágios iniciais do projeto e design, para que eu possa me concentrar no quadro geral e como o design e o conceito interagem. Então eu não quero ficar atolado por um monte de coisas técnicas no começo. As coisas têm uma tendência a se complicar à medida que um projeto se desenvolve, por isso é bom começar com uma tela limpa e simples. Então vamos criar um novo documento. E para este design, vamos com 12 polegadas por 16 polegadas e padrão, isso é oitavo de polegada para cartazes e documentos impressos. E 12 por 16, se você está usando isso principalmente on-line ou imprimindo, este é um padrão muito bom, tamanho flexível e proporção. Um laboratório pop star é especializado em cartazes e produtos impressos reais, além do nosso trabalho online. Este cartaz padrão tamanhos são 12 por 16, 18 por 24, 24 por 36 e 27 por 39 e, em seguida, último é o tamanho de uma folha de filme. Então, esses são tamanhos padrão que as prensas de impressão estão configuradas para lidar e também funcionam muito bem para visualização on-line. 10. Criando fonte de título: Como eu estava dizendo anteriormente, visualizações de dados podem ser projetos super complexos e alguns de nossos projetos que aparecem para nosso laboratório têm literalmente milhares de elementos. Então, é realmente importante configurar o documento em um, uma forma simples e dois, uma forma que você possa automatizar tantas mudanças estilísticas e edições, automatizar o maior número possível daqueles mais tarde no design, quando começa a ficar mais complexo. Portanto, duas maneiras fáceis de fazer isso são usando amostras de cores globais e estilos de caracteres para suas fontes. Então, eu acho que é realmente importante usar sempre amostras globais, amostras cores ao fazer infográficos ou visualizações de dados, e eu começarei um design com apenas duas cores, preto e branco, e as etapas posteriores adicionarão mais cores e funcionarão com diferentes paletas de cores à medida que seu design toma forma. Também eu costumo começar o design com apenas um par de fontes, talvez dois. Um serifa e um sans-serif para talvez um par de serifas diferentes ou um par de sans-serifs diferentes, mas apenas um par para começar. Certo, então limpe as amostras e transforme essas em amostras globais, basta clicar em “Global”. E novamente, você vai e escolhe algumas fontes para começar. Pode ser qualquer coisa. Não importa neste momento, mas porque nós vamos mudar um pouco e passar por muitas versões diferentes, mas eu vou mantê-lo simples e apenas ir com Mreaves e MrSeaves, apenas para obter isto fora do chão. Agora vamos definir os estilos de caractere, vamos para o tipo de janela, estilos de caractere, vamos fazer um novo estilo de caractere, chamá-lo de sans-serif e vamos editar isso, então é um sans-serif real, Mreaves. Vamos fazer um ao outro, vamos fazer um serif, e isto é, vamos usar o Sr. Seaves. vez, estes não são colocados em pedra e vão acabar por mudá-los um pouco, mas apenas para começar o design, para ter algumas coisas para brincar. 12. Layout inicial: Então, vamos começar a definir nossa gama inicial de projetos ROV e isso me leva a projetar com a grade. Você pode usar a grade ou desconsiderá-la, mas eu sinto que é um bom lugar para começar especialmente para visualizações de dados. A razão para isso é que eles tendem a ser estruturados de certa forma precisa ou matematicamente. O truque é usar a grade, mas não ser um escravo para ela, porque mesmo a visualização de dados mais complexa que pode realmente usar a grade um pouco para sua estrutura subjacente, ainda deve se sentir orgânica e espontânea. Então, muitas vezes eu vou usar a grade para expor os elementos básicos de um design e , em seguida, desconsiderá-lo como a peça toma forma estilística. Então, vamos ligar a grade para iniciar nossos projetos. Vamos ver Mostrar Grade. Agora, novamente, mesmo se você não usá-lo per se ele ajuda a pensar de uma maneira arquitetônica e plotagem pontos que é bom para esta parte do processo. Agora, para esses ROVs iniciais ou esboços, eu vou muitas vezes sair, versões menores do design no mesmo quadro de arte. Novamente, pensando simplesmente e apenas obtendo uma visão geral de como o design vai ser e geralmente eu vou começar com três. Só estamos preocupados com o básico aqui. Temos nossas duas amostras globais e algumas fontes e isso é tudo o que precisamos para começar. Agora, as perguntas que queremos fazer antes de começar a projetar, depois de pensar sobre a pesquisa tanto os dados quanto o visual e revisá-lo, passar algum tempo com ele, então as perguntas são realmente quais são os principais elementos básicos do projeto vai ser? Para o nosso novo design impresso, esse será o mapa e os pontos de dados sobre o caminho migratório e o título. Então, normalmente eu vou fazer três desenhos diferentes para começar. Eu vou fazer apenas algumas variações em diferentes desenhos, feito dois design com um título acima e a arte abaixo e um design com a arte no topo e o título abaixo e talvez um design onde a arte eo título são mesclados juntos. Basta experimentar algumas variações em layouts básicos usando o que pensamos neste momento serão os elementos básicos do nosso design. Então, faça um, vamos tentar um com o título de topo, será dividido em duas linhas. Deixe-me brincar com as fontes um pouco. Provavelmente precisa de algo lá embaixo, basta colocar algumas linhas de espaço lá até descobrirmos o que será. Se vamos precisar de uma flecha da Filadélfia aproximadamente para Los Angeles, faremos isso em uma porcentagem da Swatch. Então, há um caminho migratório que estará em cada versão do projeto. Em seguida, temos o segundo design com a arte em cima e colocar um pequeno título abaixo para que se transforma apenas muito legal apenas para esboços ou desenhos ásperos. Para o terceiro, vamos tentar um em que o título que é realmente grande e se integra no mapa, apenas para misturá-lo um pouco e vamos fazer o mapa uma sombra dessa cor global cinza. Então, lá nós temos três projetos básicos diferentes apenas para tirar essa coisa do chão e começar a pensar sobre o tipo de forma que ele vai tomar. 13. Refinando um projeto: Então, isso é apenas algumas coisas para revisar, esses últimos visuais dos layouts iniciais. Então, lembre-se, usamos nossas amostras globais e nossas fontes globais para uma variedade de opções diferentes para o título. Talvez o título é sempre uma peça-chave do design e da personalidade ou da visualização e vindo de um fundo em design de jaqueta de livro, sentimos que este elemento tipo de nos diferencia de outros designers gráficos info e dá cada um dos nossos projetos de uma personalidade única. Então, vamos reduzir o alcance e escolher uma direção para explorar. Fazer layouts ásperos e esboços são ótimos, mas, muitas vezes, a única maneira de realmente saber se um projeto trabalha em um grau mais alto é entrar no nitty-gritty e começar a esculpir os detalhes e explorar mais aspectos específicos do projeto. Então, vamos escolher uma direção que gostaríamos melhor. Vou escolher elementos do primeiro e terceiro design. Então, o título no topo e o grande mapa da América do Norte no meio e vamos puxar alguns outros pequenos elementos que eu não tenho certeza que isso vai ser ainda, mas parece que ele precisa de algo lá em baixo, então, vamos apenas colocar algumas linhas lá em baixo Por enquanto. Ok. Então, nós temos nosso design lá começando a ficar um pouco mais específico e nós escolhemos elementos do primeiro design áspero e o segundo terço. Então, temos o título no topo e o mapa norte-americano do segundo terceiro desenho. Por alguma razão, ter um mapa de toda a América do Norte lê um pouco mais de ciência ou acadêmica para mim que quando emparelhado com o nosso assunto é engraçado, então no laboratório pop chart estamos sempre, somos fãs de emparelhar a testa alta com o carga. 14. Edição e refinamento: Está bem. Então, agora estamos passando para a Unidade Quatro, e isso é Editando a Arquitetura de Layout. Vamos refinar o layout para esclarecer como os dados são e também refiná-lo para criar um visual melhor. Então, o primeiro passo aqui é fazer algumas perguntas a si mesmo. Há o suficiente para manter o interesse, o interesse do espectador? Há o suficiente para manter o seu interesse? Você é o primeiro espectador, então você tem que estar interessado em si mesmo primeiro antes que alguém possa estar. É informativa ou editorialmente interessante o suficiente? Mais uma vez, queremos pensar sobre a interseção de dados e design e como os dois trabalham juntos. Pergunte a nós mesmos, o que ele precisa? Precisa de outra coisa, certo? Estou, novamente, voltando a esta parte inferior do projeto onde parece precisar de algo. Vamos nos livrar dessas linhas, e por que não tiramos alguns pontos da migração? Então, ele começa em Filadélfia, West Philly, atirando em aros, vai para o aeroporto. Acho que vamos colocar um avião lá, certo? Uma vez que basicamente a migração participa em um avião. Agora, estes são apenas espaços reservados para que possamos descobrir o que vai acontecer. Depois, há uma viagem de táxi muito fixe, depois, ele está em Bel Air. Soletre corretamente. Então, talvez haja um pequeno fluxograma na parte inferior. Philly para Bel Air, e estes são apenas espaços reservados por enquanto. Então, em etapas posteriores, vamos construir os elementos de ilustração e design, e vamos mostrar o caráter da peça e levá-la para o próximo nível. Mas agora, estamos apenas descobrindo quais serão todos os elementos. Então, ainda temos nossas amostras globais em preto e branco que estamos usando. Vamos adicionar um par de cores. Vamos tentar um azul. Mais uma vez, estes não são colocados em pedra, mas sim apenas algo para empurrá-lo um pouco ao longo. A coisa boa sobre cores globais e estilos de caracteres para fontes e coisas assim, é que é, novamente, muito fácil editá-los mais tarde. Vamos tentar uma cor amarela também. Tudo bem. Então, vamos tentar o mapa azul, e vamos dividir o tipo um pouco também. Está bem. Uma vez que escolhemos uma paleta de cores inicial, que outros elementos podemos adicionar ao design agora nesta fase de refinação? Acho que provavelmente precisamos saber para onde ele está indo, onde ele está saindo, e onde ele acaba em seu caminho migratório, certo? Então, vamos colocar algumas gotas de alfinete lá só para começar com West Philly e Bel Air, ponto 1, ponto 2. Então, eu estou começando a me sentir bem com isso, e eu acho que isso é em um ponto onde podemos começar a adicionar mais alguns visuais e começar a entrar no nitty gritty dos detalhes. 16. Aplicando o tipo dinâmico: Então, isso nos leva à Unidade Cinco, e isso é criar e adicionar elementos estilísticos. Então, primeiro, vamos voltar para nossa pesquisa visual e pesquisa de dados no passo dois e reavaliar. Temos uma direção aqui? Gostamos da nossa direção? Representa os dados muito bem? Está começando a parecer visualmente interessante? Os dados e o design se inter-relacionam e combinam? Sentindo-se muito bem com isso, acho que estamos começando a chegar a algum lugar. Vamos dar uma olhada no, todos os diferentes elementos no design e ver como podemos levá-los para o próximo nível, começando com o nosso tipo. Vamos quebrar o tipo de título, e toda a tipografia da peça, mas o tipo de título em particular, e vamos tentar algumas direções diferentes para ele, e ver se podemos fazer com que seja um pouco mais interessante ou um pouco mais dinâmico. vez, vamos tentar uma variedade de coisas. Eu só estou tipo de zoom em, pegar esse tipo que temos e tentar brincar com ele. Faça isso e execute-o de maneiras diferentes. Aqui, centralizá-lo e torná-lo um pouco mais dinâmico nas proporções. Brincar com tipo maior e menor. Vamos tentar algumas direções diferentes. Vamos realmente centralizá-lo, e tentar aquele tipo Serif, e talvez executar um pequeno ornamento em torno de um dos elementos do tipo. Vamos tentar uma terceira direção mais ilustrativa. Isso é um pouco mais decorativo, e talvez um pouco mais brincalhão. Eles são todos muito legais, e eu gosto do brincalhão. Todas as coisas são iguais, mas acho que talvez devêssemos ir com uma direção mais seca para isso. Então, vamos tentar o que parece mais acadêmico para mim, e esse é o meio aqui. Então, isso é legal, mas talvez precise de um pouco mais de personalidade. Vamos pensar sobre o conceito, e uma vez que este é o seu núcleo uma peça hip hop. Que tipo de elementos visuais combinam com isso? Talvez devêssemos tentar um pouco de grafite. O que era um Fresh Prince, tipo graffiti feito. Então, vamos tentar algum tipo escrito à mão, para essa parte do título. Usando nossa ferramenta de pincel para começar, vamos desenhar o F. Talvez adicionar alguns gotejamentos de graffiti a ele. Aqui e aqui. Vamos tentar toda essa parte do título. Parece um pouco mais dinâmico, um pouco mais interessante, então forneça nossa paleta de cores para este novo tipo de elementos e coloque nosso tipo de graffiti. Torná-lo um pouco maior. É um elemento legal. Vamos torná-lo amarelo. Ok, isso parece melhor. 18. Construindo elementos ilustrativos: Está bem. Então, nosso projeto, está começando a chegar em algum lugar. Está parecendo muito legal. Vamos entrar e dar uma olhada em quais elementos ilustrativos precisamos. minha cabeça, acho que precisamos de alguns elementos ilustrativos para este fluxograma inferior aqui. Precisamos de uma ilustração de basquete e um táxi, e algo para representar Bel Air, e talvez precisemos de um avião aqui passando pela rota migratória. Então, um Pop Chart Lab trabalha neste que é geralmente chamado de estilo de design plano de ilustração, algumas pessoas chamam de minimalismo, mas não é realmente mínimo, é mais uma maneira de trabalhar em que o detalhe é realmente cuidadosamente escolhido, o detalhe para a ilustração é realmente cuidadosamente escolhido e a aparência permanece gráfica. Faz muito sentido para visualizações de dados porque a aparência geral do design pode ser realmente complexa. Portanto, queremos manter alguns dos elementos individuais um pouco simples, mas há espaço para muita criatividade dentro disso, é claro. Você não tem que trabalhar assim. Há algumas ótimas visualizações de dados que são feitas à mão, ou feitas com fotografia ou com, sei lá, tintas para dedos. Então, é totalmente com você. Mas para o estilo Pop Chart Lab, trabalhamos em um estilo gráfico. Então, nós geralmente construímos essas ilustrações com blocos de cores, fazendo formas grandes primeiro e depois preenchendo detalhes específicos e para ser discernimento sobre os detalhes que você inclui, e é sempre fácil obter imagens de referência se você precisar ele. Então, precisamos de um táxi, e vamos construir a forma amarela básica, e então vamos adicionar algumas rodas, e então alguns detalhes, como o tipo de janelas, faróis e talvez uma placa nova. Então, construímos uma forma de placa e adicionamos um pequeno detalhe, buracos, e eu acho que isso é fresco. Vamos dar uma olhada no design com nossos elementos de ilustração. Vamos colocá-los lá dentro. um avião legal que fizemos, talvez vá lá a caminho de Bel Air. Sua descida para Bel Air e começar atirando aros. Então, podemos preencher as diferentes partes, colocar no nosso táxi. Eu só estou meio que desgastando isso. Podemos refiná-los mais tarde. Acho que aquele táxi tinha alguns dados engraçados, os dados difusos, difusos e engraçados, e uma placa nova, e talvez um trono para Bel Air já que Will Smith se senta em um trono na sequência de crédito, eu acredito. Eu só estou colocando isso em apenas para colocá-los lá, e nós podemos dar uma olhada, mas eu acho que esse detalhe extra realmente está começando a levar o design para o próximo nível. 20. Elementos visuais secundários: Ok. Então, vamos dar um passo atrás novamente dar uma olhada em nosso design geral, e parece que ele está começando a chegar em algum lugar. Este ponto geralmente eu vou dar uma olhada e apenas descobrir se ele precisa de quaisquer elementos visuais secundários, ilustrações ou gráficos, coisas assim. Então, se olharmos para todos os elementos principais no design, aqueles que não prestamos atenção até agora. Essa será a seta, a seta do caminho migratório, o mapa, e essas pequenas linhas no fluxograma eu acho, você vê os dados fuzzy apropriadamente ir por agora acima da nova placa de licença. Mas, vamos dar uma olhada nos diferentes elementos e eu acho que ver se podemos torná-los um pouco mais legais. Talvez o mapa, por exemplo, poderia ser um pequeno elemento 3D, 3D para ele copiando e colando, e aqui desenhando em algumas linhas finas para destacar a modelagem da tipografia, e a face do mapa provavelmente precisa ser um pouco mais leve então vamos fazer um pouco de cinza, um azul-cinza, um cinza verde, vamos ver. Isso parece muito bem, isso parece legal. Vamos dar uma olhada em fazer alguma seta mais fria para o caminho migratório, e talvez também usaremos uma variação nessa seta para o caminho no fluxograma na parte inferior do experimento. Então, vamos colocá-los, talvez façamos nossas gotas amarelas também. Nesta parte estamos começando a entrar nos aspectos mais granulares do design. Então, vamos entrar e ver como esse tipo interage com o mapa por trás dele, por exemplo, nosso novo mapa, eles parecem muito legais juntos, talvez possamos fazer alguns dos pequenos detalhes no plano aderir às nossas escolhas de cores e paleta. Talvez possamos fazer alguns dos pequenos detalhes do nosso avião aderir à nossa paleta de cores e escolhas para o design, mas neste momento ele está começando a tomar forma. Vamos adicionar nossas pequenas setas aqui e o fluxograma está funcionando muito bem, e os diferentes aspectos do design estão começando a se unir. Então, aqui está o que temos, e começando a parecer bem legal, parece que há algum espaço vazio em cima e em baixo, que poderia usar apenas um pouco de atenção ou detalhe e o que mais poderíamos adicionar a ele? Precisamos de mais alguma coisa? Talvez precisemos de outra coisa. Como os mapas são frequentemente rotulados com o ano das informações que representam, vamos fazer isso aqui também. Vamos rotular este 1990, aqui em baixo onde uma chave para o mapa iria, mas vamos tornar isso um pouco melhor. Vamos fazer por volta de 1990, e vamos adicionar alguns ornamentos a ele. Pegue isso, e eu coloco isso aqui, e talvez essa coisa precise de uma coroa, eu acho que obviamente, já que é sobre príncipes. Vamos fazer uma coroa de graffiti, no mesmo estilo que o graffiti em nosso título. Essa coroa provavelmente vai para o topo do projeto direito. Então, vamos colocar isso aí, lá vamos nós. Então, aqui está o que temos, parecendo bem legal. 22. Elemento de fundo: Então, agora temos todos os nossos elementos de ilustração no lugar, e nossa tipografia, e nossos elementos gráficos secundários ou ilustração, e isso está começando a realmente se unir, eu acho. Podemos continuar mexendo, movendo as coisas um pouco, mas agora, vamos dar um passo para trás e dar uma olhada nele, e nos perguntar: “Existe o suficiente para manter o interesse dos espectadores? Há o suficiente para manter o seu interesse? O interesse do designer?” Eu acho que está ótimo, talvez haja um monte de pequenos elementos que estão flutuando lá fora, talvez ele precise ser amarrado um pouco. Uma coisa que um elemento de fundo que os mapas geralmente têm é uma grade ou algum tipo de padrão topográfico, e eu realmente amei esses padrões topográficos antigos, então eu acho que talvez vamos tentar isso. Podemos colocá-lo em segundo plano, e ver como funciona. Acho que pode amarrar as coisas. Fazendo um padrão topográfico. Este é um padrão decorativo, não se relaciona com nenhuma topografia em particular. Mas, vamos usar nossa ferramenta de caneta e simplesmente realmente entrar e desenhar todas essas linhas para fora. Vamos adicionar um pouco de amarelo também, algumas linhas pontilhadas para misturar o visual um pouco. Muito desse trabalho ilustrativo e trabalho detalhado nesses projetos são bastante demorados, então, eu não vou passar por tudo, mas você pode ter uma noção de como ele é feito. Então, vamos pegar nosso padrão topográfico e executá-lo atrás do mapa. Vamos ver o que temos. Está parecendo muito legal, e eu gosto muito disso. Vamos soltar esses elementos um pouco, e outra coisa que os mapas geralmente têm são regras. Então, vamos colocá-lo em uma pequena regra, apenas um pequeno elemento de acento para separar o visual principal acima do fluxograma, e outros elementos abaixo. E aqui vamos nós, acho que está ótimo. Eu estou gostando das cores, eu estou gostando do design geral, e todos os diferentes elementos. Acho que parece afiado. 24. Direção de arte final: Então, agora, isso nos move para a unidade seis, e isso é Art Directing e Editing the Design. Então, a principal coisa neste momento é realmente nos perguntar as perguntas difíceis e avaliar o design geral e ser seu próprio diretor de arte e ser seu próprio editor e dar uma olhada dura e honesta. Tente não pensar sobre o tempo e/ou esforço que você gastou no design, tente não pensar nisso. Tente fazê-lo como se você fosse alguém vindo para este design fresco pela primeira vez, e apenas realmente tentar avaliá-lo de uma forma honesta. Em um laboratório Pop Chart, muitas vezes, como palco, temos que fazer algumas escolhas realmente difíceis sobre voltar para a prancheta de desenho e desenhos. Passar muito tempo para retrabalhar minuciosamente alguns dos elementos ou até mesmo voltar para a parte de pesquisa e fazer novas pesquisas para chamar novas informações que o design precisa, ou podemos mudar a estética geral ou mesmo descartar o design totalmente, se não funcionar. Então, há algumas escolhas difíceis nesta fase, mas você realmente se beneficiará delas a longo prazo. 26. Faça o upload e compartilhe: Então, agora você fez o seu projeto. O que você faz com ele? Vivemos numa era da informação. A era do big data e isso é verdade se você está falando dados em uma escala global massiva ou em um nível muito pessoal. A visualização de dados é um meio perfeitamente adequado para sua idade e sua popularidade não é coincidência. Na Pop Chart Lab, compartilhamos nossos projetos através nossa plataforma de mídia social ou, se acharmos que um design tem mérito suficiente, produzimos impressões e outros produtos com ele. Mas também há toneladas de fóruns online onde infográficos podem ser enviados como Visualmente ou Boeing Boeing ou I love Charts. Então, compartilhe coisas online, envie para fóruns. Configure um blog ou um site ou uma conta do Flickr ou compartilhe através mídias sociais porque o mundo adora uma boa visualização de dados.