Tipografia

Tipografia

História e técnica

Tipografia • A primeira manifestação do conceito tipográfico – criar um texto a partir da reprodução de caracteres preexistentes – é hoje conhecida como Disco de Festos

provavelmente entre 1850 AC e 1600 AC

Tipografia • A partir daí muitas outras formas de organização da escrita foram surgindo, mas podemos considerar que a tipografia tal como a entendemos hoje aparece realmente muito tempo depois...

Johannes

Gensfleisch zur Laden zum

Gutenberg

Tipografia • Foi em 1450, meio do século XV, que as primeiras impressões na invenção de Gutenberg foram realizadas • Em 1455 ele publica a conhecida “Bíblia de Gutenberg”, que hoje é considerado (os 21 sobreviventes) o livro mais caro do mercado se postas a venda

Tipografia • Situando um pouco na história... – Baixa Idade Média (fase tardia) – Séc XIII ~ XV – Renascimento – Séc XIV ~ XVII

Tipografia • Esses primeiros livros foram impressos usando o estilo conhecido como Blackletter

escrito em Fraktur

Tipografia • O Blackletter também é conhecido como estilo Gótico – um sinônimo para bárbaro – e assim foi chamado pelos Renascentistas humanistas da época. • Os tipos dentro desse estilo usavam muitas ligaduras e eram usados com variações de espaço e largura das letras

Tipografia • Devido a essa época de transição, logo um novo estilo de tipos surgiu para ilustrar essa era, as fontes Humanistas

escrito em Adobe Jenson Bold

Tipografia • Algumas características desse estilo de fonte são o eixo inclinado, as linhas com largura relativament uniforme, os terminais evidenciando o desenho da pena, fontes “pesadas”, de cor escura, linha do e ascendente.

Tipografia • Um dos expoentes dessa fase foi Nicolas Jenson, pois foi o primeiro a criar um tipo no estilo “romano”, que então serviu de base para muitas outras criações

texto da fonte original criada por Jenson

Tipografia • Esse estilo de certa maneira pode ser considerado o grande pai da tipografia moderna • Além da própria Adobe Jenson, outras fontes atuais são inspiradas no estilo dessa época e, portanto, consideradas Humanistas

Centaur

Tipografia • Ainda com essa evolução em relação ao estilo gótico, os tipos ainda se limitavam muito a imitarem características do manuscrito • O próximo passo foi um refinamento das fontes, um passo além da caligrafia em direção a tipografia trazido pelo estilo Old Style

escrito em Adobe Garamond

Tipografia • Esse estilo tem várias características que denotam seu maior refinamento. As linhas finas e grossas tem um maior contraste, a linha do e é totalmente horizontal, os angulos são menos acentuados e as terminações das serifas mais elaboradas.

Tipografia • Ainda que o estilo Humanista tenha caído de moda e seja pouco utilizado, o Old Style permaneceu vivo por mais de dois séculos e até hoje está presente através de vários tipos bastante populares Caslon

Perpetua Goudy

Garamond

Tipografia • Situando um pouco na história... – Renascimento – Séc XIV ~ XVII – Iluminismo – Meio Séc XVII ~ Séc XVIII

Tipografia • O Iluminismo e a arte da razão trazem uma nova transformação à tipografia. A abstração cresce e as formas abandonam ainda mais a inspiração humana, criando o estilo Neoclássico ou de Transição.

Ouse usar a razão! escrito em Baskerville

Tipografia • Fim do séc XVII, Luis XIV encomenda uma tipo que deve ser feito baseado em uma série de tramas e cientificamente calculado

Romain du Roi, o alfabeto do rei

Tipografia • Essa grande mudança na origem conceitual dos tipos refletiu em transformações importantes, como o eixo vertical (racionalista), grande diferença entre linhas grossas e finas, serifas mais orgânicas e definidas

Tipografia • Baskerville foi um grande influenciador dessa época e seu estilo de linhas afiadas e eretas, com numerais ascendentes e descendentes inspirou uma conhecida fonte que é bastante usada ainda hoje

Baskerville Times New Roman

Tipografia • A próxima mudança nos estilos tipográficos foi na virada do séc XVIII para o XIX, coma primeira fonte Moderna feita por Firmin Didot, que acabou por se tornar um sinônimo do estilo, conhecido por Didone

Escrito com a própria Didot

Tipografia • O estilo leva ao extremo as características de seu predecessor, o neoclássico. Influenciado pelo movimento do Romantismo, os contrastes ficam extremamente impactantes, serifas bem finas e abruptas e terminais arredondados. • Didot e Bodoni são os grandes expoentes dessa fase, mas até hoje podemos facilmente encontrar fontes inspiradas nessa época.

Tipografia

Tipografia • Situando um pouco na história... – Revolução Industrial – Séc XIX

Tipografia • Mudanças pós Séc. XIX – Surgimento da industrialização, consumo e comunicação de massas – Explosão da propaganda, exigindo fontes grandes, gritantes, explosivas – Tipografia responde com fontes gordas (Fat Faces), de serifa grossa (Egípcias, Slab Serfifs) – Tipos de máquina de escrever (Courier, Courier New)

Tipografia

Tipografia • As fontes “monstruosas” recebem uma forte oposição dos artistas de vanguarda do início do século XX – De Stijl – Bauhaus

• Os alfabetos voltam as formas mais básicas, geométricas, buscando a “pureza”

Tipografia

Tipografia • Nesse momento histórico, influenciado pela geometria da Bauhaus, surge uma das fontes mais conhecidas da atualidade, projetada por Paul Renner em 1927

Futura

O

Tipografia • Nos seguintes anos, são criadas muitas das fontes sans-serif que hoje conhecemos e usamos, inclusive as fontes criadas para o meio digital

Tipografia • Realistas ou Neo-grotesque – Helvetica, Univers, Arial

Arial

Tipografia • Humanistas – Frutiger, Optima, Verdana

Verdana

Tipografia • A anatomia dos tipos é baseada em algumas linhas básicas

Tipografia • Leading ou entrelinha, é a distância entre duas linhas de base

Tipografia • Tracking ou espacejamento, é a distância geral entre as letras

• Exemplos de tracking normal, justo e solto

Tipografia • Kerning é a distância entre alguns pares de letras, um ajuste fino

Tipografia • Viúvas e órfãs

Tipografia • Melhores práticas – Comece com uma família de fontes – Defina uma largura de coluna confortável Linhas com muitos caracteres dificultam a leitura – Use uma entrelinha consistente Se for necessário mais de um valor de entrelinha, o ideal é que sejam múltiplos

Tipografia • Melhores práticas

Tipografia • Melhores práticas

Tipografia • Melhores práticas – Estabeleça uma escala de tamanhos

Tipografia • Melhores práticas – Crie uma hierarquia consistente Apenas um ou dois elementos de mudança já bastam para dar ênfase

Tipografia • Melhores práticas – Crie uma hierarquia consistente Apenas um ou dois elementos de mudança já bastam para dar ênfase

• MELHORES PRÁTICAS – Crie uma hierarquia consistente Apenas um ou dois elementos de mudança já bastam para dar ênfase

Tipografia – Referências • Pensar com tipos – Ellen Lupton • The Elements of Typographic Style v3.0 – Robert Bringhurst • http://ilovetypography.com/ • http://webtypography.net/