Você está na página 1de 123

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:
CONTEÚDOS DA DISCIPLINA:

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

FORMA, CONTRAFORMA LEGIBILIDADE E


E EFEITOS ÓTICOS COMPOSIÇÃO TIPOGRÁFICA
CONTEÚDOS DA DISCIPLINA:

FORMA, CONTRAFORMA LEGIBILIDADE E TIPOGRAFIA E IDENTIDADE


E EFEITOS ÓTICOS COMPOSIÇÃO TIPOGRÁFICA
CONTEÚDOS DA DISCIPLINA:

FORMA, CONTRAFORMA LEGIBILIDADE E TIPOGRAFIA E IDENTIDADE DESIGNS DE SIGNOS


E EFEITOS ÓTICOS COMPOSIÇÃO TIPOGRÁFICA TIPOGRÁFICOS
CONTEÚDOS DA DISCIPLINA:

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

Lembrando o semestre anterior

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

Lembrando o semestre anterior

Forma e contraforma

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

Lembrando o semestre anterior

Forma e contraforma

Efetos Óticos

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

Lembrando o semestre anterior

Forma e contraforma

Efetos Óticos

Unidade de design de
uma família tipográfica

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

LEGIBILIDADE E
COMPOSIÇÃO TIPOGRÁFICA
CONTEÚDOS DA DISCIPLINA:

A eleição tipográfica de acordo a


função que executará

LEGIBILIDADE E
COMPOSIÇÃO TIPOGRÁFICA
CONTEÚDOS DA DISCIPLINA:

A eleição tipográfica de acordo a


função que executará

Novos níveis tipográficos:


a caixa e a reticula

LEGIBILIDADE E
COMPOSIÇÃO TIPOGRÁFICA
CONTEÚDOS DA DISCIPLINA:

A eleição tipográfica de acordo a


função que executará

Novos níveis tipográficos:


a caixa e a reticula

Princípios para a composição


tipográfica

LEGIBILIDADE E
COMPOSIÇÃO TIPOGRÁFICA
CONTEÚDOS DA DISCIPLINA:

TIPOGRAFIA E IDENTIDADE
CONTEÚDOS DA DISCIPLINA:

Tipografia e identidade

TIPOGRAFIA E IDENTIDADE
CONTEÚDOS DA DISCIPLINA:

Tipografia e identidade

El gag tipográfico

TIPOGRAFIA E IDENTIDADE
CONTEÚDOS DA DISCIPLINA:

Tipografia e identidade

O gag tipográfico

O cabeçal duma tipografia

TIPOGRAFIA E IDENTIDADE
CONTEÚDOS DA DISCIPLINA:

O DESIGNS DE SIGNOS
TIPOGRÁFICOS
CONTEÚDOS DA DISCIPLINA:

O processo de trabalho em
designs de tipografias

O DESIGNS DE SIGNOS
TIPOGRÁFICOS
CONTEÚDOS DA DISCIPLINA:

O processo de trabalho em
designs de tipografias

O processo de trabalho em
designs de tipografias

O DESIGNS DE SIGNOS
TIPOGRÁFICOS
CONTEÚDOS DA DISCIPLINA:
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


ANATOMIA TIPOGRÁFICA

Vértice

Has
nte
nde

te d
sce

esc
te a

end
Olho
Has

e nte
Barra

Pontal

Serif
GIANBATISTA BODONI 1790
ANATOMIA TIPOGRÁFICA

GIANBATISTA BODONI 1790


ANATOMIA TIPOGRÁFICA

Lagrima o gota

Barriga ou anel
Unha ou gancho

GIANBATISTA BODONI 1790


ANATOMIA TIPOGRÁFICA
ANATOMIA TIPOGRÁFICA
Arranque

Ascendente
Barriga ou anel

Base
GIANBATISTA BODONI 1790
ANATOMIA TIPOGRÁFICA

GIANBATISTA BODONI 1790


ANATOMIA TIPOGRÁFICA

Braço

Haste

Cola

GIANBATISTA BODONI 1790


ANATOMIA TIPOGRÁFICA

GIANBATISTA BODONI 1790


ANATOMIA TIPOGRÁFICA

Ombro

Arco de
perna

Perna

