SlideShare a Scribd company logo
1 of 33
Tipografia Estudo da arte e processo de criação de caracteres
O que é tipografia ? ,[object Object],[object Object],[object Object],[object Object]
Fonte tipográfica ,[object Object],[object Object],[object Object]
Estrutura de um tipo A b e f j Ápice Haste Trave Base ou pé Curva ou flexão Base ou pé Barriga Terminal Cauda
Estrutura de um tipo k o j M Vértice Anel e branco Braço Serif (serifa) ou remate
Corpo visual Olho Olho superior AbeDjghij Olho inferior Olho médio Corpo Visual
Maiúsculo e minúsculo ,[object Object],[object Object],Árvore Rapaz Carnal MONÓTONO RETÂNGULO Monótono Retângulo
Maiúsculo e minúsculo Legibilidade depende do topo das letras
Maiúsculo e minúsculo ,[object Object],[object Object],Legibilidade depende do topo das letras Letras Maiúsculas Quebram a Leitura
Sistema de medidas do Corpo ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Exemplo de tamanhos de corpo Exemplo Tamanho do Corpo ABCDEFabcdef 6 ABCDEFabcdef 8 ABCDEFabcdef 10 ABCDEFabcdef 12 ABCDEFabcdef 16 ABCDEFabcdef 26 ABCDEabcde 48 ABCabc 72
Família tipográfica ,[object Object],[object Object]
A tipografia e o design ,[object Object],[object Object]
Alltype ,[object Object],[object Object],[object Object],[object Object]
Escolhendo uma fonte ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Composição tipográfica ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Composição tipográfica ,[object Object],[object Object]
Composição tipográfica ,[object Object]
Áreas visível de bloco ,[object Object],Veja os quadros com atenção e teste para saber  em qual dá mais trabalho para ler o texto e qual a leitura é mais  agradável. Veja os quadros com atenção e teste para saber  em qual dá mais trabalho para ler o texto e qual a leitura é mais  agradável.
Cuidados com a composição do texto ,[object Object],[object Object],[object Object]
Classificação dos tipos ,[object Object],[object Object],[object Object],[object Object],Estilo Antigo Serifa Serifa de letras em caixa-baixa são inclinadas Transição grosso/fino moderada no traço Ênfase diagonal
Classificação dos tipos ,[object Object],[object Object],[object Object],[object Object],Serifa de letras em caixa-baixa são horizontais e finas Transição grosso/fino radical no traço Ênfase vertical
Classificação dos tipos ,[object Object],[object Object],[object Object],[object Object],Serifado Pouca ou nenhuma transição grosso/fino (ou contraste) nos traços Ênfase vertical Serifa de letras em caixa-baixa são grossas
Classificação dos tipos ,[object Object],[object Object],[object Object],[object Object],[object Object],Sem serifa Não há transição na espessura do traço Não há ênfase, pois não apresenta alteração na  espessura do traço Não há serifa nas letras
Classificação dos tipos ,[object Object],[object Object],[object Object],[object Object]
Classificação dos tipos ,[object Object],[object Object],[object Object]
Classificação dos tipos ,[object Object],[object Object],[object Object],[object Object]
Classificação dos tipos ,[object Object],[object Object],[object Object],[object Object]
Planejamento para composição ,[object Object],[object Object],[object Object],[object Object]
Tipografia na mídia impressa e digital ,[object Object],[object Object],[object Object],[object Object]
Fontes digitais ,[object Object],[object Object],[object Object],[object Object],[object Object]
Referência bibliográfica ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Tipografia Estudo da arte e processo de criação de caracteres  Odair Cavichioli Júnior www.odaircavichioli.com.br

More Related Content

What's hot

Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroFábio Gonçalves
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
Teoria Super Básica de Tipografia
Teoria Super Básica de TipografiaTeoria Super Básica de Tipografia
Teoria Super Básica de TipografiaFábio Gonçalves
 
