SlideShare une entreprise Scribd logo
1  sur  24
projeto
gráfico
Tecnologias Digitais para
Anatomia de um Tipo
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
1
2
‣1. O que é corpo?
‣2. Por que utilizamos o “eme” como
medida, para fazer nossa tipografia
fotográfica (módulo)?
‣3. Porque os tipos são chamados ‘caixa
baixa’ e ‘caixa alta’? De onde vem isso?
pergunta
sobre o
texto
Valendo...
1
2
‣4. O que é kerning?
‣5. O que é leading?
pergunta
sobre o
texto
Valendo...
1
2
pergunta essencial
Responder no Blog
‣ Como podemos reconhecer uma
tipografia analisando sua anatomia?
tipo
as partes que
compõem um
De acordo
com o
desenho do
caractere
A M V T
Y K X R
A M V T
Y K X R
vértice
vértice
haste
cintura
braço
perna
perna
vértice
cintura
braço/haste diagonal
braço/haste diagonal
braço/haste diagonal
cintura
haste
junção
A H G Q
O W E J
A H G Q
O W E J
junção/conexão
eixo
braço/barra
incisão
abertura
/vão
miolo
bojo
cauda
cauda
serifa
vertical
serifa
verticaljunção interna
bojo
vértice
vérticevértice
haste
diagonal
Absoluto
neutra
Geração
fontes
classificação das
terminais
a, c, f, j, r, s, y
serifas
“Traço adicionado ao início ou ao
fim dos traços principais de uma
letra” (BRINGHURST, 2005).
eixos
“É o ângulo de inclinação
característico das letras b, c, e,
g, o, p e q” (ROCHA, 2001).
corpo da fonte
linhas da fonte
tipográfica
família
famíliafamília
whatthefont?http://www.myfonts.com/WhatTheFont/

Contenu connexe

Tendances

Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Design
anamargarites
 
Materiais e Processos Gráficos
Materiais e Processos GráficosMateriais e Processos Gráficos
Materiais e Processos Gráficos
Amanda Moreira
 
Aula teorica - Design Gráfico Pós-Moderno
Aula teorica - Design Gráfico Pós-ModernoAula teorica - Design Gráfico Pós-Moderno
Aula teorica - Design Gráfico Pós-Moderno
Venise Melo
 

Tendances (20)

Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Design
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Aula 01 linguagem visual
Aula 01   linguagem visualAula 01   linguagem visual
Aula 01 linguagem visual
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Materiais e Processos Gráficos
Materiais e Processos GráficosMateriais e Processos Gráficos
Materiais e Processos Gráficos
 
Aula teorica - Design Gráfico Pós-Moderno
Aula teorica - Design Gráfico Pós-ModernoAula teorica - Design Gráfico Pós-Moderno
Aula teorica - Design Gráfico Pós-Moderno
 
Aula02 planejamento grafico
Aula02 planejamento graficoAula02 planejamento grafico
Aula02 planejamento grafico
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
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.
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 
Criação publicitária - Aula 02 - Brainstorm
Criação publicitária - Aula 02  - BrainstormCriação publicitária - Aula 02  - Brainstorm
Criação publicitária - Aula 02 - Brainstorm
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Fotografia publicitária
Fotografia publicitáriaFotografia publicitária
Fotografia publicitária
 
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
Projeto 21. Aula 01: 1. Design, A Palavra; 2. O Conceito; 3. A Historia; 4. D...
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 

Plus de profclaubordin

05 briefing problema_cases
05 briefing problema_cases05 briefing problema_cases
05 briefing problema_cases
profclaubordin
 
Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1
profclaubordin
 
Tipografia - Olhar ao redor
Tipografia - Olhar ao redorTipografia - Olhar ao redor
Tipografia - Olhar ao redor
profclaubordin
 
Introdução Projeto Grafico - 2 Sem 2013
Introdução Projeto Grafico - 2 Sem 2013Introdução Projeto Grafico - 2 Sem 2013
Introdução Projeto Grafico - 2 Sem 2013
profclaubordin
 

Plus de profclaubordin (20)

Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016
 
Disciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações geraisDisciplina de Webdesign - Literacia, Internet e orientações gerais
Disciplina de Webdesign - Literacia, Internet e orientações gerais
 
Proposta Livreto Virtual
Proposta Livreto VirtualProposta Livreto Virtual
Proposta Livreto Virtual
 
Metodologia de Projeto em Design - aula inicial
Metodologia de Projeto em Design - aula inicialMetodologia de Projeto em Design - aula inicial
Metodologia de Projeto em Design - aula inicial
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introdução
 
05 briefing problema_cases
05 briefing problema_cases05 briefing problema_cases
05 briefing problema_cases
 
Projeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra LiteráriaProjeto Grafico para uma Obra Literária
Projeto Grafico para uma Obra Literária
 
Participant worksheet
Participant worksheetParticipant worksheet
Participant worksheet
 
Evento em Design - projeto
Evento em Design - projetoEvento em Design - projeto
Evento em Design - projeto
 
Metodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex LibrisMetodologia de Projeto - Ex Libris
Metodologia de Projeto - Ex Libris
 
O processo de design_Graphic Design Thinking
O processo de design_Graphic Design ThinkingO processo de design_Graphic Design Thinking
O processo de design_Graphic Design Thinking
 
Historia da Tipografia-parte1
Historia da Tipografia-parte1Historia da Tipografia-parte1
Historia da Tipografia-parte1
 
Conceito - Ambiente expositivo
Conceito - Ambiente expositivoConceito - Ambiente expositivo
Conceito - Ambiente expositivo
 
Experiência, mediação e interação
Experiência, mediação e interaçãoExperiência, mediação e interação
Experiência, mediação e interação
 
Tipografia - Olhar ao redor
Tipografia - Olhar ao redorTipografia - Olhar ao redor
Tipografia - Olhar ao redor
 
Introdução Projeto Grafico - 2 Sem 2013
Introdução Projeto Grafico - 2 Sem 2013Introdução Projeto Grafico - 2 Sem 2013
Introdução Projeto Grafico - 2 Sem 2013
 
Proposta 01 _ projeto livreto virtual
Proposta 01 _ projeto livreto virtualProposta 01 _ projeto livreto virtual
Proposta 01 _ projeto livreto virtual
 
Metodologia de Projeto Gráfico - Introdução a disciplina
Metodologia de Projeto Gráfico - Introdução a disciplinaMetodologia de Projeto Gráfico - Introdução a disciplina
Metodologia de Projeto Gráfico - Introdução a disciplina
 
02 web introahtml
02 web introahtml02 web introahtml
02 web introahtml
 
Encadernação de livros - imagens
Encadernação de livros - imagensEncadernação de livros - imagens
Encadernação de livros - imagens
 

Tipografia: anatomia tipográfica