tipografia

Podemos definir a

tipografia como arte ou

técnica de reproduzir a

comunicação através da

palavra impressa para

transmitir com alguma

habilidade, elegância

e eficiência, as palavras.

...inovação

Tipo

Tipo é igual ao modelo ou desenho

uma letra específica.

O processo de impressão mais

rudimentar é direto e se assemelha

ao uso do carimbo.

Processo tipográfico

Primeiro livro composto de linhas de tipos móveis,

42 linhas para compor a Bíblia de Johannes Gutenberg 1456.

David Pearson (ex-Penguin, responsável pelo design de coleções como Great

Ideas e Great Journeys) para dar cara nova aos livros de Cormac McCarthy

Pearson dá um interessante senso de unidade pra

obra de McCarthy ao se utilizar exclusivamente de

variações na tipografia combinadas com texturas

ásperas - basicamente, madeira e pedra.

é o reflexo de uma época.

Portanto, a evolução de seu projeto atende projeções

tecnológica e artísticas.

O sinal tipográfico é considerado como um dos elementos

mais ativos das mudanças culturais do homem.

Tipologia ou tipografia é o

conjunto de caracteres – letras,

algarismos e sinais - , seu estilo,

formato, tamanho e arranjo

visual, que constituem a

composição dos textos, usada

num projeto gráfico. Design Nú-des, BR

...conceitos

Fonte Tipográfica

É o jogo completo de caracteres de

um tipo – letras, algarismos, sinais –

fornecido ao usuário de forma que

possa compor livremente quaquer

texto naquele tipo.

...conceitos

Família Tipográfica

É um grupo de tipos unidos por

características similares.

...conceitos

Corpo

O tamanho do tipo é medido por sua

altura, denominada corpo, que é a

distância entre as faces anterior e

posterior do antigo tipo de metal,

incluindo os espaços acima e abaixo

do caracter.

Anatomia da Letra

AbyhBarra Serifa Descendente

Ascendente

Espora

Bacia

Vertice

Haste

Espaço

oco

Eixo: é o ângulo de inclinação característico

das letras b, c, e, g o p e q.

Humanista Vertical Ausência de eixo

Ápice: a parte superior das letras ou o

vértice formado pelo encontro

das hastes

Serifas: os traços decorativos nas

extremidades das letras

Hastes: o traço vertical das letras

Anatomia da Letra

Abertura.

montantes: os traços inclinados

Barriga: as partes curvas das letras

Barra: os traços horizontais das letras

Anatomia da Letra

Orelha.

Junção.

Ombro.

Perna.

Espora.

Braço.

Cauda.

Incisão.

Anatomia da Letra

Kerning: Significa que parte de uma letra avança sobre o espaço de outra.

Anatomia da Letra

Um kerning

exagerado e os

vários níveis da

linha de base

transformam uma

palavra simples em

um acontecimento

tipográfico.

O tamanho e a

escala das letras do

título em contraste

com o texto

reforçam a

mensagem.

“Parede de tijolos” Design Barney Pickard, RU

Altura-de-x não é a mesma para todas as fontes. No exemplo, as duas fontes têm tamanho de corpo 100 mas parecem de tamanhos diferentes.

Medidas Tipográficas

Altura de

maiúscula Altura de

corpo

Linha de base

Linha da descendente

Linha da ascendente

Altura-de-XAby

Ponto Unidade tipométrica básica equivalente a 0,35 mm no sistema anglo - norte - americano. O Tamanho dos caracteres e o entrelinhamento se medem em pontos.

Paica não Unidade tipométrica do sistema anglo-norte-americano equivalente a 12 pontos (4,2 mm). O comprimento da linha e a altura ocupada pelo texto se medem em paicas.

Medidas Tipográficas: Ponto e Paica

Espaçamento: Espaço entre caracteres.

Espaçamento Negativo: Espaçamento Positivo:

A facilidade com que se pode ler uma página impressa depende da distribuição adequada dos caracteres.

JÁ A LEGIBILIDADE Refere-se a velocidade com que cada letra ou palavra

pode ser reconhecida. Depende do design do caracter

A capitular “A” foi

utilizada como um

elemento chave do

design deste cartaz.

O Tamanho, ângulo

e distorção da letra

comunicam a idéia

de um raio de luz

contrastando com o

espaço preto

predominante.

Entrelinhamento: É o espaço deixado entre as linhas que

compõem um texto. Não há regras. Espaço demais entre as linhas pode ser tão ruim como

espaços demasiado estreitos.

Entrelinha aberta demais

A facilidade com que se pode ler uma página impressa depende da distribuição adequada das entrelinhas.

Entrelinha é o espaço deixado entre as

linhas que compõem um texto. Não há

regras. Espaço demais entre as linhas

pode ser tão ruim como espaços

demasiado estreitos.

Entrelinha é o espaço deixado entre as linhas que compõem um texto. Não há regras. Espaço demais entre as linhas pode ser tão ruim como espaços demasiado estreitos.

Entrelinha apertada demais

Alinhamento: Disposição das linhas de um texto de forma que

estas comecem ou terminem em uma reta imaginária vertical.

Alinhamento à esquerda

A facilidade com que se pode ler uma página impressa depende também do alinhamento.

Alinhamento à direita

Disposição das linhas de um

texto de forma que estas

comecem em uma reta

imaginária á esquerda.

