no es b sicas - ricardo arturlupton, ellen. pensar com tipos : guia para designers, editores e...

38
Tipografia Linguagem gráfica, dsg-1001 Prof. Ricardo Artur Carvalho noções básicas

Upload: others

Post on 25-Oct-2020

4 views

Category:

Documents


4 download

TRANSCRIPT

Page 1: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

TipografiaLinguagem gráfica, dsg-1001Prof. Ricardo Artur Carvalho

noções básicas

Page 2: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

o que é?

Page 3: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Tipos de madeira

Composição feita comclichês de madeira

Impressão tipográfica

Page 4: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Tipos de metal

&“E” comercial,

também conhecido como Ampersand

Clichês de metal (chumbo)

Page 5: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Imagens clichês

Imagens de florais em clichês de madeira

Page 6: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

1

4

7

2

5

8

3

6

9

Page 7: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

conceitos

Page 8: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

FamíliaConjunto de caracteres que guardam as mesmas características formais de seu desenho, independentemente de peso, inclinação e do corpo.

Page 9: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Família

Família tipográfica Helvetica (Max Miedinger, 1957) e suas variações.

Page 10: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

FonteChamava-se fonte tipográfica o conjunto de caracteres em apenas um dos corpos dis po níveis. Hoje, como a tipografia digital possui um arquivo com todos os tamanhos, o termo fonte se confunde com o conceito de família.

Page 11: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Fonte

Conjunto de caracteres daITC Garamond Book

Conjunto de caracteres daITC Garamond Italic

Page 12: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

CorpoDiz respeito ao tamanho do tipo, sendo definido pela altura dos clichês. O corpo é o tamanho que vai do ponto mais alto (da ascendente ou da versal) até o ponto mais baixo (descendente), com mais o acréscimo de algum espaço extra.

Page 13: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Corpo

Corpo 100ptstopo da versal

limite inferiorlinha das descendentes

altura-xlinha de base

Altura-x - Eixo que define a altura das minúsculas, correspondente a altura da letra x minúscula.Altura da Versal - Eixo que define a altura das maiúsculasLinha de base (Baseline) - Eixo sobre o qual repousam todas as letras

altura do corpo

100 pontos

Page 14: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

PesoDiz respeito às variações de densidade, ou seja, das diferentes espessuras no desenho dos tipos que compõem certafamília tipográfica.

Page 15: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Peso

Univers Light 30 ptsUnivers Regular 30 pts

Univers Bold 30 ptsUnivers Black 30 pts

Univers Light 30 ptsUnivers Regular 30 ptsUnivers Bold 30 ptsUnivers Black 30 pts

Variações de peso da famíliaUnivers (Adrian Frutiger, 1954)

Page 16: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

LarguraVariação entre as larguras definem as variações condensandas (mais apertadas) ou expandidas (mais folgadas).

Page 17: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Largura

Univers Condensed 30 ptsUnivers Regular 30 pts

Univers Extended 30 pts

UniversUniversUnivers

Variações de largura da famíliaUnivers (Adrian Frutiger, 1954)

Univers Compressed 30pts

Univers

Page 18: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

InclinaçãoVariações quanto a inclinação dos tipos.Definem se o tipo é Regular (Romano no caso de alguns tipos com serifas) ou Itálico (Oblíquo no caso de alguns tipos sem serifas).Cabe ressaltar que na maioria dos tipos serifados há diferença também nos desenhos dos tipos, além da inclinação.

Page 19: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

InclinaçãoHelvetica Regular 40pts

Adobe Garamond Pro Regular 40pts

Helvetica Oblique 40pts

Adobe Garamond Pro Italic 40pts

Variações de inclinação da família Helvetica (Max Miedinger, 1957)

Variações de inclinação da família Adobe Garamond Pro Baseada nos tipos de Claude Garamond, cerca de 1550

Page 20: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

VariaçõesAs famílias tipográficas apresentam vari -ações em relação ao corpo, largura, peso e inclinação.

Page 21: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Amostra das variações da família Univers,desenvolvida por Adrian Frutiger em 1957

Variações

Page 22: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Variações

45 55

65

75

53 63

73

83

46 56

66

76

47 57

67

48 58

68

39 49

59

Page 23: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

VariaçõesEstendida

Regular

Light

Bold

Black

ItálicoExtra-black

Regular Condensada

Comprimida

Frutiger criou um sistema numéricopara classificaras variações da família tipográfica

45 55

65

75

53 63

73

83

46 56

66

76

47 57

67

48 58

68

39 49

59

Page 24: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

CAIXA ALTA

caixa baixaCorresponde ao conjunto de caracteres em letras maiúsculas.

Corresponde ao conjunto de caracteres em letras minúsculas.

Page 25: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Caixas ALTA e baixa

Page 26: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

VERSAL

versaleteOutra designação para as maiúsculas.

Caractere maiúsculo com a mesma altura das minúsculas (altura x).

Page 27: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

VERSALVERSAL

versalete

versalete

altura-x

altura-x

Versal e versaletetopo da versal

linha de base

Page 28: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

anatomia

Page 29: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Anatomia

A MEápice

oco montante

montante

vérticeserifa serifa

braçohaste

serifa serifa

serifa

barra

Page 30: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Q gdbojo

oco oco

cauda

barrigaorelha

ascendente

serifa

gancho

espora

Anatomia

Page 31: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

n pfdescendenteserifa

serifa

espora espora

haste haste

ombro barra

gancho

barriga

Anatomia

Page 32: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Eaplex Aprojeção

projeção projeção

eixo das ascendentes Versais

eixo das descendentesprojeção

altura-x

base

OBS. Quando o eixo das ascendentes for maior do que o topo das versais, a altura do corpo será definida pelas ascendentes.

Anatomia

Page 33: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto
Page 34: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

NIEMEYER, Lucy. Tipografia: uma apresentação. 4a ed.Teresópolis, 2AB, 2010.

Typortum Blog (imagens): http://blog.typoretum.co.uk/

Helvetica (filme): HUSTWIT, Gary. Helvetica, Swiss Dots, Veer, Alemanha, Bélgica, Estados Unidos, França, Holanda, Inglaterra e Suíça. 2007 (81 min.)

Referências

<<

<<

>>

Page 35: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

LUPTON, Ellen. Pensar com tipos: guia para designers, editores e estudantes. [trad. André Storlaski]. São Paulo: Cosac Naify. 2004

ROCHA, Claudio. Projeto tipográfico: análise e produção de fontes digitais. [2ª edição] São Paulo: Rosari. 2003

Bibliografia auxiliar

Page 36: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Esta apresentação foi diagramada numa grid de 6x6 para a aula de linguagem gráfica utili-zando o InDesign CS5 e publicada em PDF.

As pricipais famílias tipográficas utilizadas:

LF Thesis Sans (Bold)(desenhada por Lucas de Groot, 1994)

LF Thesis Serif (Bold e Bold Italic)(desenhada por Lucas de Groot, 1994)

Informações

Page 38: no es b sicas - Ricardo ArturLUPTON, Ellen. Pensar com tipos : guia para designers, editores e estudantes. [trad. Andr Storlaski]. S o Paulo: Cosac Naify. 2004 ROCHA, Claudio. Projeto

Dúvidas e outras informações

www.ricardoartur.com.br/1001