Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012...

26
TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Tipografia Digital Introdução & Aplicações: » Expressividade » Funcionalidade » Legibilidade Mónica Mendes FBAUL | PMI 2012

Transcript of Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012...

Page 1: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012

Tipografia DigitalIntrodução & Aplicações: » Expressividade» Funcionalidade » LegibilidadeMónica Mendes FBAUL | PMI 2012

Page 2: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Tipografia Digital

ExpressividadeClassificação | Categorias | Terminologia

Exemplos: sequências de abertura

FuncionalidadeGenealogia | Famílias | Fontes | Estilos | Hierarquias |

Formatação

Exemplos: sequências finais de créditos | Fichas técnicas

Legibilidade LegibilidadeAnatomia | Características dos tipos optimizados para ecrã

Exemplos: websites_títulos, subtítulos, textos, links

Page 3: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012

Letras, tipos de letra e famíliasCaracterização anatómica, morfológica e genealógica

Page 4: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica
Page 5: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

http://www.designingwithtype.com

Page 6: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Números alinhadosNúmeros não alinhados

Maiúsculas | Caixa AltaMinúsculas | caixa baixa

ItálicoInclinado

Versais e versaletesSmall Caps

Ligações

Page 7: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Oficina tipográfica do séc. XVIDa letra de mão à letra de forma: percursos da caligrafia nas artes e nas técnicas, Francisco

Cunha Leão, s/d | http://issuu.com/pedrofalconnier/docs/daletrademao

Page 8: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Família [Normal ou romano + Itálico + Negro + Itálico Negro + …]

Fonte [Letras maiúsculas e minúsculas, números, sinais de pontuação, ligatures]Sabon | Jan Tsichold, Bitstream

Page 9: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Família [Normal ou romano + Itálico + Negro + Itálico Negro + …]

Fonte [Letras maiúsculas e minúsculas, números, sinais de pontuação, ligatures]Sabon | Jan Tsichold, Bitstream

Page 10: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Tamanhos das letras Variações

Page 11: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica
Page 12: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

http://ww.designingwithtype.com

Page 13: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012

Sistemas de classificação de tipos de letraPrincipais propostas, critérios e características

Page 14: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Classificação BS

Page 15: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Classificação BS [British Standard]

Page 16: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Classificação Catherine Dixon

1. Fontes (influências)

2. Atributos formais (construção,

forma, modulação, terminais,

proporção, espessura, caracteres-

chave, ornamentação)

3. Modelos (referências Históricas)

Page 17: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

Classificação por contraste

1. Translacção

(broad nib pen. bon-flexible)

2. Expansão (pointed pen, flexible)

3. Híbrido (uma mistura dos dois)

Page 18: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

http://www.fontshop.com/fonts/category/ | http://www.fontfont.com + http://openfontlibrary.org

Page 19: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012

Cinema & Video Genéricos e Ficha TécnicaSequência de abertura

Sequência final de Créditos

Page 20: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012

Watch the Titles

Forget the film,

Page 21: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica
Page 22: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica
Page 23: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

SaulBass:missing

Page 24: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

http://prologue.com

Page 25: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

http://prologue.com

Page 26: Tipografia Digital Introdução & Aplicações ... · TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012 Letras, tipos de letra e famílias Caracterização anatómica, morfológica e genealógica

TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012