Tipografía

TIPOGRAFíA II INTRODUÇÃO
FORMA, CONTRAFORMA
Faculdade Design Gráfico E EFEITOS ÓTICOS
IPSH 2016
A DISCIPLINA TIPOGRAFIA II
OBJETIVOS:
1.Aplicar conhecimentos técnicos avançados sobre tipografia
2.Aplicar conhecimentos generais sobre a origem e evolução da

escritura, a caligrafia e a tipografia.
3.Explicar os princípios estéticos e funcionais que definiram as

formas das letras em cada época da historia
4.Realizar uma correta seleção tipográfica como recurso comunicativo

conceptual
5.Gerar composições complexas funcionalmente
6.Aplicar conhecimento técnico básico sobre design tipográfico

CONTEÚDOS DA DISCIPLINA:
FORMA, CONTRAFORMA
E EFEITOS ÓTICOS
FORMA, CONTRAFORMA LEGIBILIDADE E

E EFEITOS ÓTICOS COMPOSIÇÃO TIPOGRÁFICA
FORMA, CONTRAFORMA LEGIBILIDADE E TIPOGRAFIA E IDENTIDADE

E EFEITOS ÓTICOS COMPOSIÇÃO TIPOGRÁFICA
FORMA, CONTRAFORMA LEGIBILIDADE E TIPOGRAFIA E IDENTIDADE DESIGNS DE SIGNOS

E EFEITOS ÓTICOS COMPOSIÇÃO TIPOGRÁFICA TIPOGRÁFICOS
FORMA, CONTRAFORMA
E EFEITOS ÓTICOS
Lembrando o semestre anterior
FORMA, CONTRAFORMA
E EFEITOS ÓTICOS
Forma e contraforma
FORMA, CONTRAFORMA
E EFEITOS ÓTICOS
Forma e contraforma
Efetos Óticos
FORMA, CONTRAFORMA
E EFEITOS ÓTICOS
Forma e contraforma
Efetos Óticos
Unidade de design de
uma família tipográfica
FORMA, CONTRAFORMA
E EFEITOS ÓTICOS
LEGIBILIDADE E
COMPOSIÇÃO TIPOGRÁFICA
A eleição tipográfica de acordo a

função que executará
LEGIBILIDADE E

Novos níveis tipográficos:

a caixa e a reticula
LEGIBILIDADE E

Novos níveis tipográficos:

a caixa e a reticula
Princípios para a composição

tipográfica
LEGIBILIDADE E
TIPOGRAFIA E IDENTIDADE
Tipografia e identidade
El gag tipográfico
O gag tipográfico
O cabeçal duma tipografia
O DESIGNS DE SIGNOS
TIPOGRÁFICOS
O processo de trabalho em
designs de tipografias
O DESIGNS DE SIGNOS
TIPOGRÁFICOS
O DESIGNS DE SIGNOS
TIPOGRÁFICOS
EXERCÍCIOS
Personalizar tipograficamente o seu nome com uma tipografia

EXERCÍCIOS
Fazer um cartel tipográfico com um texto

EXERCÍCIOS
Redesenhar o ¨Cabezal¨ dum jornal o magazine

EXERCÍCIOS
Criar uma família tipográfica

LEMBRANDO O SEMESTRE ANTERIOR
ANATOMIA TIPOGRÁFICA
GIANBATISTA BODONI 1790

Vértice
Has
nte
nde
te d
sce
esc
te a
end
Olho
Has
e nte
Barra
Pontal
Serif

Lagrima o gota
Barriga ou anel
Unha ou gancho

Arranque
Ascendente
Barriga ou anel
Base

Braço
Haste
Cola


Ombro
Arco de
perna
Perna


Giro

LINHAS MESTRAS
GARAMOND
Claude Garamond / 1530
LINHAS MESTRAS
Ascendentes e versales
Altura de x e versalitas
Linha base
Descendentes
GARAMOND
QUAIS SÃO AS VARIAÇÕES MAIS FREQUENTES DUM DESIGN TIPOGRÁFICO?
MYRIAD PRO
Carol Twombly & Robert Slimbach / 1992
MYRIAD PRO
MYRIAD PRO
QUAIS TIPOS DE CONTRASTES TIPOGRÁFICOS ENCONTRAMOS?
COMPONENTES DO SET TIPOGRÁFICOS
COMPONENTES DO SET TIPOGRÁFICOS
Maiúsculas
Minúsculas
Versalitas
Ordinais
Números
Acentos
Ligaduras
Pontuação
Monetário
Matemáticos
Edit e Comerc
FORMA E CONTRAFORMA
As formas brancas constituem o fundo, e as pretas, o
primeiro plano. O fundo condiciona ao primeiro plano
e vice-versa. Uno modifica ao outro. É um jogo entre o
negro e o branco.
FRED SMEIJERS
Livro Counterpunch
BRANCO E PRETO
FORMA E CONTRAFORMA
FORMA E CONTRAFORMA
FORMA E CONTRAFORMA
As letras são um jogo entre o branco e o preto.

