SlideShare uma empresa Scribd logo
1 de 32
Baixar para ler offline
COMUNICAÇÃO GRÁFICA
Diogo Maduell
cara
da linguagem
A tipografia é a
COMUNICAÇÃO GRÁFICA
Diogo Maduell
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
SoiS
idiotaS.
COMUNICAÇÃO GRÁFICA
Diogo Maduell
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
SoiS
idiotaS.
y vueStro
profeSor,
imbécil
COMUNICAÇÃO GRÁFICA
Diogo Maduell
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
Sois idiotas.
Y vuestro
profesor, imbécil
Tipos são fala tornada visível.
Abra os olhos e escute.
COMUNICAÇÃO GRÁFICA
Diogo Maduell
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Tipologia
.Origens
GUTEMBERG
(1450, na alemanha)
.Inventor do tipo móvel
e do processo de impressão
que revolucionou a
reprodução de textos.
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Caixas ALTA e baixa
COMUNICAÇÃO GRÁFICA
Diogo Maduell
CAIXA ALTA
caixa baixa
Corresponde ao conjunto de caracteres em
letras maiúsculas.
Corresponde ao conjunto de caracteres em
letras minúsculas.
COMUNICAÇÃO GRÁFICA
Diogo Maduell
COMUNICAÇÃO GRÁFICA
Diogo Maduell
COMUNICAÇÃO GRÁFICA
Diogo Maduell
O que alterar?
Corpo
Corpo 100pts
topo da versal
limite inferior
linha das descendentes
altura-x
linha de base
Altura-x - Eixo que define a altura das minúsculas,
correspondente a altura da letra x minúscula.
Altura da Versal - Eixo que define a altura das maiúsculas
Linha de base (Baseline) - Eixo sobre o qual repousam todas as letras
altura
do corpo
100
pontos
COMUNICAÇÃO GRÁFICA
Diogo Maduell
CAIXA ALTA
caixa baixa
Corresponde ao conjunto de caracteres em
letras maiúsculas.
Corresponde ao conjunto de caracteres em
letras minúsculas.
O que alterar?
COMUNICAÇÃO GRÁFICA
Diogo Maduell
O que alterar?
VERSAL
versalete
Outra designação para as maiúsculas.
Caractere maiúsculo com a mesma altura
das minúsculas (altura x).
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Versal
Versal
versalete
versalete
altura-x
altura-x
Versal e versalete
topo da versal
linha de base
O que alterar?
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Tipologia – Como Usar
.Caixa Baixa e Caixa Alta
.Textura
.Personalidade
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Tipologia – Como Usar
.Caixa Baixa e Caixa Alta
.Textura
.Personalidade
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Tipologia – Como Usar
.Caixa Baixa e Caixa Alta
.Textura
.Personalidade
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Fonte
Conjunto de caracteres da
ITC Garamond Book
Conjunto de caracteres da
ITC Garamond Italic
COMUNICAÇÃO GRÁFICA
Diogo Maduell
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Família
Família tipográfica Helvetica
(Max Miedinger, 1957) e suas variações.
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Peso
Univers Light 30 pts
Univers Regular 30 pts
Univers Bold 30 pts
Univers Black 30 pts
Univers Light 30 pts
Univers Regular 30 pts
Univers Bold 30 pts
Univers Black 30 pts
Variações de peso da família
Univers (Adrian Frutiger, 1954)
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Largura
Univers Condensed 30 pts
Univers Regular 30 pts
Univers Extended 30 pts
Univers
Univers
Univers
Variações de largura da família
Univers (Adrian Frutiger, 1954)
Univers Compressed 30pts
Univers
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Inclinação
Helvetica Regular 40pts
Adobe Garamond Pro Regular 40pts
Helvetica Oblique 40pts
Adobe Garamond Pro Italic 40pts
Variações de inclinação da família Helvetica
(Max Miedinger, 1957)
Variações de inclinação da família Adobe Garamond Pro
Baseada nos tipos de Claude Garamond, cerca de 1550
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Tipologia – Classificações
.Com serifa
.Sem serifa
COMUNICAÇÃO GRÁFICA
Diogo Maduell
DUPLA
de fontes
Dica:
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Video
History of
typography
COMUNICAÇÃO GRÁFICA
Diogo Maduell
COMUNICAÇÃO GRÁFICA
Diogo Maduell
COMUNICAÇÃO GRÁFICA
Diogo Maduell
COMUNICAÇÃO GRÁFICA
Diogo Maduell
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
SoiS
idiotaS.
y vueStro
profeSor,
imbécil
uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08uc3m. Diseño y Edición de Revistas y Suplementos. Curso 07|08
Sois idiotas.
Y vuestro
profesor, imbécil
COMUNICAÇÃO GRÁFICA
Diogo Maduell
COMUNICAÇÃO GRÁFICA
Diogo Maduell
Video
trajan is the
movie font

