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.
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.
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
é 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.
Design Nú-des, BR
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.
...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
Haste
Espaç o oc o
Vertice Bacia
Abyh Barra Serifa
Descendente
Ascendente
Espora
Eixo:
é o ângulo de inclinação característico das letras b, c, e, g o p e q. Humanista
Vertical
Ausência de eixo
Anatomia da Letra
Serifas: os traços decorativos nas extremidades das letras
Hastes: o traço vertical das letras
Ă pice: a parte superior das letras ou o vĂŠrtice formado pelo encontro das hastes
Anatomia da Letra
Barra: os traรงos horizontais das letras montantes: os traรงos inclinados
Barriga: as partes curvas das letras
Abertura.
Anatomia da Letra
Braço.
Junção.
Cauda.
Ombro.
Espora. Perna.
Incisão. Orelha.
Anatomia da Letra
Kerning:
Significa que parte de uma letra avanรงa sobre o espaรงo de outra.
“Parede de tijolos” Design Barney Pickard, RU
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.
Medidas Tipográficas
Aby
Linha da asc endente
Altura de m aiúscula
Altura-de-X
Linha de base Linha da descendente
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.
Altura de corpo
Medidas Tipográficas: Ponto e Paica
Ponto
Paica
Unidade tipométrica básica equivalente a 0,35 mm no sistema anglo - norte americano.
não Unidade tipométrica do sistema anglo-norte-americano equivalente a 12 pontos (4,2 mm).
O Tamanho dos caracteres e o entrelinhamento se medem em pontos.
O comprimento da linha e a altura ocupada pelo texto se medem em paicas.
Espaçamento:
Espaço entre caracteres.
Espaçamento Positivo:
Espaçamento Negativo:
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 Entrelinha é o espaço deixado entre as
linhas que compõem um texto. Não há
Entrelinha apertada demais 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.
regras. Espaço demais entre as linhas
pode ser tão ruim como espaços
demasiado estreitos. A facilidade com que se pode ler uma página impressa depende da distribuição adequada das entrelinhas.
Alinhamento:
Disposição das linhas de um texto de forma que estas comecem ou terminem em uma reta imaginária vertical.
Alinhamento à esquerda Disposição das linhas de um texto de forma que estas comecem em uma reta imaginária á esquerda.
Alinhamento centralizado Disposição das linhas de um texto de forma que estas se equilibrem sobre o eixo imaginário vertical.
Alinhamento à direita Disposição das linhas de um texto de forma que estas terminem em uma reta imaginária á direita.
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
A facilidade com que se pode ler uma página impressa depende também do alinhamento.
Design Brook Street, RU
Neste exemplo, o texto justificado e o espaรงamento e entrelinha normais facilitam a leitura.
Design Barney Pickard, 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 Regina Frank, EUA
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.
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 Força Dimensão Orientação harmonia Dimensão
Bast達o
Caracteres com hastes e montantes de espessura regular e sem serifas. Alta legibilidade e simplicidade
Kabel
Egipciana
Caracteres com serifas notadamente retangulares. Destaca-se pela uniformidade de hastes e montantes. Baixa legibilidade
Bookman
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
SĂŁo inspirados no gosto da ĂŠpoca e de enorme variedade.
Fantasia
Bodoni
=[pooiuytrewqasdfsddfvbnm,.lkj Sinais não Alfabéticos 1234567890-
“! @ # $%¨& * ( )_+ / ? ° {] [} , < . > : ; | \
b c d e g h i j @ # $ % * ( ) _ / ? {][ < ; \
1234567890-=[´pooiuytrewqasdfsddfvbnm,.lkj 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.
CHAMADA IMAGEM TÍTULO: é uma promessa CRÉDITOS\DATA\LOCA L FUND O ASSINATURA
Título
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...).
CHAMADA IMAGEM TÍTULO CRÉDITOS\DATA\LOCAL FUND O ASSINATURA
Créditos
Swierzy
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 FUND O ASSINATURA
Créditos
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