Ambos constituem uma unidade.
Se introduzimos uma mudança em algum deles o outro

também varia ao inverso.
FORMA E CONTRAFORMA. RELAÇÕES ESPACIAIS
Cada letra esta formada por seu próprio traço, pelo espaço interno e o
que a rodeia.
O equilíbrio entre estes dois espaços (interno e externo) e a clave para

lograr que letras e palavras sejam percebidas com total nitidez.
Quanto mais igualados estes espaços, melhor resultado visual.
Espaços iguais no significa distancias iguais.

Espaços
Distancias entre os caracteres

Contraforma fechada Contraforma aberta Contraforma mixta

BENTON SANS
Tobias Frere-Jones
& Cyrus Highsmith
1995/2003
Contraforma externa
Contraforma mixta
GARAMOND
Contraforma interna
Contraforma externa
EXEMPLOS
EXEMPLOS
EXEMPLOS
EXEMPLOS
EXEMPLOS
EXEMPLOS
EXEMPLOS
OS EFEITOS ÓTICOS NAS TIPOGRAFIAS
FORMAS BÁSICAS DAS LETRAS
AJUSTES DE VÉRTICES E CURVAS
GROSSO DAS LINHAS
GROSSO DAS LINHAS
55px
55px
GROSSO DAS LINHAS
GROSSO DAS LINHAS
GROSSO DAS LINHAS
GROSSO DAS LINHAS
GROSSO DAS LINHAS
Com ajuste ótico Sem ajuste ótico

GROSSO DAS LINHAS
GROSSO DAS LINHAS
AJUSTE DE CÍRCULOS
Com ajuste ótico Sem ajuste ótico

AJUSTE DE CÍRCULOS
CORREÇÃO DE NÓ OTICO
Ao coincidir linhas curvas com retas ou com outras curvas, assim como
dois linhas obliquas, produzem-se nós óticos
Constituem forma não homogênea em quanto a irregularidade no color

AS ARMADILHA DE TINTAS
Presentam-se em tipografias feitas para o funcionamento

em impressiones de materiais absolventes ou em
pontos muito pequenos
AMPLITUDE
Cristian Shwart / 2003
AS ARMADILHA DE TINTAS
NEW CALEDONIA
F.W Dwiggins / 1938-40
RELAÇÃO DE AMPLITUDE ENTRE OS SIGNOS TIPOGRÁFICOS
Helvética Neue
Myriad Pro
The Serif
Helvética Neue
Myriad Pro
The Serif
RELAÇÃO DE GROSSO ENTRE TRAÇOS CURVOS E RETOS
GARAMOND
RELAÇÃO ENTRE A Ï¨ E OS HASTES
GARAMOND
RELAÇÃO ENTRE A ¨c¨ E A ë¨
Centaur
Palatino
Bodoni
Gill Sans
The Serif
Din Pro
A LETRA ¨d¨ NO É EXATAMENTE A SUMA DAS LETRA ö¨ + ¨l¨
Centaur Century School Book Dispach

AS LETRAS ¨b¨ E ¨p¨ / ¨d¨ E ¨q¨ NÃO SÃO EXATAMENTE
A MESMA FORMA ROTADA 180 GRAUS
Centaur
DIFERENÇAS ENTRE A ¨m¨, ¨ n¨, ¨ h¨, ¨ u¨
GARAMOND
RELAÇÃO PROPORCIONAL DA ¨S¨ E DA ¨s¨ EM TERMOS DE GROSSO
GARAMOND
RELAÇÃO DE INCLINAÇÕES ENTRE ¨v¨,¨w¨ E ÿ¨
GIORGIA
DESLOCAMENTO DAS DIAGONAIS NAS ¨x¨
BODONI
DESLOCAMENTO DAS DIAGONAIS NAS ¨x¨
THE SERIF
UNIDADE DE DESIGN DUMA FAMÍLIA TIPOGRÁFICA
RELAÇÕES FORMAIS / TRATAMENTO DAS CURVAS
OVALADO CIRCULAR MENOS REDONDO QUADRADO

RELAÇÕES FORMAIS / PROPORÇÕES
CONDENSADA MÉDIO ESTENDIDA

RELAÇÕES FORMAIS / CONTRASTE ENTRE OS TRAÇOS
NENHUM MÉDIO ALTO EXAGERADO

RELAÇÕES FORMAIS / MODULAÇÃO
NENHUM VERTICAL OBLIQUA HORIZONTAL

RELAÇÕES FORMAIS / COR
CLARO MÉDIO ESCURO

RELAÇÕES FORMAIS / SERIFAS
CENTAUR STEMPEL GARAMOND
PLANTIN TIMES
LINOTYPE DIDOT CLARENDON
SCALA SERIF MATRIX
FRIZ CUADRATA AMERICAN TYPEWRITER

