Tipografia 101: uma fonte usada cinco maneiras | Jaz Infante | Skillshare
Menu
Pesquisar

Velocidade de reprodução


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

Tipografia 101: uma fonte usada cinco maneiras

teacher avatar Jaz Infante, Designer // AIGA Board Member

Assista a este curso e milhares de outros

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

Assista a este curso e milhares de outros

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

Aulas neste curso

    • 1.

      Apresentação

      1:15

    • 2.

      Hierarquia visual

      2:08

    • 3.

      Ênfase visual

      2:07

    • 4.

      Use a família de fontes

      3:25

    • 5.

      Texto cinético

      3:04

    • 6.

      Alinhamento criativo

      3:19

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

174

Estudantes

--

Sobre este curso

Esta lição é para designers novos e iniciantes que querem entender os fundamentos da tipografia e como desaproveitar sua criatividade nos limites de uma família de fontes. Eu vejo muitos designers que criam uma composição de tipo cegamente, sem pensar em quê, e mais importante COMO você comunica uma ideia através de tratamento de texto. Usando apenas 1 fonte, vou mostrar como pensar em uma composição tipo e produzir resultados criativos exclusivos. Junte-se a mim!

Conheça seu professor

Teacher Profile Image

Jaz Infante

Designer // AIGA Board Member

Professor

Hello, I'm Jaz! I'm a full-time visual designer and Board Member for the AIGA Los Angeles chapter. 

Visualizar o perfil completo

Level: Beginner

Nota do curso

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

Por que fazer parte da Skillshare?

Faça cursos premiados Skillshare Original

Cada curso possui aulas curtas e projetos práticos

Sua assinatura apoia os professores da Skillshare

Aprenda em qualquer lugar

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

Transcrições

