no es b sicas - site pessoal de ricardo artur pereira...

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

Upload: vohuong

Post on 24-Nov-2018

213 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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

noções básicas

Page 2: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

o que é?

Page 3: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Tipos de madeira

Composição feita comclichês de madeira

Impressão tipográfica

Page 4: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Tipos de metal

&“E” comercial,

também conhecido como Ampersand

Clichês de metal (chumbo)

Page 5: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Imagens clichês

Imagens de florais em clichês de madeira

Page 6: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

1

4

7

2

5

8

3

6

9

Page 7: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

conceitos

Page 8: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Família

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

Page 10: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Fonte

Conjunto de caracteres daITC Garamond Book

Conjunto de caracteres daITC Garamond Italic

Page 12: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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

Page 17: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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

Variações

Page 22: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Caixas ALTA e baixa

Page 26: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

VERSALVERSAL

versalete

versalete

altura-x

altura-x

Versal e versaletetopo da versal

linha de base

Page 28: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

anatomia

Page 29: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Anatomia

A MEápice

oco montante

montante

vérticeserifa serifa

braçohaste

serifa serifa

serifa

barra

Page 30: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Q gdbojo

oco oco

cauda

barrigaorelha

ascendente

serifa

gancho

espora

Anatomia

Page 31: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

n pfdescendenteserifa

serifa

espora espora

haste haste

ombro barra

gancho

barriga

Anatomia

Page 32: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente
Page 34: no es b sicas - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

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 - Site pessoal de Ricardo Artur Pereira Carvalhoricardoartur.com.br/1001/files/2012/03/aula01.pdf · (da ascendente ou da versal ) at o ponto mais baixo ( descendente

Dúvidas e outras informações

www.ricardoartur.com.br/1001