Type Design @ DeCA

Universidade de Aveiro Departamento de Comunicação e Arte Licenciatura de Design Unidade Curricular de Tipografia Slides e notas da sessão: http://pedamado.wordpress.com/2011/04/12/type-design-deca/ Correcções e sugestões: pamado@ua.pt

Pedro Amado, 2009-05-20, 2010-04-19, 2011-04-12

cetac.media

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 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Apresentação
Assistente Convidado no Departamento de Comunicação e Arte da Universidade de Aveiro. 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 Interacçã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 artística tradicional em áreas que abordam a Tipografia, a Programação Gráfica e o 3D.

3 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

HUMAN-COMPUTER INTERACTION (HCI)

Interesses Pessoais e de Investigação
DESIGN GRÁFICO LITERACIA VISUAL LITERACIA DIGITAL TYPE DESIGN

SOCIAL COMPUTING CLOUD COMPUTING ONLINE SOFTWARE SPECIAL INTEREST GROUPS (SIGS) COMMUNITIES OF PRACTICE (COPS) COMUNIDADES ON-LINE

COLABORAÇÃO E CRIATIVIDADE

4 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Adrian Frutiger — The Man of Black & White (DVD, 1’ 0’’: 3’0’’)

5 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Scratch my back...

Preencher o Inquérito para o decorrer do Projecto Tipográfico: http://bit.ly/fSYXp8

6 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

http://www.flickr.com/photos/ryantron/4453018910/

7 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

O que são letras?
Letters are things, not pictures of things Eric Gill, circa 1930

8 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Anatomia

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

9 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Anatomia

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

10 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Anatomia

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

11 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Anatomia

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

12 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Anatomia
YOU JUST WANT ME FOR MY BODY
type anatomy

Double chin, big feet, or bowed legs. Little details will tell you a lot about your type. Go ahead and check them out – it’s not shallow. It’s your job.
FF DIN PRO

More than any other part of the body, the x-height can dramatically affect type readability. Avoid extremely small or very large x-heights if that is important to you.

X-HEIGHT
The height of a lower case x or the height of lower case letters.

ASCENDER
Quite ambitious, this part of a lower case letter rises above the x height.

SET WIDTH
Width of a character in relation to the height. Being wider than you are tall isn’t always a bad thing.

CAP HEIGHT
The distance between the baseline and the top of a capital letter.

BASELINE
The imaginary, yet crucial line where all obedient letterforms sit.

COUNTER
The enclosed negative space within a letter.

DESCENDER
The male anatomy of a lower case letter that hangs below the baseline.

TERMINAL
Even though it sounds life-threatening, it is just the endpoint of the letterform.

FONTSHOP — http://www.fontshop.com/education/

13 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Anatomia prática
Haste Serifas Ombro Barriga Compensação (taper) Linha das Ascendentes Linha das Maiúsculas

Altura x

Linha de base (Overshoots)

Linha das descendentes

n Hhop
Eixo Enlace (bracket) Olho, abertura (eye, counter)

Corpo

14 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

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

Classificação

15 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Classificação
Maximillien Vox (1953)

Classificação de Tipos de Maximilien Vox, 1963 (Retirado do Fonts & Encodings, p. 409)

16 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Classificação
Aldo Novarese (1957)

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

17 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

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

18 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Classificação

British Standards for Typeface Classification (1967)

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

19 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Classificação
Robert Bringhurst (1997)

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

20 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

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; http://stbride.org/friends/conference/twentiethcenturygraphiccommunication/TypefaceClassification.

21 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Classificação
Ellen Lupton (2004)

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

22 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

O Processo de Design
Não há um processo “correcto” para criar um tipo. 1. 2. 3. 4. 5. 6. 7. 8. Motivação Definição de parâmetros [tipográficos] Digitalização e construção do conjunto completo – Implementação em software específico Espacejamento; Kerning, Ligaturas e Tabelas Lookups; Hinting; Gerar e distribuir;

Karen Cheng

23 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

O Processo de Design

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

24 / 24 Type Design @ DeCA

Pedro Amado, DeCA 2011-04-12

Esquiçar e Desenhar “n” + “o” + ...
Outline:
• 2 Lápis paralelos;

Face da letra:
• Marcadores;

Workshop de Type Design com Dave Crossland: http://pedamado.wordpress.com/2010/06/21/dave-crossland-hacklaviva/

Sign up to vote on this title
UsefulNot useful