Mais conteúdo relacionado

Destaque

Aula - Diagramação
Aula - DiagramaçãoAula - Diagramação
Aula - Diagramaçãodiogomaduell
 
ComGraf Acabamentos 2014.1
ComGraf   Acabamentos 2014.1ComGraf   Acabamentos 2014.1
ComGraf Acabamentos 2014.1diogomaduell
 
Introdução a Tipografia
Introdução a Tipografia Introdução a Tipografia
Introdução a Tipografia profclaubordin
 
Dicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPEDicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPEWunderman
 
Produzindo imagens
Produzindo imagensProduzindo imagens
Produzindo imagensdiogomaduell
 
ALL TYPE - Criatividade na Publicidade
ALL TYPE - Criatividade na PublicidadeALL TYPE - Criatividade na Publicidade
ALL TYPE - Criatividade na PublicidadeRenato Melo
 
Produção editorial tipologia
Produção editorial tipologiaProdução editorial tipologia
Produção editorial tipologiaBarreto
 
Aula 3 > Gestalt > Análise de Anùncios
Aula 3 >  Gestalt > Análise de Anùncios Aula 3 >  Gestalt > Análise de Anùncios
Aula 3 > Gestalt > Análise de Anùncios diogomaduell
 
Aula 01 design gráfico na publicidade tipologia
Aula 01   design gráfico na publicidade tipologiaAula 01   design gráfico na publicidade tipologia
Aula 01 design gráfico na publicidade tipologiaElizeu Nascimento Silva
 
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
 
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
 
COMBINAÇÃO DE CORES, FONTES E ALL TYPE
COMBINAÇÃO DE CORES, FONTES E ALL TYPECOMBINAÇÃO DE CORES, FONTES E ALL TYPE
COMBINAÇÃO DE CORES, FONTES E ALL TYPERenato Melo
 
Tipologia na Produção Gráfica
Tipologia na Produção GráficaTipologia na Produção Gráfica
Tipologia na Produção GráficaRenato Melo
 

Destaque (20)

Aula - Diagramação
Aula - DiagramaçãoAula - Diagramação
Aula - Diagramação
 
ComGraf Acabamentos 2014.1
ComGraf   Acabamentos 2014.1ComGraf   Acabamentos 2014.1
ComGraf Acabamentos 2014.1
 
Introdução a Tipografia
Introdução a Tipografia Introdução a Tipografia
Introdução a Tipografia
 
Dicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPEDicas + exemplos - ALLTYPE
Dicas + exemplos - ALLTYPE
 
Produzindo imagens
Produzindo imagensProduzindo imagens
Produzindo imagens
 
Tipografia
TipografiaTipografia
Tipografia
 
ALL TYPE - Criatividade na Publicidade
ALL TYPE - Criatividade na PublicidadeALL TYPE - Criatividade na Publicidade
ALL TYPE - Criatividade na Publicidade
 
Produção editorial tipologia
Produção editorial tipologiaProdução editorial tipologia
Produção editorial tipologia
 
Tipografía slideshare
Tipografía slideshareTipografía slideshare
Tipografía slideshare
 
Aula 3 > Gestalt > Análise de Anùncios
Aula 3 >  Gestalt > Análise de Anùncios Aula 3 >  Gestalt > Análise de Anùncios
Aula 3 > Gestalt > Análise de Anùncios
 