GIANBATISTA BODONI 1790


ANATOMIA TIPOGRÁFICA

GIANBATISTA BODONI 1790


ANATOMIA TIPOGRÁFICA

Giro

GIANBATISTA BODONI 1790


LINHAS MESTRAS

GARAMOND
Claude Garamond / 1530
LINHAS MESTRAS

Ascendentes e versales

Altura de x e versalitas

Linha base

Descendentes

GARAMOND
Claude Garamond / 1530
QUAIS SÃO AS VARIAÇÕES MAIS FREQUENTES DUM DESIGN TIPOGRÁFICO?

MYRIAD PRO
Carol Twombly & Robert Slimbach / 1992
QUAIS SÃO AS VARIAÇÕES MAIS FREQUENTES DUM DESIGN TIPOGRÁFICO?

MYRIAD PRO
Carol Twombly & Robert Slimbach / 1992
QUAIS SÃO AS VARIAÇÕES MAIS FREQUENTES DUM DESIGN TIPOGRÁFICO?

MYRIAD PRO
Carol Twombly & Robert Slimbach / 1992
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.


FORMA E CONTRAFORMA. RELAÇÕES ESPACIAIS
FORMA E CONTRAFORMA. RELAÇÕES ESPACIAIS

Espaços

Distancias entre os caracteres


FORMA E CONTRAFORMA. RELAÇÕES ESPACIAIS

Contraforma fechada Contraforma aberta Contraforma mixta


FORMA E CONTRAFORMA. RELAÇÕES ESPACIAIS

BENTON SANS
Tobias Frere-Jones
& Cyrus Highsmith
1995/2003

Contraforma externa

Contraforma mixta
FORMA E CONTRAFORMA. RELAÇÕES ESPACIAIS

GARAMOND
Claude Garamond / 1530

Contraforma interna

Contraforma externa
EXEMPLOS
EXEMPLOS
EXEMPLOS
EXEMPLOS
EXEMPLOS
EXEMPLOS
EXEMPLOS
OS EFEITOS ÓTICOS NAS TIPOGRAFIAS
FORMAS BÁSICAS DAS LETRAS
FORMAS BÁSICAS DAS LETRAS
FORMAS BÁSICAS DAS LETRAS
FORMAS BÁSICAS DAS LETRAS
FORMAS BÁSICAS DAS LETRAS
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
Claude Garamond / 1530
RELAÇÃO ENTRE A ¨I¨ E OS HASTES

GARAMOND
Claude Garamond / 1530
RELAÇÃO ENTRE A ¨c¨ E A ¨e¨

Centaur
Palatino
Bodoni

Gill Sans
The Serif
Din Pro
A LETRA ¨d¨ NO É EXATAMENTE A SUMA DAS LETRA ¨o¨ + ¨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
Claude Garamond / 1530
RELAÇÃO PROPORCIONAL DA ¨S¨ E DA ¨s¨ EM TERMOS DE GROSSO

GARAMOND
Claude Garamond / 1530
RELAÇÃO DE INCLINAÇÕES ENTRE ¨v¨,¨w¨ E ¨y¨

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


RELAÇÕES FORMAIS / TRAÇOS TERMINAIS

HELVÉTICA PALATINO

GILL SANS ROTIS SANS

SCALA SANS MATRIX

ÓPTIMA ITC OFFICINA SANS


RELAÇÕES FORMAIS / TRAÇOS TERMINAIS

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
UNIDADE DE DESIGN DUMA FAMÍLIA

ANDES CONDENSED
Daniel Hernández
UNIDADE DE DESIGN DUMA FAMÍLIA

ANDES CONDENSED
Daniel Hernández
UNIDADE DE DESIGN DUMA FAMÍLIA

ANTARTIDA
Luciano Vergara
UNIDADE DE DESIGN DUMA FAMÍLIA

RUMBA
Laura Meseguer
UNIDADE DE DESIGN DUMA FAMÍLIA

ELEMENTAL
Francisco Gálvez
UNIDADE DE DESIGN DUMA FAMÍLIA

ELEMENTAL
Francisco Gálvez
ORIENTAÇÃO DO EXERCÍCIO
UNIDADE DE DESIGN DUMA FAMÍLIA

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