Tipografia que funciona: composição tipográfica e fontes | Ellen Lupton | Skillshare

Velocidade de reprodução


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

Tipografia que funciona: composição tipográfica e fontes

teacher avatar Ellen Lupton, Author and educator, MICA

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

10 aulas (36 min)
    • 1. Trailer

      1:25
    • 2. Tipo sem serifa

      2:45
    • 3. Arquitetura básica

      5:00
    • 4. O projeto: sem serifa + estrutura

      6:38
    • 5. Famílias do tipo serifa

      4:56
    • 6. Detalhes e mais detalhes

      3:14
    • 7. Projeto: tipografia literária

      2:17
    • 8. Revolução slab

      3:00
    • 9. Hora de misturar tudo junto

      3:13
    • 10. Projeto: personalização de fontes

      3:17
  • --
  • 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.

91.454

Estudantes

627

Projetos

Sobre este curso

Uma tipografia inteligente e elegante faz você (ou seu cliente) parecer inteligente e elegante também. Uma tipografia desajeitada e ineficiente... bom, acho que você já entendeu o recado. Uma boa tipografia traz prazer para a leitura; uma tipografia ruim suga a energia do seu conteúdo, deixando-o largado e abandonado à própria sorte.

9a2b91f3

O que você aprenderá

  • Sans + estrutura.  Uma família da tipologia sans é uma paleta de tons claros e escuros. Aprenda o que dá uma personalidade especial ao tipo de fonte sem serifa.
  • Serifa + detalhes.  Aprenda a explorar os rebuscados detalhes de uma família completa de tipo serifa.
  • Slab + personalização.  As fontes slab são blocos pesados. Aprenda a usá-las.

53b66784

O que você fará

Você vai entender como reconhecer e explorar ótimos tipos de fonte e como criar composições intrigantes e sofisticadas. Você vai criar um cartão de visita usando os elementos de tipografia apresentados em cada aula. Ao final deste curso, você vai saber como deixar sua mensagem clara e adicionar uma complexidade significativa ao seu trabalho.

Faça este curso se você estiver começando e quiser desbloquear o poder das fontes, ou mesmo se você já trabalha como designer e quer relembrar algumas coisas. Profissionais de várias áreas, como artes, escrita, ilustração, programação etc., vão encontrar algo de útil neste workshop gratuito.

Conheça seu professor

Teacher Profile Image

Ellen Lupton

Author and educator, MICA

Professor

I'm a writer, curator, educator, and designer. Lupton is the Betty Cooke and William O. Steinmetz Design Chair at MICA (Maryland Institute College of Art) in Baltimore. I've authored and co-authored many books about design practice, including Thinking with Type, Graphic Design Thinking, Graphic Design: The New Basics, and Design Is Storytelling.

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