História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00Valdir Soares
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Valdir Soares
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do designdrimartinez
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Aula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignAula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignCíntia Dal Bello
 

What's hot (20)

01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - IntroComposição e Projeto Gráfico - 2015 - Aula 1 - Intro
Composição e Projeto Gráfico - 2015 - Aula 1 - Intro
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Teoria Super Básica de Tipografia
Teoria Super Básica de TipografiaTeoria Super Básica de Tipografia
Teoria Super Básica de Tipografia
 
História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00História do Design - Apresentação - Hd00
História do Design - Apresentação - Hd00
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Guia de tipos - Tipografia
Guia de tipos - TipografiaGuia de tipos - Tipografia
Guia de tipos - Tipografia
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Aula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignAula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e Design
 
Elementos do design
Elementos do designElementos do design
Elementos do design
 

Viewers also liked

Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográficaguest788d5c4
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoLuiz Agner
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoaulasdejornalismo
 
Slide módulo 4 - diagramação
Slide   módulo 4 - diagramaçãoSlide   módulo 4 - diagramação
Slide módulo 4 - diagramaçãoPetcom
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Wunderman
 
Apostila indesign-cs5
Apostila indesign-cs5Apostila indesign-cs5
Apostila indesign-cs5aulaemvideo
 
A imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layoutA imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layoutRodrigo Jorge
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografiaDenise Lima
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologiaElizeu Nascimento Silva
 
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...Fabio Souza Damasceno
 

Viewers also liked (20)

Boneco
BonecoBoneco
Boneco
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Tipografia
TipografiaTipografia
Tipografia
 
Revistas
RevistasRevistas
Revistas
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Editoracao e design cores parte 1
Editoracao e design   cores parte 1Editoracao e design   cores parte 1
Editoracao e design cores parte 1
 
Anatomia Tipográfica
Anatomia TipográficaAnatomia Tipográfica
Anatomia Tipográfica
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de Caso
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Conceituando Editoração Eletrônica
Conceituando Editoração EletrônicaConceituando Editoração Eletrônica
Conceituando Editoração Eletrônica
 
Slide módulo 4 - diagramação
Slide   módulo 4 - diagramaçãoSlide   módulo 4 - diagramação
Slide módulo 4 - diagramação
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
 
Apostila indesign-cs5
Apostila indesign-cs5Apostila indesign-cs5
Apostila indesign-cs5
 
A imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layoutA imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layout
 
Pg I Aula 1
Pg I Aula 1Pg I Aula 1
Pg I Aula 1
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologia
 
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
 
Marketing 3.0 - Aplicação
Marketing 3.0 - AplicaçãoMarketing 3.0 - Aplicação
Marketing 3.0 - Aplicação
 

Similar to Tipografia

O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualAndrea Castro
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.pptssuser1a0198
 
Texto, Hipertexto e Hipermédia
Texto, Hipertexto e HipermédiaTexto, Hipertexto e Hipermédia
Texto, Hipertexto e Hipermédiagasparlanca
 
Apresentações electrónicas - Regras de ouro
Apresentações electrónicas - Regras de ouroApresentações electrónicas - Regras de ouro
Apresentações electrónicas - Regras de ouroLuis Valente
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxFrancisTirso
 
Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Renato Melo
 
Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Renato Melo
 
Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Renato Melo
 
Como se constroi um logotipo/
Como se constroi um logotipo/Como se constroi um logotipo/
Como se constroi um logotipo/Luedy Costa
 
tipologiacores
tipologiacorestipologiacores
tipologiacorespedruga
 

Similar to Tipografia (20)

Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Tipografia final
Tipografia finalTipografia final
Tipografia final
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visual
 
Tipografia
TipografiaTipografia
Tipografia
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.ppt
 
Texto, Hipertexto e Hipermédia
Texto, Hipertexto e HipermédiaTexto, Hipertexto e Hipermédia
Texto, Hipertexto e Hipermédia
 
Tipologia
TipologiaTipologia
Tipologia
 
