Ano em análise: criando uma única tipografia de página no Illustrator | Rhiannon Fox-Nanette | Skillshare

Velocidade de reprodução


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

Ano em análise: criando uma única tipografia de página 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 (22 min)
    • 1. Apresentação

      2:33
    • 2. Conjunto de dados

      1:07
    • 3. Desenho abstrato

      2:15
    • 4. Desenho refinado

      3:57
    • 5. Design One: Vectoring de desenvolvimento eletrônico no Illustrator

      4:35
    • 6. Design dois: Vectoring de desenvolvimento eletrônico no Illustrator

      2:01
    • 7. Desenvolvimento de cores

      4:38
    • 8. Considerações finais

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

291

Estudantes

1

Projeto

Sobre este curso

É o início de um ano novo e muitas empresas querem resumos de suas conquistas de 2016 visualizadas. A maioria dos meus clientes são desenhados para o infográfico de uma única página (também conhecido como painel) visualizando seu ano até hoje. Estes podem ser realmente divertidos de fazer!

Neste curso, você vai trabalhar compilando seus dados, desenvolvendo seu layout usando desenhos abstratos e refinados e vetorizando seu infográfico de páginas único. Você vai combinar seus dados de resumo de ano de uma maneira legível concisa. Usando apenas tipografia, formas simples e cor. Você vai trabalhar com linhas e hierarquia para quebrar suas informações para ajudar a levar o visualizador através de suas informações.

Fico ansioso para vê-lo no curso!!

Você vai:

- Entenda os dados- desenvolva seu gráfico visual através de pesquisa e

desenho- desenhe um infográfico de Ano simples e conciso na revisão usando apenas tipografia

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:

