TIPOGRAFIA | MÓNICA MENDES

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

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

TIPOGRAFIA | MÓNICA MENDES

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

http://www.designingwithtype.com

Números alinhadosNúmeros não alinhados

Maiúsculas | Caixa AltaMinúsculas | caixa baixa

ItálicoInclinado

Versais e versaletesSmall Caps

Ligações

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

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

Tamanhos das letras Variações

http://ww.designingwithtype.com

TIPOGRAFIA | MÓNICA MENDES

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

Classificação BS

Classificação BS [British Standard]

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)

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)

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

TIPOGRAFIA | MÓNICA MENDES

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

Sequência final de Créditos

TIPOGRAFIA | MÓNICA MENDES | MPM I » 2012

Watch the Titles

Forget the film,

SaulBass:missing

http://prologue.com

http://prologue.com

TIPOGRAFIA | MÓNICA MENDES

Tipos para ecrãWebsites

Tipografia para ecrã(s)_excertos

If the text will be read on the screen, design it for that medium”

Robert Bringhurst

[2002] The Elements of Typographic Style (version 2.5),WA, Vancouver, Hartley & Marks, Publishers, pp. 193-194

“

Tipografia para ecrã(s) | Excertos

Na luz agressiva e na resolução fraca do ecrã, tais acessórios da literatura são difíceis de ver. (…) Bons tipos de letra para texto no ecrã têm assim, como regra, caixas com pouco contraste, um corpo grande, olho da letra aberto, terminações sólidas, e patilhas curtas ou nenhumas patilhas de todo.

Tipografia para ecrã(s) | Excertos

O designer pode ter algum controle – tamanho da letra, medida, entrelinhamento, e modela a página virtual, determinando a forma e frequência de títulos, a orientação e localização de ilustrações, a disposição de listagens e parágrafos. O designer dá forma explícita e visível à ordem intrínseca invisível do texto.

[2002] The Elements of Typographic Style (version 2.5), WA, Vancouver, Hartley & Marks, Publishers, pp. 193-194

Tipografia para ecrã(s) | Exemplos

Verdana itálicoVerdana romano e itálico

Georgia itálico Georgia romano e itálico

Geneva itálicoGeneva romano e itálico

http://www.fba.ul.pt

http://www.fba.ul.pt

http://www.oramix.pt

http://colab.ic2.utexas.edu/idporto2007