Apresentações electrónicas - Regras de ouro
Apresentações electrónicas - Regras de ouroApresentações electrónicas - Regras de ouro
Apresentações electrónicas - Regras de ouro
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docx
 
Como se constroi_um_logotipo
Como se constroi_um_logotipoComo se constroi_um_logotipo
Como se constroi_um_logotipo
 
Corel 05
Corel 05Corel 05
Corel 05
 
Corel 05
Corel 05Corel 05
Corel 05
 
Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020
 
Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01
 
Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02
 
Palestra tipografia fernanda mujica
Palestra tipografia   fernanda mujicaPalestra tipografia   fernanda mujica
Palestra tipografia fernanda mujica
 
Como se constroi um logotipo/
Como se constroi um logotipo/Como se constroi um logotipo/
Como se constroi um logotipo/
 
Princípios básicos
Princípios básicosPrincípios básicos
Princípios básicos
 
tipologiacores
tipologiacorestipologiacores
tipologiacores
 
Design
DesignDesign
Design
 

More from Odair Cavichioli (20)

Projeto da embalagem
Projeto da embalagemProjeto da embalagem
Projeto da embalagem
 
O mercado de embalagens
O mercado de embalagensO mercado de embalagens
O mercado de embalagens
 
Novas atribuições da embalagem
Novas atribuições da embalagemNovas atribuições da embalagem
Novas atribuições da embalagem
 
Evolução da embalagem
Evolução da embalagemEvolução da embalagem
Evolução da embalagem
 
Design Thinking
Design ThinkingDesign Thinking
Design Thinking
 
Estratégia de comunicação
Estratégia de comunicaçãoEstratégia de comunicação
Estratégia de comunicação
 
Briefing
BriefingBriefing
Briefing
 
Introdução ao design de livro
Introdução ao design de livroIntrodução ao design de livro
Introdução ao design de livro
 
Gestão da comunicação
Gestão da comunicaçãoGestão da comunicação
Gestão da comunicação
 
Proporção Áurea
Proporção ÁureaProporção Áurea
Proporção Áurea
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Design na mídia impressa e digital
Design na mídia impressa e digitalDesign na mídia impressa e digital
Design na mídia impressa e digital
 
Projeto visual
Projeto visualProjeto visual
Projeto visual
 
Comunica Visual Interna
Comunica Visual InternaComunica Visual Interna
Comunica Visual Interna
 
Mídia externa
Mídia externaMídia externa
Mídia externa
 
Cartaz e Poster
Cartaz e PosterCartaz e Poster
Cartaz e Poster
 
Outdoor
OutdoorOutdoor
Outdoor
 
Introdução a Gestalt
Introdução a GestaltIntrodução a Gestalt
Introdução a Gestalt
 
Vetor
VetorVetor
Vetor
 
Introdução a arte digital
Introdução a arte digitalIntrodução a arte digital
Introdução a arte digital
 

Tipografia

  • 1. Tipografia Estudo da arte e processo de criação de caracteres
  • 2.
  • 3.
  • 4. Estrutura de um tipo A b e f j Ápice Haste Trave Base ou pé Curva ou flexão Base ou pé Barriga Terminal Cauda
  • 5. Estrutura de um tipo k o j M Vértice Anel e branco Braço Serif (serifa) ou remate
  • 6. Corpo visual Olho Olho superior AbeDjghij Olho inferior Olho médio Corpo Visual
  • 7.
  • 8. Maiúsculo e minúsculo Legibilidade depende do topo das letras
  • 9.
  • 10.
  • 11. Exemplo de tamanhos de corpo Exemplo Tamanho do Corpo ABCDEFabcdef 6 ABCDEFabcdef 8 ABCDEFabcdef 10 ABCDEFabcdef 12 ABCDEFabcdef 16 ABCDEFabcdef 26 ABCDEabcde 48 ABCabc 72
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33. Tipografia Estudo da arte e processo de criação de caracteres Odair Cavichioli Júnior www.odaircavichioli.com.br