Você está na página 1de 27

Type (face) Design @ DeCA

Universidade de Aveiro Departamento de Comunicação e Arte (DeCA)


Licenciatura de Design Unidade Curricular de Tipografia

Slides e notas da sessão disponíveis brevemente em:


http://pedamado.wordpress.com

Correcções e sugestões para


pamado@ua.pt

© Pedro Amado, 2009-05-20, 2010-04-19


Este trabalho está licenciado sob uma Licença Creative Commons Atribuição-Uso Não-Comercial-Partilha nos termos da mesma Licença 2.5 Portugal. Para ver uma cópia desta licença,

visite http://creativecommons.org/licenses/by-nc-sa/2.5/pt/ ou envie uma carta para Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.
2 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Apresentação
Assistente Convidado no Departamento de Comunicação e Arte da Universidade de Aveiro
(DeCA) a leccionar Multimédia, Imagem Digital Estática, Projecto,...

Estudante de Doutoramento do Programa Doutoral de Informação e Comunicação em


Plataformas Digitais (ICPD) a desenvolver uma investigação sobre Participação e Intaracção
em Comunidades Online.

Mestre em Arte Multimédia e Licenciado em Design de Comunicação (FBAUP) tem por


objectivo pessoal potenciar a ligação entre a Multimédia Digital e a Criação tradicional em
áreas que abordam a Tipografia, a Programação e o 3D.
3 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

HUMAN-COMPUTER INTERACTION (HCI)

Interesses Pessoais e de Investigação


DESIGN GRÁFICO TYPE DESIGN

LITERACIA VISUAL

LITERACIA DIGITAL

SOCIAL COMPUTING
CLOUD COMPUTING
ONLINE SOFTWARE

SPECIAL INTEREST GROUPS (SIGS)


COMMUNITIES OF PRACTICE (COPS)
COMUNIDADES ON-LINE

COLABORAÇÃO E CRIATIVIDADE
4 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Adrian Frutiger — The Man of Black & White (DVD)


5 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Scratch my back...
Preencher o Inquérito para o decorrer do Projecto Tipográfico:
http://bit.ly/bm3VBF
6 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

http://www.flickr.com/photos/daquellamanera/3187138269/
7 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

O que são letras?


Letters are things, not pictures of things
Eric Gill, circa 1930
8 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Anatomia

Anatomia da Tipografia . Estuturação do Tipo: http://estudostipografia.files.wordpress.com/2007/10/et_anatomia.pdf


9 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Anatomia

Allessandro Segallini—Anatomia da Tipografia: www.as8.it/handouts/type-classification.pdf


10 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Anatomia

Allessandro Segallini—Anatomia da Tipografia: www.as8.it/handouts/type-classification.pdf


11 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Anatomia

Bruce Willen, Nolen Strals—Lettering & Type, 2010. p. 30-31


12 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

http://www.behance.net/Gallery/Periodic-Table-of-Typefaces/193759

Classificação
13 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Classificação
Maximillien Vox (1953)

Classificação de Tipos de Maximilien Vox, 1963 (Retirado do Fonts & Encodings, p. 409)
14 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Classificação
Aldo Novarese (1957)

Allessandro Segallini—Classificação da Tipografia: www.as8.it/handouts/type-classification.pdf


15 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Classificação
Vox 13 / Vox-ATypI (1962)

WIKIPEDIA—Classificação da Tipografia: http://en.wikipedia.org/wiki/VOX-ATypI_classification

Allessandro Segallini—Classificação da Tipografia: www.as8.it/handouts/type-classification.pdf


16 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Classificação
British Standards for Typeface Classification (1967)

Luc Devroye—British Standadrs for Typeface Classification: http://cg.scs.carleton.ca/~luc/britishstandards.html


17 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Classificação
Robert Bringhurst (1997)

Allessandro Segallini—Classificação da Tipografia: www.as8.it/handouts/type-classification.pdf


18 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Classificação
Catherine Dixon (2002)

Catherine Dixon—Classificação da Tipografia: http://www.infodesign.org.br/conteudo/artigos/308/ing/InfoDesign_v5_n2_2008_01_Dixon.pdf


19 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Classificação
Catherine Dixon (2002) Visual overview

sample typeform: MT Old English new description framework

1 2 3 4 5 6 7 8

A B C
patterns (common recurrentsets of sources and formal attributes)
set out along a time-line to indicate period of introduction

Handwritten
sources

A The new description framework operates on the assump- B Reference is also made to the pattern definition listings C In those instances of description where a pattern or sum-
tion that the formal character of every typeface can be to see if a given typeform adheres to any of the established mary is broadly considered appropriate but a given type-
explained in terms of its specific configuration of the two configurations of sources and formal attributes which recur form deviates in some way, reference to a pattern or
main description components: sources (generic influences) throughout typeform history. In the case of the sample type summary is moderated by further reference to the general
and formal attributes (specific formal characteristics) shown (Monotype Old English) reference is made to the listings of sources and/or formal attributes.
Textura pattern. For formal trends too general to be out-
lined by use of a specific pattern or representing too few
typefaces reference is made to a ‘summary’.

Catherine Dixon—Classificação da Tipografia: http://stbride.org/friends/conference/twentiethcenturygraphiccommunication/TypefaceClassification.html


20 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Classificação
Ellen Lupton (2004)

Ellen Lupton—Classificação da Tipografia: http://papress.com/thinkingwithtype/letter/classification.htm


21 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

O Processo de Design
Não há um processo “correcto” para criar um tipo.

1. Motivação
2. Definição de parâmetros [tipográficos]
3. Digitalização e construção do conjunto completo –
4. Implementação em software específico
5. Espacejamento;
6. Kerning, Ligaturas e Tabelas Lookups;
7. Hinting;
8. Gerar e distribuir;

Karen Cheng
22 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

O Processo de Design

Martin Majoor—Esquiços para Scala, in Thinking with Type, p.10.


23 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Type Design 101


“A letter is two shapes of different brightness”
Gerrit Noordzij, circa 1984

Teoria da “front”: http://www.letterror.com/noordzij/streek/index.html


24 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Type Design 101


+

Noordzij on Drawing @ Type & Media—http://new.typemedia.org/blog/2010/mar/29/noordzij-on-drawing/

Noordzij @ Type & Media—http://www.flickr.com/photos/ainat6/4467877139/in/pool-443263@N22/


25 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Esquiçar e Desenhar http://www.flickr.com/photos/typegirl/2800997919/in/pool-typecamp

• Outline;
• 2 Lápis;
• Broad Nib;
26 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19

Esquiçar e Desenhar
27 / 27 Type (face) Design @ DeCA Pedro Amado, DeCA 2010-04-19