201001DIUFES - TIPOGRAFIA DIGITAL

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

fctunl | fbaul | Tipografia | mónica mendes | 2009
Tipografia Digital
Filme/Vídeo + Websites
Mónica Mendes | FBAUL
Produção de Conteúdos
Multimédia | FCTUNL
20 Outubro 2009
Tipografia Digital
 Expressividade
Classificação | Categorias | Terminologia
Exemplos: sequências de abertura
 Funcionalidade
Genealogia | Famílias | Fontes | Estilos | Hierarquias | Formatação
Exemplos: sequências finais de créditos | Fichas técnicas
Legibilidade
Anatomia | Características dos tipos optimizados para ecrã
Exemplos: websites_títulos, subtítulos, textos, links
fctunl | fbaul | Tipografia | mónica mendes | 2009
Letras, tipos de letra
e famílias
Caracterização anatómica,
morfológica e genealógica
 http://ww.designingwithtype.com
Números alinhados
Números não alinhados
Maiúsculas | Caixa Alta
Minúsculas | caixa baixa
Itálico
Inclinado
Versais e versaletes
Small Caps
Ligações
Oficina tipográfica do séc. XVI
Da letra de mão à letra de forma: percursos da caligrafia nas artes e nas técnicas, Francisco Cunha Leão,
s/d | Último acesso: 2009/10 | http://www.ippar.pt/sites_externos/bajuda/htm/opusc/fclcal.htm
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
fctunl | fbaul | Tipografia | mónica mendes | 2009
Sistemas
de classificação
de tipos de letra
Principais 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://ww.fontfont.com | http://typenav.fontshop.com/index.asp?s=2
fctunl | fbaul | Tipografia | mónica mendes | 2009
Cinema & Video
Genéricos e Ficha Técnica
Sequência de abertura
Sequência final de Créditos
fctunl | fbaul | Tipografia | mónica mendes 2009
Watch the Titles
Forget the film,
SaulBass:
missing
http://www.prologue.com/ http://ww.prologue.com
 http://ww.prologue.com
fctunl | fbaul | Tipografia | mónica mendes | 2009
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
“
Muita tipografia actual é composta não
para a página impressa, mas para o ecrã
de um computador. Esse ecrã pode viver
com cor fluída, mas os melhores
monitores de computador têm, ainda
assim, uma resolução miserável (cerca
de 130 dpi, ou seja, 1/5 na norma comum
para impressoras laser e aprox. 5% da
norma para tipografia digital profissional.
Tipografia para ecrã(s) | Excertos
 Quando o texto é apresentado
cruamente, o olho parte à procura
de distracção, que o ecrã é bem capaz
de providenciar.
Tipografia para ecrã(s) | Excertos
O ecrã mimetiza o céu, não a terra.
Bombardeia o olho com luz em vez
de esperar por dar retorno ao dom
da visão. Não é simultaneamente
tranquilo e vívido como um campo
cheio de flores, ou a cara de um ser
humano pensante, ou uma página
tipográfica bem feita…
Tipografia para ecrã(s) | Excertos
 E nós lemos o ecrã da mesma
maneira que lemos o céu: em passos
rápidos, adivinhando o tempo a partir
das alterações das formas das nuvens,
ou como astrónomos, em pequenos
bits ampliados. Olhamos para
procuramos pistas e revelações,
mais do que sabedoria.
Tipografia para ecrã(s) | Excertos
Tipografia para ecrã(s) | Excertos
 O ecrã é um ambiente de leitura ainda
mais fugitivo que o jornal. No texto, as
subtilezas e delicadezas das letras têm
poucas hipóteses. Caracteres elevados,
notas de rodapé, notas finais e laterais
desaparecem. Na luz agressiva e na
resolução fraca do ecrã, tais acessórios
da literatura são difíceis de ver.
Tipografia para ecrã(s) | Excertos
 Formas da imprensa e sinalética têm
mais probabilidades. 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
 Um texto que desliza ao longo
do ecrã ainda precisa da atenção
do tipógrafo, tal como qualquer
texto impresso. Pode acontecer até
que seja o leitor, e não o designer,
a escolher o tipo de letra.
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álico
Verdana romano e itálico
Georgia itálico
Georgia romano e itálico
Geneva itálico
Geneva romano e itálico
http://www.fba.ul.pt
http://www.fba.ul.pt
http://www.oramix.pt
http://www.oramix.pt
 http://colab.ic2.utexas.edu/idporto2007
http://colab.ic2.utexas.edu/idporto2007
fctunl | fbaul | Tipografia | mónica mendes 2009
monica.mendes@fba.ul.pt