RELAÇÕES FORMAIS / TRAÇOS TERMINAIS
CENTAUR TIME
PLANTIN PALATINO
LINOTYPE DIDOT CLARENDON
SCALA SERIF MATRIX
FRIZ CUADRATA SWIF

HELVÉTICA PALATINO
GILL SANS ROTIS SANS
SCALA SANS MATRIX
ÓPTIMA ITC OFFICINA SANS

TIMES NEW ROMAN

MATRIX INLINE
CLARENDON
GILL SANS
JOANNA
OPTIMA
BODONI
OMNIA
OMNIA
TERMINAÇÕES DE LINHAS BASES
ASCENDENTE
TERMINAÇÕES DE CARACTERES ESPECÍFICOS

UNIDADE DE DESIGN DUMA FAMÍLIA
MUSEO SLAB
Jos Bui venga
ANDES CONDENSED
Daniel Hernández
ANDES CONDENSED
Daniel Hernández
ANTARTIDA
Luciano Vergara
RUMBA
Laura Meseguer
ELEMENTAL
Francisco Gálvez
ELEMENTAL
Francisco Gálvez
ORIENTAÇÃO DO EXERCÍCIO
Personalizar os seu nome com uma tipográfica selecionada do catalogo

entregado pelo professor. Poderá fazer ajustes óticos.
Entrega em formato impresso, folha carta. Ajunto breve descrição de sua

caracterização pessoal.
Data: 3 de maio

Tipografía

Enviado por

Dados do documento

Descrição original:

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Tipografía

Enviado por

Direitos autorais:

Formatos disponíveis

TIPOGRAFíA II INTRODUÇÃO

1.Aplicar conhecimentos técnicos avançados sobre tipografia

2.Aplicar conhecimentos generais sobre a origem e evolução da

3.Explicar os princípios estéticos e funcionais que definiram as

4.Realizar uma correta seleção tipográfica como recurso comunicativo

5.Gerar composições complexas funcionalmente

6.Aplicar conhecimento técnico básico sobre design tipográfico

FORMA, CONTRAFORMA LEGIBILIDADE E

FORMA, CONTRAFORMA LEGIBILIDADE E TIPOGRAFIA E IDENTIDADE

FORMA, CONTRAFORMA LEGIBILIDADE E TIPOGRAFIA E IDENTIDADE DESIGNS DE SIGNOS

Lembrando o semestre anterior

Lembrando o semestre anterior

Lembrando o semestre anterior

Lembrando o semestre anterior

A eleição tipográfica de acordo a

A eleição tipográfica de acordo a

Novos níveis tipográficos:

A eleição tipográfica de acordo a

Novos níveis tipográficos:

Princípios para a composição

O cabeçal duma tipografia

Personalizar tipograficamente o seu nome com uma tipografia

Fazer um cartel tipográfico com um texto

Redesenhar o ¨Cabezal¨ dum jornal o magazine

Criar uma família tipográfica

GIANBATISTA BODONI 1790

GIANBATISTA BODONI 1790

GIANBATISTA BODONI 1790

GIANBATISTA BODONI 1790

GIANBATISTA BODONI 1790

GIANBATISTA BODONI 1790

GIANBATISTA BODONI 1790

GIANBATISTA BODONI 1790

GIANBATISTA BODONI 1790

As letras são um jogo entre o branco e o preto.

Se introduzimos uma mudança em algum deles o outro

O equilíbrio entre estes dois espaços (interno e externo) e a clave para

Quanto mais igualados estes espaços, melhor resultado visual.

Espaços iguais no significa distancias iguais.

Distancias entre os caracteres

Contraforma fechada Contraforma aberta Contraforma mixta

Com ajuste ótico Sem ajuste ótico

Com ajuste ótico Sem ajuste ótico

Constituem forma não homogênea em quanto a irregularidade no color

Presentam-se em tipografias feitas para o funcionamento

Centaur Century School Book Dispach

OVALADO CIRCULAR MENOS REDONDO QUADRADO

CONDENSADA MÉDIO ESTENDIDA

NENHUM MÉDIO ALTO EXAGERADO

NENHUM VERTICAL OBLIQUA HORIZONTAL

CLARO MÉDIO ESCURO

CENTAUR STEMPEL GARAMOND

LINOTYPE DIDOT CLARENDON

SCALA SERIF MATRIX

FRIZ CUADRATA AMERICAN TYPEWRITER

LINOTYPE DIDOT CLARENDON

SCALA SERIF MATRIX

FRIZ CUADRATA SWIF

GILL SANS ROTIS SANS

SCALA SANS MATRIX

ÓPTIMA ITC OFFICINA SANS

TIMES NEW ROMAN

TERMINAÇÕES DE LINHAS BASES