Type (face) Design @ DeCAUniversidade 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 [email protected]
© 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.
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA2 / 27
ApresentaçãoAssistente 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.
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA3 / 27
Interesses Pessoais e de Investigação
SOCIAL COMPUTINGCLOUD COMPUTING
ONLINE SOFTWARE
SPECIAL INTEREST GROUPS (SIGS)COMMUNITIES OF PRACTICE (COPS)
DESIGN GRÁFICO
LITERACIA VISUAL
LITERACIA DIGITAL
TYPE DESIGN
HUMAN-COMPUTER INTERACTION (HCI)
COMUNIDADES ON-LINE
COLABORAÇÃO E CRIATIVIDADE
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA4 / 27
Adrian Frutiger — The Man of Black & White (DVD)
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA5 / 27
Scratch my back...Preencher o Inquérito para o decorrer do Projecto Tipográfico:http://bit.ly/bm3VBF
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA6 / 27
http://www.flickr.com/photos/daquellamanera/3187138269/
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA7 / 27
O que são letras?Letters are things, not pictures of thingsEric Gill, circa 1930
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA8 / 27
Anatomia
Anatomia da Tipografia . Estuturação do Tipo: http://estudostipografia.files.wordpress.com/2007/10/et_anatomia.pdf
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA9 / 27
Anatomia
Allessandro Segallini—Anatomia da Tipografia: www.as8.it/handouts/type-classification.pdf
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA10 / 27
Anatomia
Allessandro Segallini—Anatomia da Tipografia: www.as8.it/handouts/type-classification.pdfAllessandro Segallini—Anatomia da Tipografia: www.as8.it/handouts/type-classification.pdf
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA11 / 27
Anatomia
Bruce Willen, Nolen Strals—Lettering & Type, 2010. p. 30-31
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA12 / 27
Classificação
http://www.behance.net/Gallery/Periodic-Table-of-Typefaces/193759
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA13 / 27
ClassificaçãoMaximillien Vox (1953)
Classificação de Tipos de Maximilien Vox, 1963 (Retirado do Fonts & Encodings, p. 409)
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA14 / 27
Classificação Aldo Novarese (1957)
Allessandro Segallini—Classificação da Tipografia: www.as8.it/handouts/type-classification.pdf
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA15 / 27
Classificação Vox 13 / Vox-ATypI (1962)
Allessandro Segallini—Classificação da Tipografia: www.as8.it/handouts/type-classification.pdf
WIKIPEDIA—Classificação da Tipografia: http://en.wikipedia.org/wiki/VOX-ATypI_classification
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA16 / 27
Classificação British Standards for Typeface Classification (1967)
Luc Devroye—British Standadrs for Typeface Classification: http://cg.scs.carleton.ca/~luc/britishstandards.html
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA17 / 27
Classificação Robert Bringhurst (1997)
Allessandro Segallini—Classificação da Tipografia: www.as8.it/handouts/type-classification.pdf
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA18 / 27
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
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA19 / 27
Classificação Catherine Dixon (2002)
Catherine Dixon—Classificação da Tipografia: http://stbride.org/friends/conference/twentiethcenturygraphiccommunication/TypefaceClassification.html
C
Visual overview
sample typeform: MT Old English new description framework
A The new description framework operates on the assump-tion that the formal character of every typeface can beexplained in terms of its specific configuration of the twomain description components: sources (generic influences)and formal attributes (specific formal characteristics)
B Reference is also made to the pattern definition listingsto see if a given typeform adheres to any of the establishedconfigurations of sources and formal attributes which recurthroughout typeform history. In the case of the sample typeshown (Monotype Old English) reference is made to theTextura pattern. For formal trends too general to be out-lined by use of a specific pattern or representing too fewtypefaces reference is made to a ‘summary’.
C In those instances of description where a pattern or sum-mary is broadly considered appropriate but a given type-form deviates in some way, reference to a pattern orsummary is moderated by further reference to the generallistings of sources and/or formal attributes.
Handwritten
sources
A Bpatterns (common recurrentsets of sources and formal attributes)
set out along a time-line to indicate period of introduction
1 2 3 4 5 6 7 8
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA20 / 27
Classificação Ellen Lupton (2004)
Ellen Lupton—Classificação da Tipografia: http://papress.com/thinkingwithtype/letter/classification.htm
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA21 / 27
O Processo de DesignNã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
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA22 / 27
O Processo de Design
Martin Majoor—Esquiços para Scala, in Thinking with Type, p.10.
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA23 / 27
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
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA24 / 27
Type Design 101+
Noordzij @ Type & Media—http://www.flickr.com/photos/ainat6/4467877139/in/pool-443263@N22/
Noordzij on Drawing @ Type & Media—http://new.typemedia.org/blog/2010/mar/29/noordzij-on-drawing/
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA25 / 27
Esquiçar e Desenhar •Outline;•2 Lápis;•Broad Nib;
http://www.flickr.com/photos/typegirl/2800997919/in/pool-typecamp
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA26 / 27
Esquiçar e Desenhar
Pedro Amado, DeCA 2010-04-19Type (face) Design @ DeCA27 / 27
Top Related