2. Tipo sem serifa: Olá. Bem-vindo à primeira unidade de tipografia que funciona. O que vamos fazer é olhar para algumas famílias do tipo sans serif, e então explorar grades e alinhamento como formas fundamentais de juntar o tipo. Aqui estão alguns tipos de letra que você vai querer conhecer, e vamos olhar para alguns deles. Este é o Futura projetado em 1927. Foi realmente destinado a criar toda uma paleta de escuro e luz com que os designers pudessem trabalhar na página. Muito um tipo de letra do seu tempo. Gill Sans foi projetado em 1928, e foi deliberadamente um contraponto para Futura, projetado por Eric Gill. Foi inspirado pelo famoso alfabeto subterrâneo de Londres. O que Gill queria fazer era criar uma versão mais humanista das letras sans serif. Se você comparar o minúsculo um lá, você pode ver o círculo perfeito no coração de Futura, e, portanto, mais renascimento a em Gill Sans. Isso dá a esses dois tipos de personalidade muito diferente. A Suíça é famosa por suas fontes sem serif. Há Univers de 1957, projetado para ser novamente uma grade de luz e escuro, grosso e fino, uma palete de material para o designer trabalhar. Helvetica apareceu em 1957 e tornou-se realmente uma das fontes mais famosas e populares do mundo. Helvetica Neue de 1983 é uma versão da Helvetica que foi precisamente numerada e projetada para dar ao designer esta paleta perfeita de luz e escuridão. Isso é realmente o que estamos procurando em um tipo sem serif. Claro, os designers nunca param e a cada ano, e a cada década, há novas fontes sem serif para trabalhar. Cada um fornece algo novo e diferente para os designers. Um realmente famoso é Gotham desenhado por Tobias Frere-Jones. Você saberá isso de Obama. Tornou-se um símbolo de mudança e um símbolo da América. Na verdade, ele é inspirado na sinalização comercial americana, como as letras que você vê aqui. Por que precisamos de tantas fontes? Uma das razões é evitar crimes de tipo como este. Este é o lugar onde um designer escalou as letras em uma direção e não na outra. Isso faz com que essas ondas feias e incompatíveis. Então encontre uma boa família grande que tem todos os pesos e espessuras que você quer, e você será capaz de fazer uma bela tipografia. 3. Arquitetura básica: Nesta parte da lição, vamos olhar para a tipografia da arquitetura e começar a fazer coisas com todo aquele grande alfabeto sans-serif. Então lá está nossa amiga Helvetica novamente, e este é um belo cartaz dos anos 50 onde você pode ver como o designer está usando uma grade para alinhar as coisas, e realmente design gráfico é tudo sobre alinhamento. Criamos grades para que possamos ter um sistema que permite que objetos na página ou na tela sejam ancorados uns aos outros, e cria uma mistura de uniformidade e variedade e que realmente cria uma tipografia muito estruturada e ordenada coisas. Assim, o alinhamento está no centro de como colocamos e organizamos elementos, e cada forma de alinhamento tem sua própria vibração. alinhamento centrado é muito formal, é muito simétrico, você obtém designs como este que são quase estáticos. Aquele pouco de itálico ali dá-lhe algum movimento. Vemos tipo centrado em lápides. Às vezes você pode estar, ainda não está pronto para estar morto, tente algo diferente do centrado. Justificado é muito econômico, economiza espaço e faz um bloco sólido maravilhoso. Às vezes esse bloco pode estar cheio de buracos, nós chamamos esses rios, e isso não é uma coisa tão boa. Então você tem que trabalhar duro para tornar o seu tipo justificado bonito como neste design onde até mesmo as imagens são justificadas. Flush left é uma ótima configuração de tipo orgânico. Então você tem uma borda dura agradável de um lado e uma borda macia do outro. Confira esta capa de livro lindo de 1936, typeset em futura, estampado em uma capa de livro de linho. Realmente bonita. Flush direito é mais incomum e que lhe dá um verdadeiro dinamismo. Então você tem essa borda muito suave à esquerda e a borda dura à direita, e essa borda dura realmente permite que o tipo se oriente para o seu conteúdo. Estamos muito cientes do alinhamento e da forma como o tipo é magneticamente atraído por algo ao lado dele. Aqui, o designer usou esse tipo de descarga certo para realmente criar uma sensação de movimento e dinamismo. Queremos abrir a capa deste livro, esse tipo está nos levando para onde queremos ir. Vamos ver alguns layouts. Este é o layout mais feio e estúpido de sempre. Tudo está centrado ou flutuando até as bordas e isso é algo que queremos evitar. Este é o seu layout mais estático onde tudo está centrado e isso pode parecer bem, e há muitos usos bem-sucedidos do tipo centrado, mas isso é bastante chato, não é a primeira coisa que você pode pensar. Então algo que eu vejo em um monte de trabalho estudantil são apenas os elementos flutuando para a borda da página. Estes elementos não estão realmente ancorados em nada. Eles não se alinham a nada. Então uma estrutura como esta é muito mais bem sucedida porque os elementos têm uma orientação um para o outro e eu chamo isso de uma estrutura interna. É uma estrutura que vem do conteúdo e não apenas das margens da página. Jan Tschichold foi um grande designer e teórico nos anos 20 e ele realmente fez este argumento muito forte em seu livro, A Nova Tipografia. Então ele odiava tipo centrado, ele odiava como ele forçava conteúdo para este molde pré-definido rígido e em vez disso ele criou grades com elementos de descarga esquerda ancorados uns aos outros. O espaçamento entre linhas é um recurso importante para o designer, e nós realmente usamos isso para criar textura, para criar campos abertos e fechados do tipo que são mais claros ou mais escuros. Então esses dois sites, à esquerda, você vê um site que é muito aberto, que é mais legível, é mais talvez para uma experiência longa. O da esquerda é muito denso e escuro e mais conservador do espaço. Cada um tem seus benefícios. Depende do que você está tentando fazer com seu conteúdo. Espaçamento entre linhas pode ser usado criativamente para permitir que você misture e combine linhas do tipo, pode ser uma forma bastante expressiva. Algumas coisas ruins. Aqui está uma tipografia muito feia. Este é um e-mail que recebi recentemente que tem quatro tipos diferentes de ênfase, que tanta ênfase, eu não tenho idéia do que é importante. O mesmo com este sinal Amtrak. Este designer aqui estava tão animado em usar tantos bolds, itálico, e pontos de exclamação que nada acaba realmente parecendo importante. Este é um pouco melhor, mas ainda temos problemas com muita ênfase. Então eu estou começando a ler a frase, sempre maiúsculas vermelhas, em vez do que foi planejado pelo escritor. 4. O projeto: sem serifa + estrutura: Na última parte da unidade, vou guiá-lo passo a passo através do processo de projetar um cartão de visita muito simples. Primeiro, para um pouco de inspiração, este é do meu livro, Design It Yourself, e este tem um capítulo inteiro sobre cartões Kristen Spilman e Spence Holman que são estudantes de pós-graduação aqui na MICA, e você pode marchar através estes e ver como apenas com o tipo, você pode criar algumas personalidades realmente diferentes. É tudo sobre como está alinhado. Este é muito relaxado, e o tipo desaparece para cinza, e é uma espécie de nuvens no céu. Este usa a fonte de código de barras para enfatizar o número de telefone. Isto é feito inteiramente com o ornamento tipográfico, você pode realmente construir padrões com o tipo ou você pode mudar a escala para um efeito mais dramático. A impressão é realmente fascinante e não vamos entrar nisso hoje, mas experimentar com serigrafia e tipografia, e materiais diferentes realmente podem trazer personalidade para o que você vai fazer. Encontrado nos materiais, isto é de borracha estampada na lasca de tinta da Martha Stewart. É realmente infinito quando você começa a pensar sobre as coisas ao seu redor e como elas podem ser transformadas em um cartão de visita, que é realmente um retrato tipográfico. Um cartão de visita é uma foto sua, ou um negócio, ou uma marca, e eu realmente quero que você pense sobre isso enquanto você constrói sua própria identidade neste pequeno quadrado, que nos EUA é de 3,5 por 2 polegadas. Eu vou percorrer o processo de design aqui, eu apenas comecei digitando o conteúdo do meu cartão de visita, você provavelmente vai querer um pouco mais do que isso. Minha personagem aqui, Srta. Helvetica, é o personagem-título de um romance que estou escrevendo. Você provavelmente vai querer ter um número de telefone e um endereço de e-mail, mas a Srta. Helvetica está jogando bem direito. A primeira coisa que eu fiz foi apenas tentar colocá-lo centrado, e justificado, flush esquerda, flush direita. Estou muito feliz com o flush esquerdo, acho que é isso que a personalidade dela é. É com isso que vou trabalhar. Mas agora, eu olho para ele e vejo que este é um trapo muito feio. Quando você está definindo o tipo flush esquerdo, você tem que realmente prestar atenção à forma que essa borda irregular faz. Não queremos que pareça uma escada ou uma barriga grávida ou a lua nova, você realmente quer que ela pareça natural e orgânica. A primeira coisa que fiz foi dividir o conteúdo, ver se podia separá-lo e fazer parecer melhor. Estou começando a criar uma grade, deixei cair uma linha no meio do cartão para começar a criar alguma estrutura para esse espaço. Estou começando a gostar disso, mas o pano ainda está ruim, ainda está fazendo uma escada, então reescrevi o texto. Eu soletrei a palavra santo, eu quebrei aquela pequena lista de serviços e linhas separadas. Agora, eu estou realmente gostando do pano, mas todo o design está no topo. Comecei a construir minha grade, adicionei uma linha horizontal. Agora, eu posso começar a organizar o texto em um espaço mais estruturado com cima e baixo, e esquerda e direita. Estou começando a gostar muito mais disso. Você vai notar que quando eu alinhar esse texto, eu alinhei para a altura x das letras, não para a altura da tampa, e isso vai nos ajudar mais tarde quando começarmos a mudar a escala das letras. altura X é realmente o corpo de uma fonte, que é onde a maior parte da ação está, e muitas vezes os designers se alinham a essa altura x para realmente criar a estabilidade que você está procurando em alinhamento. Foi o que eu fiz aqui. Agora, estou olhando para o design e tudo está no fundo. Algo vai dar aqui, temos que mover algumas coisas. Eu mudei sua lista de serviços para o topo, e eu realmente gosto disso, é uma espécie de pássaros no céu flutuando sobre essa paisagem de informações. Eu gosto da composição básica, estou começando a ficar muito feliz com isso. Mas agora, eu quero entrar e criar contraste. Meu tipo de letra, Helvetica, é claro, é tudo sobre contraste. Tenho todos esses pesos diferentes com os quais posso trabalhar. Tentei colocá-lo em lugares diferentes e, finalmente, sinto que quero enfatizar os serviços que a Srta. Helvetica está oferecendo em oposição ao seu nome pessoal ou marca. Eu vou com isso, e é onde eu estou. Mas eu quero dar alguma ênfase a esse nome, Srta. Helvetica, então torná-lo maior. É a única coisa maior no cartão, e então eu estou começando a construir nesses elementos contraste. Gosto disso, mas há um problema aqui. Helvetica Thin, quando eu faço isso um tamanho maior, a espera não corresponde mais ao texto menor usado em seu nome e endereço. Vou trocar isso e usar Helvetica Ultra Light nome comercial e manter Helvetica Thin para o nome e endereço. O tipo de face é projetado para ser realmente modular desta forma e permitir que você crie esses traços correspondentes. Isso é um refinamento muito agradável que vem de um tipo grande como aquele. Estou gostando muito disso. Vou fazer design e tipografia um pouco menores, acho que é um pouco mais poético, flutuando lá no céu. Mas agora, vou dar um passo atrás e olhar para essa composição. Aí está minha grade, e a grade faz sentido. É muito racional. Mas visualmente, parece desequilíbrio porque há menos espaço na margem direita do que na esquerda. Agora que tenho essa grade racional, quero entrar e fazer parecer certo. Acabei de criar uma margem igual, esquerda, direita e centro, e isso realmente se torna minha nova unidade da minha grade. Vem do conteúdo que acabamos de construir. Vou usar isso para criar uma margem superior e inferior também. Agora, eu tenho esse design que parece equilibrado, mas também lógico, e tem um pouco de diversão e brincadeira nele. Foi aí que começamos à esquerda com absoluta simplicidade, apenas com o conteúdo. Ao longo do tempo, adicionamos complexidade e estrutura ao design. Tudo sai desse conteúdo. Isso é o que eu quero que você tente. Quero que crie algum conteúdo. Basta escrever, é assim que você começa, com a escrita. Em seguida, adicione gradualmente estrutura e contraste ao seu design, e veja onde ele leva você. 5. Famílias do tipo serifa: Olá. Bem-vindos de volta à tipografia que funciona. Nesta unidade, vamos olhar para alguns tipos de letra serif e explorar alguns dos detalhes finos do design tipográfico. Por exemplo, uma ligadura, estes são caracteres especiais que impedem o toque indesejado entre f e i, f e l, e outros grupos de caracteres. Vou começar com um pouco de história. As primeiras fontes foram inspiradas pela caligrafia medieval. Páginas como esta impressas na Alemanha no século XV são muito densas e escuras, inspiradas por essa escrita medieval. Na Itália, as impressoras começam a criar tipos romanos que eram muito mais abertos. Esses realmente se tornaram a base de muitos dos tipos romanos que usamos hoje. Chamamos isso de humanista. Você pode ver que eles têm vários níveis de escuridão e densidade, mas todos eles têm essa geometria aberta que vem do primeiro século de impressão italiana. tipo itálico originou-se na Itália a partir de um estilo cursivo de caligrafia. Inicialmente, eles eram separados do alfabeto romano. Aqui, você pode ver o contraste entre os romanos eretos e o itálico inclinado em uma única página do tipo. Na França, Garamond criou outro tipo humanista popular. Muitas versões deste tipo de letra estão em uso hoje. Um dos meus favoritos é Adobe Garamond Pro. Cada um tem seu próprio estilo. Cada um reflete seu tempo. Os designers continuam a atualizar esses tipos de letra para expressar impressão e tecnologia contemporâneas. Dave Eggers é famoso por usar apenas Garamond 3 em sua revista, McSweeney's. Você vai querer conhecer todo o tipo de família. Um tipo de serviço completo tem romano, itálico, tem tampas pequenas, tem negrito e semibold. Todos esses elementos se unem para criar hierarquia e contraste, e ênfase em seu design. John Baskerville é uma ótima impressora do século XVIII que criou tipos de letra com mais contraste e serifas mais nítidas. Nesta bela peça de impressão de Baskerville, podemos ver muitas técnicas de design tipográfico sobre as quais falaremos mais detalhadamente: capitais rastreados, minúsculas, maiúsculas caídas e algarismos antigos. Todas as características fantásticas da tipografia tradicional à base de serifa. Mr. and Mrs. Eaves é uma família de tipo contemporâneo desenhada por Zuzana Licko, inspirada nos tipos de John Baskerville. Os designers de tipo hoje continuam a olhar para a história como uma fonte de inspiração para novos tipos de letra para o nosso tempo. Didot e Bodoni foram impressoras no final do século XVIII que criaram tipos de letra que têm contraste severo entre espessura e fina. Chamamos esses tipos de letra modernos. Eles foram inspirados pela gravura, o que permitiu diferenças muito finas entre linhas finas e linhas grossas. Didot e Bodoni são muito populares hoje. Mesmo que venham da história, eles podem ser usados de uma forma muito contemporânea. Aqui, o designer usou um espaçamento de linha extremamente apertado, e uma mistura de romano e itálico ousado e leve para criar este layout contemporâneo muito dinâmico. Aqui está um pequeno gráfico mostrando esta história ideal da tipografia, começando com o estilo antigo ou humanista, passando para a transição, que vimos em Baskerville, e culminando nos chamados tipos modernos de Bodoni e Didot. Os designers continuam a usar essa classificação para pensar sobre a estrutura básica e a personalidade dos tipos de letra serif. Aqui estão alguns para você saber que Garamond é de estilo antigo, Baskerville é de transição, e Didot é moderno. Por trás de cada um deles estão dezenas de outros tipos de letra para você explorar, mas estes são ótimos para conhecer enquanto você começa a projetar com tipografia serif. 6. Detalhes e mais detalhes: Agora que olhamos para alguns tipos de letra serif, vamos olhar para os detalhes que são possíveis com um ótimo tipo de letra. Aqui está aquela linda página de Baskerville. Algumas das coisas que ele fez foi adicionar rastreamento aos bonés. Você pode ver aqui como, adicionando algum espaço ao redor das tampas, ele realmente enfatiza a bela geometria quadrada das letras maiúsculas, que são derivadas da escultura em pedra e muitas vezes tinham muito espaço ao redor delas. Rastreamento não é uma coisa tão agradável aplicada a letras minúsculas, que são realmente projetadas para se sentar bem e fechar juntos, então geralmente evitamos rastrear minúsculas. Kerning é algo diferente. Kerning é o espaço entre duas letras, enquanto rastreamento é espaço em todo um corpo de letras. Aqui você pode ver como kerning melhora o espaço e criar algum efeito mais uniforme. kerning métrico é o kerning que é incorporado em seu tipo de letra, que é realmente o kerning que o designer colocou lá. Normalmente isso funciona muito bem para o que você precisa fazer. Às vezes, os designers mudam para o kerning óptico, o que permite que o programa de layout determine o kerning em vez do designer, o designer da fonte. Isso geralmente funciona melhor com manchetes com tipo de grande escala. As tampas pequenas são uma ótima característica da tipografia. pequenas são a altura das letras minúsculas e você pode vê-las e trabalhar lá. As tampas pequenas verdadeiras fazem parte do tipo de letra. Eles são, na verdade, um alfabeto separado projetado pelo designer de tipos para você usar. Pseudo bonés pequenos são um tipo de crime. Estas são maiúsculas encolhidas e parecem terríveis porque quando você encolhe aquela letra de tamanho normal, os pesos não combinam. Os números são fascinantes. Algumas fontes usam o que é chamado de algarismos não-alinhados, que têm ascendentes e descendentes. Enquanto outras fontes como Helvetica ou Futura, têm algarismos que são essencialmente a altura das letras maiúsculas. A beleza dos algarismos não alinhados é que eles se integram ao texto. Eles têm esse maravilhoso sentimento literário porque eles se parecem com caracteres maiúsculos e minúsculos. As capitulares são uma grande característica do design tradicional de livros, muitas vezes usado no início de uma obra. Este foi criado com o recurso de capitalização automática no InDesign. Mas você também pode fazer suas próprias tampas personalizadas. Aqui eu queria que essa linha de texto para realmente seguir o ângulo do W. Aqui estão algumas capas históricas que são tão inspiradoras de ver. Mas as capitulares também podem ser feitas de uma forma muito contemporânea e podem ser uma ilustração que você integra em seu layout. 7. Projeto: tipografia literária: Agora, vamos aplicar todas essas características da tipografia literária a um cartão de visita. O primeiro cartão que fizemos foi sobre estrutura e grades. Agora, vamos olhar para esses detalhes literários. Vamos escrever literatura. Este é um parágrafo que escrevi sobre uma revista imaginária. Eu quero que você pense sobre algum conteúdo sobre sua empresa ou sobre seu serviço, então escolha um tipo de letra. Eu escolhi Jenson, que é uma bela fonte inspirada nos primeiros romanos italianos do século 15. Eu realmente gosto do quão pesado e carente este tipo de letra é. Um pouco à moda antiga, que funciona para o que estou tentando fazer. Puxei alguns elementos e coloquei-os em tampas pequenas. Você vai ver que as pequenas tampas vêm com aqueles algarismos não-forrados, e eu vou precisar passar por eles e ter certeza de que todos os meus algarismos não são forrados. Novamente, use um pouco de Itálico para adicionar mais detalhes. Quero dar uma olhada nos números de telefone já que os números são uma parte importante de um cartão de visita. Há muitas maneiras de digitar um número de telefone, e eu sinto que usar parênteses é antiquado. Eu realmente gosto deste porque os períodos são tão legais no Adobe Jenson. Vou colocar isso no meu cartão de visita. Agora, eu dou uma olhada na minha composição geral e sinto que quero dar um pouco mais de impacto à minha marca. Estou criando um espaço lá para uma queda de capital. Mas em vez da capital, vou colocar uma foto do meu cão. Eu fiz isso justificado porque é literatura, e a literatura é muitas vezes definida em blogs justificados. Experimente se estiver interessado. É onde estamos, e o que eu quero que você faça é tentar algo assim. Crie algum texto e, em seguida, comece a adicionar estilo ao seu texto, a fim de trazer o conteúdo para fora. Para enfatizar nomes, números, ideias-chave. 8. Revolução slab: Bem-vindos à última unidade de tipografia que funciona. Vamos olhar para grandes tipos de laje e falar sobre como misturar, combinar e decorar hermético. Na última unidade focamos na topografia literária. Agora, vamos ver o que aconteceu quando essas letras perfeitas se fundiram com a publicidade e se tornaram uma nova espécie de comunicação tipográfica. Esta é uma página de Baskerville. Nós olhamos para Didot, que criou letra modernos com contraste severo entre grosso e fino. Aqui está aquela pequena história de estilo antigo para transição, para aqueles super cabelo grosso e fino de Bodoni e Didot. Ali está o Didot. Quando estes foram introduzidos, liberou designers de tipo para criar letras maiores e mais ousadas. Essencialmente, eles fundiram os sans com os modernos para criar o que chamamos de lajes. Em uma laje, o serif se torna um elemento arquitetônico independente. Não é mais apenas um detalhe final, é realmente a estrutura do tipo. Estes tornaram-se muito populares no século XIX, quando havia uma demanda por publicidade. Tipografia não era mais apenas livros, era anúncios, era folhetos, era cartazes. tipografia realmente evoluiu em resposta a essa necessidade de emoção e impacto. Nem todas as faces de laje são decorativas ou parecem ter escapado do circo. Clarendon é um rosto de laje super clássico. Century expandido é usado em um monte de tipografia livro, mas tem bons elementos pesados. Eu uso este tipo de letra em toda a minha apresentação, chama-se Tese de Lucas de Groot. Esta é uma incrível família de tipo contemporâneo que incorpora lajes e rostos modernos pesados e sans serif em uma única família para obter aquela sensação de publicidade do século XIX de uma super família. Slab serifs adoram a web e muitos dos tipos de letra realmente populares para web design são lajes, porque eles realmente se mantêm bem para os rigores da tela. Detalhes pesados agradáveis dão a carne tipográfica e permitem que ele realmente se comunique na mídia da tela. Esses são alguns grandes rostos de laje de super decorativos a super práticos, mas todos eles trazem esse enorme impacto ao seu trabalho. 9. Hora de misturar tudo junto: Agora vamos ver o que fazer com esta grande paleta de opções tipográficas. Agora temos todos esses tipos legais, o que você faz com eles? Quando você olha para a tipografia do século XIX, as fontes eram loucas, mas o layout era super convencional. Isto é realmente como uma lápide ou a página de título de um livro. Quando você olha para a tipografia do século 20, os designers começaram a usar esses rostos decorativos, mas na verdade adicionam uma grade a eles e começam a estruturá-los de uma forma mais dinâmica e assimétrica. Aqui está o logotipo da MICA que usa um rosto de laje chamado Gizé, inspirado nas grandes lajes egípcios do século XIX. Aqui o designer está adicionando uma grade ao logotipo. Eu acho que as lajes realmente se prestam muito bem à marca. Eles são muito distintos, têm muita personalidade, e esse logotipo MICA é, na verdade, inspirado em parte pela inclinação de um dos nossos edifícios do campus de assinatura. É divertido ver arquitetura e tipografia se juntarem. Quando você tem uma fonte muito grande e ousada, então você pode fazer coisas para ele, como transformá-lo em padrões. Todo esse peso, todo esse peso é algo que o designer pode realmente explorar em sua aplicação do sistema de logotipo. Misturar tipos de letra é uma arte real. Aqui estão alguns rostos de laje misturados nesta pequena folha de lágrima da New York Magazine. O que eu realmente gosto aqui é o contraste entre uma letra muito alta, mas muito fina e uma letra muito pequena, mas muito pesada. Você está recebendo esse contraste indo em duas direções, o que realmente dá a esta pequena página a sofisticação. Estas são algumas regras sobre a mistura de tipos de Hoefler e Frere-Jones. Você pode ver mais dicas deles em seu site. Mas aqui está a idéia de misturar tipos geométricos de diferentes épocas da história que ainda têm uma geometria central e senso de ordem para eles. Aqui também de Hoefler e Frere-Jones. É este grande design de restaurante usando muitos tipos diferentes, mas todos eles com esta origem e topografia do século XIX. Isso dá uma personalidade comum à peça. Depois, há algumas fontes que realmente se tornam ferramentas para o designer usar e experimentar. Esta é a história de Peter Bil'ak. É um kit de peças. São todas essas camadas que combinam para criar realmente um número infinito de formas de letras diferentes de um tipo de letra. Aqui você pode vê-lo aplicado neste belos desenhos de cartões postais. Isso é uma mistura de fontes para criar muitas formas de letras diferentes. 10. Projeto: personalização de fontes: Finalmente vamos olhar para o tipo de personalização e para o seu projeto final eu quero que você pense em fazer formulários de carta seu próprio e se divertir um pouco com ele. Isto é super feio e todos nós olharíamos para isto e ficaríamos absolutamente horrorizados. Mas, na verdade, algumas dessas técnicas podem ser bem usadas e o que o designer está tentando fazer aqui é criar uma separação entre o tipo e a imagem por trás dele. Técnicas como sombras, brilho externo e contornos são todos métodos que usamos para separar a tipografia de seu mundo, suas formas de personalizar o tipo. Aqui Rudy Vanderlans usou essas técnicas de uma maneira muito bonita. Eu não sou de descartar os afetos como algo que os tipógrafos não devem usar, você só tem que usá-los bem. Aqui está um logotipo bonito por Duffy design, e você vai ver que há este lindo esboço em torno dessa palavra francês. O contorno é apenas um pouco diferente de cor do fundo, e dá essa dimensão sutil. É um anúncio para pão, é um logotipo para pão, e dar aquele pouco de suavidade a ele realmente expressa o produto de uma maneira adorável. Há muitas maneiras de fazer isso. Isso é realmente melhor feito no Illustrator, onde você pode realmente controlar o posicionamento exato, peso e até mesmo a forma dos contornos. Você pode ter contornos quadrados ou arredondados, você pode ter contornos mitrados, você pode expandir seu traçado e realmente colocar um traçado em sua palha, e então, se você expandiu seu traçado, você pode começar a cortar e alterá-lo dentro dele. Aqui, este efeito de luz é feito transformando parte do curso em branco. Sem adicionar um monte de coisas extras para as letras você começa a ter esse senso de luz e dimensão. Vou deixá-los com esta última coisa que é como fazer um vetor estelar de 99 centavos. Eu amo a ferramenta Estrela no Illustrator, e se você usá-lo apenas padrão você ganha cinco pontos. Mas se você usar sua seta para cima enquanto você está desenhando a estrela, você pode adicionar muitos pontos a ela. Se você clicar no Art Board, você pode editar a relação entre o raio externo e o raio interno para realmente criar estrelas personalizadas que podem ser usadas para anunciar todos os tipos de coisas. Encorajo-o a brincar com isso e a divertir-se com a explosão de alegria que o design gráfico pode trazer para o seu trabalho. Para o seu último projeto eu quero que você se divirta, eu quero que você se concentre em uma palavra grande e torná-lo bonito, eu quero que você brinque com todos esses efeitos e técnicas, mas torná-los bonitos, torná-los intencionais, mas eu querem que você veja a topografia como algo que você pode explorar e fazer o seu próprio. Divirta-se e faça alguma tipografia que funcione.