Aula 01 design gráfico na publicidade tipologia
Aula 01   design gráfico na publicidade tipologiaAula 01   design gráfico na publicidade tipologia
Aula 01 design gráfico na publicidade tipologia
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipologia
TipologiaTipologia
Tipologia
 
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
 
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
 
COMBINAÇÃO DE CORES, FONTES E ALL TYPE
COMBINAÇÃO DE CORES, FONTES E ALL TYPECOMBINAÇÃO DE CORES, FONTES E ALL TYPE
COMBINAÇÃO DE CORES, FONTES E ALL TYPE
 
Tipologia na Produção Gráfica
Tipologia na Produção GráficaTipologia na Produção Gráfica
Tipologia na Produção Gráfica
 
TipografíA
TipografíATipografíA
TipografíA
 
Tipografia
TipografiaTipografia
Tipografia
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 

Último

“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptxthaisamaral9365923
 
A experiência amorosa e a reflexão sobre o Amor.pptx
A experiência amorosa e a reflexão sobre o Amor.pptxA experiência amorosa e a reflexão sobre o Amor.pptx
A experiência amorosa e a reflexão sobre o Amor.pptxfabiolalopesmartins1
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfManuais Formação
 
ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024Jeanoliveira597523
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxLuizHenriquedeAlmeid6
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADOcarolinacespedes23
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfHenrique Pontes
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavrasMary Alvarenga
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasCassio Meira Jr.
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxIsabellaGomes58
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxOsnilReis1
 
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMCOMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMVanessaCavalcante37
 
Slides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSlides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSilvana Silva
 
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaaulasgege
 
Guia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfGuia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfEyshilaKelly1
 
Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfmirandadudu08
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfaulasgege
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBAline Santana
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxkarinedarozabatista
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinhaMary Alvarenga
 

Último (20)

“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx“Sobrou pra mim” - Conto de Ruth Rocha.pptx
“Sobrou pra mim” - Conto de Ruth Rocha.pptx
 
A experiência amorosa e a reflexão sobre o Amor.pptx
A experiência amorosa e a reflexão sobre o Amor.pptxA experiência amorosa e a reflexão sobre o Amor.pptx
A experiência amorosa e a reflexão sobre o Amor.pptx
 
UFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdfUFCD_10392_Intervenção em populações de risco_índice .pdf
UFCD_10392_Intervenção em populações de risco_índice .pdf
 
ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024ABRIL VERDE.pptx Slide sobre abril ver 2024
ABRIL VERDE.pptx Slide sobre abril ver 2024
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
 
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdfBRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
BRASIL - DOMÍNIOS MORFOCLIMÁTICOS - Fund 2.pdf
 
Bullying - Atividade com caça- palavras
Bullying   - Atividade com  caça- palavrasBullying   - Atividade com  caça- palavras
Bullying - Atividade com caça- palavras
 
Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e Específicas
 
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptxQUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
QUARTA - 1EM SOCIOLOGIA - Aprender a pesquisar.pptx
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
 
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEMCOMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
COMPETÊNCIA 1 DA REDAÇÃO DO ENEM - REDAÇÃO ENEM
 
Slides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSlides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptx
 
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologiaAula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
Aula - 1º Ano - Émile Durkheim - Um dos clássicos da sociologia
 
Guia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdfGuia completo da Previdênci a - Reforma .pdf
Guia completo da Previdênci a - Reforma .pdf
 
Regência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdfRegência Nominal e Verbal português .pdf
Regência Nominal e Verbal português .pdf
 
Cultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdfCultura e Sociedade - Texto de Apoio.pdf
Cultura e Sociedade - Texto de Apoio.pdf
 
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASBCRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
CRÔNICAS DE UMA TURMA - TURMA DE 9ºANO - EASB
 
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptxAD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
AD2 DIDÁTICA.KARINEROZA.SHAYANNE.BINC.ROBERTA.pptx
 
Bullying - Texto e cruzadinha
Bullying        -     Texto e cruzadinhaBullying        -     Texto e cruzadinha
Bullying - Texto e cruzadinha
 

Tipografia história origens