1. Introdução: Olá e bem-vindos à minha lição. único fundo da Siri usou cinco maneiras diferentes. Esta é uma lição de tipografia que eu queria fazer porque eu vejo um monte de designers novos e iniciantes cometer o erro de usar 234 e mais fontes em seus projetos quando realmente você deve estar usando apenas um, talvez dois. Sim, a situação está correta, mas na maior parte, você realmente deveria ficar com um fundo agora. Isso não significa que você está limitado no que você pode fazer com esse fundo. Então, esta lição da Siri. Eu vou estar usando um funt em, e eu vou mostrar-lhe um par de diferentes cenários de diferentes maneiras que você pode usar isso para realmente mostrar a você. Espere, o que você pode ser capaz de fazer com este fundo na frente que eu vou usar chama-se Barlow. É uma fazenda gratuita do Google. Você pode ir em frente e fazer o download se quiser acompanhar. Eu escolhi esta diversão porque ele tem um monte de fontes diferentes espera. É uma família muito cara que me dá muita versatilidade, então vá em frente e baixe este fundo se quiser acompanhar. Se não. Você pode escolher seu próprio fundo. É, ah, completamente com você. Mas vamos entrar e eu mostrarei as coisas realmente criadas que você pode fazer com um tipo de letra. 2. Hierarquia visual: Certo. Então saltar para a direita no primeiro estilo ou técnica que você pode usar é chamado em hierarquia visual , e isso deve ser bastante firme que familiar para você, porque é a maneira mais comum que você deve estar estruturando seu tipo com um visual hierarquia. Sua tipografia é organizada de forma a ser lida por ordem de importância, que significa que você terá sua chave. Tire seu chamado à ação. Sua manchete mais envolvente vai subir aqui. Talvez haja uma manchete secundária que é comer. Isso também é importante, mas talvez não tão importante. E depois terás a tua cópia corporal aqui em baixo. E com esta técnica, você realmente orienta os olhos do leitor para baixo e através do texto, e você pode usar diferentes tamanhos de fonte, diferentes esperas de telefone e até mesmo cor Teoh criar diferenças na separação visual, então este é como uma manchete básica, mas eu vou te mostrar. Então, medida que você começa a empilhá-lo, ele pode começar a se parecer com algo assim. Mova isso para que ele possa começar a olhar para como este onde você agora você está usando cor na condução com, um, alguns dos outros como tamanhos e fontes espera para criar essa separação tão imediatamente . O leitor sabe que esta é a parte mais importante. E se eu fosse olhar esta página, eu poderia obter as principais conclusões apenas lendo esta manchete de algumas dessas manchetes . Isso também funciona para criar marcadores e coisas assim. Mais uma vez, este é o básico absoluto. Mais uma vez, Mas eu realmente quero começar a pensar sobre como você orienta seu público e como você, uh, dizer ao leitor o que eles devem estar olhando e em que ordem eles devem estar olhando . Então esta é a base com a qual você começa. E então daqui, eu vou para algumas outras técnicas que ficam um pouco mais avançadas, um pouco mais criativas. Mas eu queria começar com a Absolute Basics Foundation. Assim, sempre que você estiver endereçando o tipo, você deve sempre ter uma hierarquia visual em mente. Qual é a primeira coisa que quero que meu leitor veja? Qual é a segunda coisa foi a terceira coisa, e assim por diante e assim por diante. Então alta hierarquia visual é a primeira coisa que você deve estar pensando 3. Êxodo visual: A segunda técnica é criar uma ênfase visual. O que eu quero dizer com uma ênfase visual é que você enfatiza palavras-chave usando tamanho relativo e peso dessa palavra-chave. Você usa essa técnica para chamar a atenção rapidamente, especialmente quando você não tem muito espaço no campus. Então pense em pequenos anúncios ou talvez coisas nas redes sociais. Então isso é basicamente de fazer isso. Então nós temos o início da linha aqui, e realmente a palavra-chave, qualquer que seja essa palavra-chave para essa manchete deve ser a maior, mais ousada, coisa que chama atenção. Então você parece tão como eu estou rolando através do instagram ou eu estou em um site e eu vejo uma exibição do Google nesta deve ser a palavra que chama a minha atenção. Agora, como eu disse aqui, esta é uma maneira muito básica de fazer isso. Mas você também pode começar a ser muito criativo com ele. E agora se eu fizer algo assim agora estou apresentando cor. Estou apresentando estilo, mas ainda estou enfatizando que uma palavra-chave que eu quero, um e, você sabe, permite que Meteo apenas pode ser um pouco mais criativo com ele. 1/3 versão seria algo assim, certo? Agora temos destacado essa palavra-chave, mas são os mesmos princípios básicos de ênfase visual na minha palavra-chave, e eu posso usar esse tratamento para uma variação de coisas diferentes. Posso fazer com que esta palavra chave seja múltiplas palavras-chave. Podem ser duas ou três palavras-chaves, , mas a parte importante é que,com a criação de uma hierarquia visual, você dá um passo adiante e adiciona uma ênfase visual, que é apenas o Cliff Notas versão da sua tipografia. Se eu fosse te dar uma metáfora para isso, deveria ser a coisa que se eu estivesse apenas olhando para isso do canto do meu olho, qual é aquela palavra-chave que eu quero que as pessoas olhem e entendam? E então como faço, depois adiciono estilo a essa palavra para torná-la única e talvez ser marcada para a marca específica que estou trabalhando? Então o ponto número dois é ênfase visual 4. Use a família de fontes inteira: A próxima técnica é utilizar toda a biblioteca de fontes Theo, e eu não vejo designers suficientes utilizar essa técnica com topografia. Você tem que entender a psicologia por trás do brilho e, em seguida, pegar esse conhecimento e usá-lo a seu favor. Então, por exemplo, se eu fosse projetar algo assim, eu sei que o itálico grande e ousado dá uma sensação de movimento para a frente. Há movimento neles, e mesmo sendo estático, é dinâmico. Está a dizer-te uma coisa. Então eu ainda estou usando uma hierarquia visual do coração, certo? Estou dizendo ao meu leitor que deve haver vermelho de cima para baixo. Estou criando uma ênfase visual pelo fato de que esta palavra é a maior palavra. Então eu sei que este é o lugar onde eu quero que meu leitor tire. Mas agora estou usando clipes diferentes. Eu estou usando o itálico agora Teoh jogar no que eu estou tentando comunicar, então isso seria usado para algo como corrida para jogos, algo assim. Por extensão, se eu fosse criar algo assim agora eu estou usando fontes de pecado com astúcia solta, e eu usaria isso porque ele comunica essa sensação premium. Parece luxuoso, e por isso é exatamente o mesmo fundo. Mas estou negociando de uma maneira diferente de novo. Hierarquia visual, ênfase visual. Mas estou usando a tipografia facilitar a psicologia a meu favor. E com isso eu poderia até começar a jogar com alinhamento, certo? Então, se eu tiver isso e for apenas, hum eu posso fazer um pequeno ajuste para, digamos, apenas remova isso por aqui agora mesmo, eu joguei com o alinhamento. Então agora é meio que se depara com este caminho e que um simples movimento agora é tirar isso de um tipo de declaração de sentimento realmente sólido para agora Parece um pouco fora de equilíbrio, e agora parece que há apenas algo um pouco torto quando eu estou comunicar com isso é talvez que esta marca, por exemplo, é disruptiva. Talvez eles sejam, um, uma marca que está operando em um espaço que eles são como um começo, e eles estão entrando, e eles estão realmente agitando as coisas na indústria. Então eu poderia usar isso a meu favor e comunicar isso através do fato de que esta tipografia está um pouco fora de equilíbrio. Eu poderia até centralizar isso de castigo mudando isso e agora que justifiquei tudo,ainda tenhoessa sensação de “nous “distorcido. Eu poderia até centralizar isso de castigo mudando isso e agora que justifiquei tudo,ainda tenho justifiquei tudo, Ainda tenho a sensação de ter interrompido isto e agitado as coisas. Mas eu fiz isso criando um pouco mais de equilíbrio lá. Então, novamente, você não deve ter medo de realmente usar toda a biblioteca de fontes. Então, a frente que eu disse, eu estou usando Barlow. E se eu puxar minha paleta de personagens, olhe para todos os pesos que estão disponíveis para mim, certo? Então, essa é uma boa. Mas há tantas variações diferentes de coisas que eu posso fazer com isso. Então por que eu não exploraria isso? Por que eu não forçaria o que posso fazer só com este? Diversão. E isso é antes mesmo de você entrar em transformar o espaçamento e coisas assim. Então eu realmente quero dirigir. Essa casa é utilizar mais da biblioteca de fontes a seu favor 5. Texto cinético: Ponto número quatro é o que eu chamo de texto cinético. E o que eu quero dizer com texto cinético é que é texto estático que tem um senso de movimento por causa da forma como o Texas tratava. Então deixe-me mostrar exatamente o que quero dizer com texto cinético de olhar para algo assim . Não, isso tem todos os elementos que já falamos antes. Há uma hierarquia visual. Há uma ênfase. Estou brincando com todas as esperas de fontes diferentes. Eu meio que fui criativo com a forma como ele explica isso. Mas se você olhar para isso, você pode ver isso. Sabe, se você visualizar comigo por um segundo. Como sua mente está lendo isso, você está quase adicionando movimento a ele. Parece que se esta fosse uma peça animada, você pode ver como as coisas seriam tipo de layout. Nós temos razão. Talvez esta palavra voe neste mundo aparecesse essa palavra, não é? Não. Certo, pule. Esta mulher não pode ficar aqui. E então esse tipo de soco na sua cara e meio que saiu por último. E mesmo sendo completamente estático, eu sou o jeito que eles pensam sobre isso. Impostos Como seria se um designer de gráficos de movimento onde adicionar animação a isso agora você pode você pode tipo de vê-lo construindo em e eles. Esta técnica é melhor usada para frases mais longas porque realmente parece, parece melhor quando você tem esses pesos diferentes e esses pontos realmente diferentes de ênfase. E a outra coisa legal sobre isso é que ele pode ser combinado com outras famílias de fundos relacionados. E a outra coisa legal sobre isso é que ele pode ser combinado com outras famílias de fundos relacionados Então isso é tudo usando Barlow. Mas Barlow tem uma família de fontes atrasada chamada Barlow condensada, certo? E assim ainda é o mesmo fundo. Mas dá-me acesso a um novo conjunto de fundos. Então deixe-me mostrar-lhe como é. Então isso é só usar aquela diversão. Isso está usando Barlow em combinação com Barlow condensado e assim novamente, mesma família de fontes. Mas está me dando acesso a coisas novas e criativas que eu poderia fazer com isso expandindo isso. Então, antes de tentar encontrar um funt secundário, olhe para fontes que têm, hum, hum, famílias de fundos caras. Então Barlow condensou Barlow. Talvez haja uma baía extra larga do Barlow. Há um Barlow Ultra condensado, , Barlow. Eu sei uma versão abreviada ou algo assim. Mas se você sabe que seu pai tem uma família estendida, por todos os meios, você pode ir em frente e usar isso e realmente jogar dentro. Seja criativo com suas combinações. Você não tem que se limitar a essa diversão específica, desde que eles estejam na mesma família , entanto. Trabalhar juntos para novamente este, hum, texto cinético e é melhor usado para frases mais longas, e dá-lhe a oportunidade de combinar famílias lutadas relacionadas. 6. Alinhamento criativo: o último ponto número cinco é realmente uma combinação de todos os pontos anteriores, mas como elemento de alinhamento criativo, isso é um pouco mais avançado. Mas uma vez que você prega as quatro primeiras variações, esta parte é apenas uma questão de mexer e finalizar e realmente confiar em seus olhos e confiar no que você vê no campus. Assim, da mesma forma que diferentes estilos de fonte podem mudar, o significado de um alinhamento de frase pode fazer a mesma coisa. Deixe-me mostrar-lhe o que quero dizer aqui. Alinhamento à esquerda. Palavras solteiras. É realmente forte, ousado e forte assim. Então você vê Nike. Você vê, muitas marcas de esportes usam essa técnica porque há uma hierarquia visual , você sabe que você deve ler isso de cima para baixo. Hum, acredite ou não, há uma ênfase visual aqui em que as palavras mais longas realmente chamam sua atenção. E como as palavras-chave como, olha, manchete impressionante, se destacam apenas por causa da maneira que isso é tipo pura omitido um em cima do outro . Mas é algo assim que é o mesmo fundo. Mas agora eu usei de uma forma que me sinto mais forte e irritada. E, você sabe, uma diferença sutil como esta. Se eu tivesse apenas um período para encontrá-lo, é apenas, como mudar todo o significado de tudo o que foi exatamente como em seu ponto de vista. Você sabe exatamente o que isso significa, e então este pode ser o caminho para seguir para a sua marca em que você está trabalhando. Se eles são, você sabe, se este é o tom do que eles estão dizendo, se eles são fortes, como uma marca marrom aterrada, isso pode funcionar para eles. outro lado, algo como o alinhamento central é mais suave e mais suave. É por isso que você vê isso usado em poesia como no início dos livros, especialmente com poucos como combiná-lo com o itálico. É só que, um, centro geral Lineman é visto como fraco porque parece, hum, um pouco. É desequilíbrio consigo mesmo e está em harmonia. Mas como não há ênfase visual ou algo assim, é mais suave, e isso pode funcionar para o fim. O design em que você está trabalhando é dedo do pé tem algo que é um pouco mais gentil, mas com este técnico isso. Como eu disse, quando você começa o dedo do pé, aprimorar as coisas e ser criativo, você sabe, não tenha medo de quebrar algumas das regras. Então, se eu olhar para algo assim, isso é quebrar um monte de regras, certo? Tenho uma mensagem certa para lutar aqui no Texas Left, justificada aqui. Isto está certo. Justificado de novo. Há itálico. Há um ousado, você sabe, eu estou trabalhando com Barlow condensado também, então há vários tipos de coisas diferentes acontecendo. Mas porque eu levei meu tempo com isso e confio no meu olho e no que estou vendo, eu sei que isso funciona. E se eu quisesse colocar isso em um pôster em uma camiseta gráfica sempre. Eu sei que funcionaria porque eu coloquei todos os pontos anteriores. Como eu disse, há uma hierarquia visual. Há uma ênfase visual. Eu já toquei com fontes diferentes, pássaros gostam da mesma família de fontes. Então todas essas coisas funcionam juntas a meu favor para que eu possa fazer isso. Então, novamente, não tenha medo de quebrar algumas das regras. Uma vez que você tem a fundação para baixo