Illustrator, inDesign ou Microsoft Word (conhecimento básico necessário)

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: Oi Brianna. Informação A primeira se apaixonou por informações projetadas de volta na minha graduação fora da escola onde tooken classe de design de informação. No meu primeiro ano, fiquei totalmente viciado e nunca olhei para trás. Acabei trabalhando com o PNUD para minha tese sobre representar desastres naturais relacionados à água para todos os países do mundo que envolveram 6000 dados. Agora, muito do meu tempo é gasto trabalhando com os clientes para apresentar os dados da melhor maneira visual possível para seu público, seja ele condensado em uma única página infográfico anual pool gráficos, os sites ou mídias sociais. Minhas aulas Scotia chamado ano e recusou, criando uma única página assumiu livre resumo Infográfico e ilustrado nesta classe vai olhar para compilar um resumo de dados, criando um design componentes e colocando para fora sua página. Durante a aula, vamos combinar todas as informações resumidas em uma única página. Infográfico, o gráfico mostra visualmente as informações de uma forma envolvente comentários semelhantes à minha classe anterior. Vamos trabalhar no mesmo layout de esboços de dados passos, hierarquia, desenvolvimento Elektronik Finalmente Color Inc. Os dados que estou usando para os panos é uma hipotética. Sua entrevista Para esta aula, só usaremos linhas tipográficas e cores para criar um infográfico. Algo é constituinte, bonito, mesmo quando são muito simples. Seu projeto será pegar seus dados e criar um infográfico de página única. Eu vou estar criando este gráfico no ilustrador, mas poderia muito facilmente ser feito e em design também. Se você estiver mais confortável usando no design, sinta-se à vontade para criar seu gráfico que esta classe é para qualquer pessoa que queira aprender a visualizar um resumo de informações básicas de texto. Talvez um cliente o tenha solicitado para um relatório anual, ou você está apenas querendo ver seu próprio ano definido ou para obter incorporação de tipografia . A cor do layout pode criar um infográfico informativo que é fácil de entender. Para a vista e bonito olhar, estou ansioso para compartilhar uma das minhas áreas favoritas de informações projetadas com você e ver todos os seus projetos. Conway para vê-lo e custos, sinta-se livre para passar qualquer dúvida que você tem na seção da comunidade 2. Conjunto de dados: antes de começar, você precisa adquirir o conjunto de dados que deseja para a juventude e determinar os requisitos específicos do cliente para o produto final. O conjunto de dados com que vou trabalhar durante este vidro é um ano de designer hipotético em revisão para 2016. Incluí dados sobre viagens de trabalho em áreas de mídia social que você pode ser capaz de se relacionar com você mesmo, seja apenas uma ou todas as áreas. Eu tenho 10 números diferentes aqui para trabalhar, o que eu acho que é um grande número para começar. Estou animado para ver quais informações você escolhe. Vá em frente e comece seu projeto de classe no upload dos dados que você estará usando. Vou olhar para todos os projetos postar, como mencionei na introdução que você pode usar em design para criar seu projeto. Se você se sentir mais confortável ou qualquer programa que lhe permita manipular sua camada uma cópia , basta me avisar em sua seção de projeto qual programa você encontrar para você. Depois de ter feito isso, passe para o esboço no layout, vídeo 3. Desenho abstrato: Ótimo. Vamos fazer esboços. Adoro usar esboços em vez de papel solto, porque mantém todo o meu trabalho em um só lugar e eu sou capaz de voltar através dele. Se eu precisar de inspiração para outra coisa, use o que você estiver mais confortável. Como este é apenas um design baseado em tipo e linha, não precisamos esboçar design de ícones como fizemos no meu custo anterior. Como eu geralmente gosto de começar é escrevendo meus dados diretamente na página. Isso é razoável para esta peça porque o conjunto de dados é pequeno. Isso significa que eu posso me afastar completamente do meu computador e esboçar sem ter que ir e voltar. Isso também me permite me concentrar e me colocar em um esboço e mentalidade criativa em vez distrair com coisas no meu computador, como e-mails em notificações, eu geralmente começo meu processo de esboço com algumas idéias de layout ásperas. Eu tenho 10 pontos de dados diferentes, então eu vou esboçar algumas idéias que têm 10 seções em toda a página em diferentes formações. Desta forma, eu poderia ter uma idéia para os dados e como eles podem trabalhar juntos no visual I esboçar idéias que funcionam em formas diferentes como quadrados, retângulos e círculos. A melhor maneira de determinar o que funcionará melhor para um visual é experimentá-lo. Obrigado. Você pode ver que estes não são detalhados ou encontrar. Basta colocar suas idéias no papel. É tudo sobre brainstorming é muitas opções diferentes quanto possível e, em seguida, peneirar através de para encontrar as idéias razoáveis que realmente vai funcionar. Porque estamos trabalhando em um projeto menor e há apenas alguns componentes de dados, tipo e linha. Não passei muito tempo no desenho abstrato. Vá em frente e adicione seus esboços abstratos ao seu projeto e mude para o para esboços finos . 4. Desenho refinado: trabalho fantástico até agora. Agora estamos passando para algum tipo de esboço e colocar esta seção pode ser divertido é que você pode realmente começar a jogar com seções e tipografia. Eu amo esta parte do esboço como você pode criar algumas formas realmente interessantes quando você entregar suas letras que você pode nunca ver se você mover diretamente para o computador. Este é também o lugar onde eu começo a trabalhar para fora o fluxo de meus dados onde seção doença precisa sentar para que ele seja lido corretamente. Em um projeto como este, temos livre alcance para fazer o que queremos. Mas em muitos projetos com clientes, você pode ter diretrizes mais rígidas para o fluxo de posicionamento. Basta ter isso em mente quando você está trabalhando nisso. Criar a hierarquia entre números e letras é importante. Grandes números nem sempre devem ser os maiores. Tente criar visualmente uma dinâmica onde você chama a atenção para os dados mais importantes. Se todos os dados que você está usando forem de igual importância, tente criar um fluxo uniforme. Assim, o espectador percorre suas informações com facilidade e sabe onde ler a seguir. Se você tem que trabalhar para saber onde ir em seguida, eles vão desistir de ler. Eu realmente amo usar linhas em meus gráficos. Ele ajuda a quebrar informações de repente para criar espaço de respiração sem tornar o gráfico rígido e pesado. Ok, eu tenho uma idéia refinada, então vamos virar a página e tentar mais algumas. Vou tentar uma ideia de retângulo semelhante à última, mas com os dados dispostos ligeiramente diferentes em algumas mudanças diferentes, então eu vou tentar uma opção circular rápida e talvez um off. Eu gosto muito desse Leo. É quase como uma idéia de cartão postal, que eu acho que funciona bem para este resumo. Eu não estou 100% feliz com a tipografia e layout de dados, mas eu vou trabalhar nesse refinamento no computador para este. Vamos tentar essa ideia do círculo. Eu não acho que ele vai funcionar para esta peça como não há visuais para comparar, então ele só torna um tipo mais difícil de ler para o espectador. Como designer, às vezes você tem que empurrar para trás em clientes que podem querer algo diferente só porque eles queriam parecer legais. Se ele não funcionar para os dados, realmente não importa como chamar ele parece inicialmente se o espectador não vai gastar algum tempo lê-lo. Infográfico não significa necessariamente muita informação e complicado. Às vezes, a melhor opção é usar um gráfico mais conhecido. Se isso é o que representa os seus dados da melhor maneira possível, vou tentar uma última ideia. Acho que é mais um estilo tradicional. Você vê alocando imagens do Google os cardos longos, finos, verticais estilo infográfico decentemente rápido para colocar para fora um Z. Eu não tenho que navegar. Colocando conjuntos de dados juntos. É mais sobre manter o tamanho visual e tipo bem. Funciona. Não é muito emocionante, mas flui e mostra nosso conjunto de dados. Eu só tive uma pequena idéia de um jogador tipo diferente para circular, mas então eu vou rapidamente patinadores. Acho que não vai funcionar tão bem. É um retângulo. Mas como eu mencionei antes, é melhor colocar todas as idéias no papel. Para ter certeza, você já fez a maior parte do trabalho duro. Adicione seus esboços refinados ao seu projeto e vamos passar para a próxima seção. Vetoração no Illustrator 5. Design One: Vectoring de desenvolvimento eletrônico no Illustrator: trabalho fantástico até agora. Obrigado por ficar comigo. Agora vamos ao Vector são esboços. Vamos separar os dados. Atualmente, tenho em uma planilha do Excel, mas prefiro ter sempre meus dados em meu arquivo comigo. Então eu vou pegar uma loja de tela rápida e jogar set no meu quadro de arte. Na minha aula anterior, colocamos os esboços no quadro de arte, então era mais fácil rastrear. Mas para este projeto, nós não precisamos fazer isso porque nós não estamos criando nada do zero em um monte de que é alinhamento e tipografia. Vou apenas digitar rapidamente ou os pontos de dados em seus respectivos títulos. Quebrá-los me permite manobrar meu tipo para dimensionamento e alinhamento conforme necessário. Eu sempre duplico meu tipo original. Este é um cenário justo, tempo para ter um pequeno tipo tal e encontrar um bom tipo de letra para usar porque muitos dos meus clientes têm diretrizes de marca e são obrigados a usar tipos específicos. Então, para este gráfico, eu vou tentar Gotham em torno dele, como eu sempre quis tentar e trabalhar com este tipo de letra. Vá em frente e explore suas opções de digitação e escolha uma fonte que você sinta mais adequada a você ou ao seu projeto. Estou ansioso para ver as escolhas de tipografia de todos. Agora vou começar o layout e os ajustes. Gosto de tentar fazer o título por último na maioria dos casos. Então vamos começar com o layout de dados. Oh, eu vou trabalhar fora meu segundo esboço, a idéia do cartão postal para agora, e ver como ele fica. Como você pode ver, eu estou apenas trabalhando em preto e branco usando espessura de tipo e tamanho como ele projetar elementos, adicionando em linha para mostrar a distinção entre os conjuntos de dados. Eu uso ilustradores guias muito no meu trabalho. É muito importante tentar manter o alinhamento o máximo possível desde o início . Então você não precisa voltar este mês enquanto trabalha para editar um alinhamento, que é extremamente importante para criar gráficos de aparência polonesa para este gráfico. Vou tentar manter a ideia de que todos os tipos e números estão alinhados em tamanho. Não tenho certeza se ele funciona para todos os conjuntos de dados, mas é o objetivo agora que eu adicionei os dados do trem, Eu preciso diferenciar a diferença entre a linha que separa os números de voos e milhas voadas na linha entre o seção de voo e seção de trem. E isso precisa ser mais óbvio. Ah, usei os passeios de alinhamento várias vezes durante cada estágio de um projeto No Illustrator, eles são meus melhores amigos. Eles economizam tempo para que você não tenha que alinhar tudo à mão e ao site. Certifique-se de usá-los o máximo possível. Estou adicionando a flecha com algum espaço para respirar ao redor. Acho que mostra diferença suficiente das quebras de linha de assunto, mas não é muito óbvio . Vamos trabalhar na adição do resto do conjunto de dados a essa direção atual. Eu vou ligar a visualização de grade também, trabalhando em que poucos como eu acho mais fácil com o alinhamento. Às vezes, a página pode ficar realmente entupida com um monte de réguas na página. Vá em frente e trabalhe no layout do resto do seu gráfico. Lembre-se de copiar e colar todas as linhas ou formas que você usar para salvar você dizer. Por enquanto, acho que esta camada funciona bem. Repare que eu não mantive. Os números têm o direito de ser exatamente a mesma inteligência em todos os casos, não ficaria bem e criaria um equilíbrio desigual com o fluxo do gráfico. Então agora vou trabalhar na minha seção de título. Apenas um simples por enquanto, como eu fiz no meu esboço, crie um pequeno gráfico visual atrás de uma seção do título, depois trabalhe no design do tipo de título e no aviso de layout. Aqui estou adicionando alguns cinzentos para ajudar com a hierarquia do título até trabalharmos com cores. Certo, acho que isso parece muito bom. Eu não estou 100% feliz com o tipo de letra, mas eu acho que isso funciona agora como eu vou tentar rapidamente um dos outros esboços também. Para vocês, vão em frente e na sua versão preta do seu infográfico vetorado. Até agora para seus projetos. Mal posso esperar para ver sua criatividade. Vamos passar para a próxima seção para ver o segundo desenvolvimento de esboço que criei. Você não tem que vetar dois esboços como eu sou, mas eu gostaria que você visse duas versões diferentes, mas semelhantes 6. Design dois: Vectoring de desenvolvimento eletrônico no Illustrator: Obrigado por ficar comigo até agora. Agora eu vou montar rapidamente minha segunda idéia, o mais tradicional, longo fino Infográfico, que foi o último esboço que eu fiz. Duplicei o meu motor de popa aqui, pois não quero começar do zero. Já fizemos muito do trabalho. Para esta segunda versão, vou mudar o tipo de letra para esta. Como eu mencionei antes, eu não estava tão feliz. Com Gotham arredondado, eu gosto de usar tipos de letra que têm um monte de pesos diferentes para eles. Isso permite que você muitas opções ao projetar. Vou usar Helvetica novo para fazer este movimento como toneladas de pesos diferentes, que é perfeito. Eu vou fazer os mesmos passos que um gráfico anterior, Então eu alinho os números e títulos dentro das duas réguas que eu tenho colocado para fora usando as diferentes esperas frontais para ajudar a estética do design do gráfico. Ele também ajudará com a hierarquia em muitos casos, mas como a maioria desses dados é igual, não é tão importante em termos de hierarquia para este projeto. Há algo sobre este longo que eu gosto, mesmo que seja um pouco estranho. Acho que estamos prontos para avançar para a incorporação da cor. Agora, se você não fez isso da seção anterior, vá em frente e adicione seu gráfico vetorial preto e peso em sua página do projeto e eu vou revisar e responder assim que eu puder. Você está na reta final agora. Obrigado por ficar comigo e vamos para a cor. 7. Desenvolvimento de cores: Fantástico ver que ainda está comigo na aula. Você está quase então para brincar com a cor para a fase final do seu gráfico. Para este projeto, eu não tenho um plano específico, pois eu gostaria de ver quais cores funcionam para esta primeira versão enquanto vamos. Minha marca pessoal é azul e branco brilhante, mas eu uso essas cores no projeto de uma classe anterior. Vou explorar outras opções. Por enquanto, roxo é uma das minhas cores favoritas, então eu vou começar o esforço agora. Eu gosto de trabalhar muito com diferentes cadeias de capacidade. Você pode encontrar isso bem no meio da sua barra de ferramentas na parte superior, onde diz um passa-lo 100% jogar com seus números de passagem A, bem como suas cores. Ele pode realmente ajudar com a criação de hierarquia e morte em seu infográfico. Eu também gosto de usar pastagem para objetos. Gostaria de empurrar ligeiramente para trás. Eu realmente não gosto do sinal mais para os projetos concluídos, então eu vou mudá-lo para mais de 45 com o símbolo mais em vez, eu acho que ele lê muito melhor. Eu tentei a mesma cor livre seção como você pode ver roxo para voar azul escuro para trens, mais espaço para instagram azul para relações de trabalho. Não está funcionando para mim, mim, então vamos tentar mudar. Vou começar a trazer a passagem mais forte agora e me livrar do cinza no texto. Estou brincando com minha seção de título agora, como eu acho que o roxo é um pouco demais com o resto do gráfico sendo em cores. Então vamos trabalhar com os grandes e ver o que podemos fazer com a mesa. Acho que está funcionando bem por enquanto. Eu vou duplicar o quadro de arte como eu quero tentar e ver isso com um fundo de cor sólida e ver como ele parece. Então eu crio um objeto quadrado no clique direito, organizar e enviado de volta, fazendo malabarismo através de algumas cores. Eu acho que eu vou tentar este tom marrom escuro, que significa que eu preciso mudar as cores do gráfico principal para que eles sejam legíveis. Eu quero manter o aspecto colorido para este papel corredores. Acho que ambos são sólidos por enquanto. então eu vou passar para a segunda opção camada. Novamente. Estou mudando o símbolo mais do que para o mais para os projetos. Alguns ajustes de alinhamento também são necessários. Vou fazer uma versão colorida para esta primeira opção, semelhante à primeira versão no layout anterior. Para a segunda versão, estou usando um fundo escuro tentando um olhar de monitor. Então, apenas preto, branco e cinza com capacidades. Eu geralmente sou realmente atraído para o monitor e paletas de cores, como eu acho que ele cria um visual coeso. Certifique-se de reduzir sempre o zoom para dar a aparência visual como um todo. Certifique-se de que algo não é mais proeminente do que deveria ser. Acho que isto parece bom. Vamos ver todos juntos. Eu acho que eles vão trabalhar bem e cada um tem seu próprio sentimento para eles. Vou colocar tudo isso na minha seção de projeto para que você veja se quiser, então vá em frente e trabalhe em seu desenvolvimento de cores. Eu realmente quero que você se divirta com ele em explorado diferentes faixas de cores e opções. Isso é o que eu fiz, e eu adoraria ver a sua versão não se esqueça de enviar o seu projecto College Inc para o seu projeto, mesmo que seja apenas uma queda. Estou ansioso para vê-lo um último vídeo antes de você ter completado a aula, então vamos passar para os pensamentos finais. 8. Considerações finais: Você está quase lá. Você fez um trabalho fantástico passando por cada um dos vídeos e postando seus passos na página do projeto. Você trabalhou oficialmente criando seus dados através da tipografia de esboços, pregos gráficos criando gráficos eficazes com cores e formas simples. Certifique-se de abordar seus projetos. Espero que gostem desta aula tanto quanto eu e aprendam algo novo ao longo do caminho. Sinta-se livre para fazer qualquer pergunta no quadro de discussão. Tenho direito de revisão. Muito obrigado, e estou ansioso para ver projetos acabados.