type design @ deca: slides da primeira sessão

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 [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.

Upload: pedamado

Post on 27-Apr-2015

371 views

Category:

Documents


0 download

DESCRIPTION

Slides da Primeira sessão do último projecto da Unidade Curricular de Tipografia — Projecto TipográficoBlog da Unidade Curricular:http://tipografia.blogs.ua.sapo.pt/Departamento de Comunicação e Arte da Universidade de Aveiro 2009-2010http://www.ca.ua.pt/PageDisc.aspx?id=2914&b=1

TRANSCRIPT

Page 1: Type Design @ DeCA: Slides da Primeira Sessão

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.

Page 2: Type Design @ DeCA: Slides da Primeira Sessão

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.

Page 3: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 4: Type Design @ DeCA: Slides da Primeira Sessão

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

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

Page 5: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 6: Type Design @ DeCA: Slides da Primeira Sessão

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

http://www.flickr.com/photos/daquellamanera/3187138269/

Page 7: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 8: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 9: Type Design @ DeCA: Slides da Primeira Sessão

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

Anatomia

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

Page 10: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 11: Type Design @ DeCA: Slides da Primeira Sessão

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

Anatomia

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

Page 12: Type Design @ DeCA: Slides da Primeira Sessão

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

Classificação

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

Page 13: Type Design @ DeCA: Slides da Primeira Sessão

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)

Page 14: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 15: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 16: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 17: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 18: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 19: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 20: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 21: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 22: Type Design @ DeCA: Slides da Primeira Sessão

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.

Page 23: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 24: Type Design @ DeCA: Slides da Primeira Sessão

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/

Page 25: Type Design @ DeCA: Slides da Primeira Sessão

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

Page 26: Type Design @ DeCA: Slides da Primeira Sessão

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

Esquiçar e Desenhar

Page 27: Type Design @ DeCA: Slides da Primeira Sessão

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