Disposição das linhas de um

texto de forma que estas

terminem em uma reta

imaginária á direita.

Alinhamento centralizado

Disposição das linhas de um

texto de forma que estas se

equilibrem sobre o eixo

imaginário vertical.

Alinhamento

Justificado

Disposição das linhas de um

texto de forma que estas

comecem e terminem de

maneira uniforme á esquerda e

á direita. Cuidado com os caminhos de rato

Neste exemplo, o texto justificado e o

espaçamento e entrelinha normais facilitam a

leitura.

Design Brook Street, RU

Neste exemplo, o tamanho contrastante da

fonte e o posicionamento do título assim como a

posição diagonal da imagem sugerem ao leitor a

experiência do medo.

O espaçamento negativo e a entrelinha

apertada acentuam a emoção e o drama.

Design Barney Pickard, RU

Neste exemplo, a cor do título , a entrelinha

apertada, o tipo e tamanhos dos caracteres criam uma

imagem tipograficamente simples para comunicar idéia

de perfeição.

Design Regina Frank, EUA

Gótica

Romana

Cursiva

Escritura

Serifadas

Serifas são traços que

arrematam as hastes dos

caracteres. Podem ser:

Triangulares, quadradas ou

finas

Times

Sem Serifa

Também conhecidas como

bastão. Sua principal

característica é a leveza dos

traços.

Futura

Cursiva Representam a forma manuscrita

de escrever. Tem baixa

legibilidade

Monotype

cursiva

Fantasia A imaginação prevalece. Podem ser associadas a conceitos, sentimentos, épocas etc.

Bernhard Fashion

Sem serifa

Serifa

retangular

Serifa

triangular

Serifa traço

simples

Variações no desenho dos tipos de

uma mesma família

Legibilidade

Legibility – (legibilidade) se

refere às qualidades

inerentes aos tipos em si,

que os fazem reconhecíveis

e claros para serem lidos;

Readability –

(leiturabilidade) diz respeito

à qualidade do conforto

visual, à facilidade de

compreensão dos textos, ao

que torna aprazível sua

leitura.

Legibilidade em placas de sinalização é prioridade máxima...

Preocupação com a

estética e identificação

com o público jovem.

Fatores de legibilidade

Simplicidade Dimensão

Dimensão Força

Orientação harmonia

Bastão Kabel

Caracteres com

hastes e

montantes de

espessura

regular e sem

serifas. Alta

legibilidade e

simplicidade

Egipciana Bookman

Caracteres com

serifas

notadamente

retangulares.

Destaca-se pela

uniformidade de

hastes e

montantes.

Baixa legibilidade

Elzevir

Caracteres com

serifas notadamente

triangulares.

Destaca-se pela

elegância e pela

distribuição perfeita

dos traços finos e

grossos de hastes e

montantes. Alta

legibilidade

Garamond

Didot

Caracteres com

serifas notadamente

finas. Destaca-se pelo

contraste dos traços

finos e grossos de

hastes e montantes.

Bodoni

Fantasia

São inspirados no gosto da época e de enorme variedade.

Bodoni

Sinais não Alfabéticos

“! @ # $%¨&

* ( )_+ / ? ° {]

[} , < . > : ; | \

b c d e

g h i j k

@ # $ % &

* ( ) _ +

/ ? {][}

< ; \

Constituídos pelos sinais de pontuação, sinais diacríticos, numerais,

símbolos e elementos decorativos, formam o conjunto de signos

usados na transcrição de sons e ritmos da fala para a linguagem

escrita. Servem também para transcrever dados em linguagens

científicas, ou simplesmente para ornamentar uma página de livro.

1234567890-=[´pooiuytrewqasdfsddfvbnm,.lkj

=[pooiuytrewqasdfsddfvbnm,.lkj

1234567890-

Título

CHAMADA

IMAGEM

TÍTULO: é uma promessa

CRÉDITOS\DATA\LOCAL FUNDO ASSINATURA

Beeke

O trabalho sobre o título consiste na adequação entre sua forma e conteúdo através da manipulação de valores expressivos (cromáticos, formais, espaciais, plásticos...).

Créditos Para o designer tem um estatuto indeclinável e o trabalho sobre os créditos consiste unicamente na sua adequação compositiva.

CHAMADA

IMAGEM

TÍTULO

CRÉDITOS\DATA\LOCAL

FUNDO ASSINATURA

Swierzy

Créditos

CHAMADA

IMAGEM

TÍTULO

CRÉDITOS\DATA\LOCAL

FUNDO ASSINATURA

Stenberg

Para o designer tem um estatuto indeclinável e o trabalho sobre os créditos consiste unicamente na sua adequação compositiva.

Exercício feito numa grade de composição, com o Construtivismo soviético como tema. O uso da perspectiva e as setas anguladas imitam os princípios compositivos do movimento.

Sebastien Courtois

Cartaz para a peça

The Bearded Heart (1923)

Símbolo da Unilever

é todo feito com

ornamentos e

suplementos

decorativos

tipográficos que

representam a

energia vital das

expressões da vida.

Anuncio de

revista de uma

página para o

recrutamento de

consultores MCV,

dirigido a

profissionais

criativos, mostra o

poder da

simplicidade e

clareza.

Design Peter Stimpson, RU

Página da revista

online Memphis

Notebook.

Design Memphis, EUA

fim