Tipografia Modular (com Fontstruct)

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-05-10

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 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10
3 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Elementos Tipográficos
Typography comprises a limited set of basic elements: letters, numbers and punctuation marks.

Despite continuous changes in aesthetic preference, design theory, and reproduction methods,
the basic forms of these elements have remained constant for the past 2000 years.

A A
Kunz, W — Typography: Macro+Micro Aesthetics.. Zurich: Verlag Niggli, 2002
4 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Elementos Tipográficos

EFHILT fijlt

MNKY k

VWX vwxy

ZA z

BDGJPRU abdghmnpqru

COQS ceos
Kunz, W — Typography: Macro+Micro Aesthetics.. Zurich: Verlag Niggli, 2002
5 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Genealogia Tipográfica

o h p v

c n l b q d y w

e u m r i f g a x
z

j t s k

Moye, S — Fontographer-Type By Design. New York: MIS Press, 1995

6 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Dimensão vs. Proporção

(Linhas Orientadoras)

1. Um quadrado ou um círculo parecem opticamente correctos quando são 1% ± 1%

mais altos do que largos;

2. Um círculo parece opticamente tão alto como um rectângulo quando tem a base e o topo
a exceder 1,5% ± 0,5% da altura do que a largura;

3. Um triângulo parece opticamente tão largo como um rectângulo quando é 5% ± 1%

mais largo;

4. Um ápice agudo (A, V, W) parece ser tão alto como um rectangulo quando o ápice
é 3% ± 1% mais longo do que o lado quadrado;

Karow, P — Digital Formats for Typfaces. Hamburg: URW Verlag, 1987

Moye, S — Fontographer-Type By Design. New York: MIS Press, 1995
7 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Dimensão vs. Proporção

HAO
(Linhas Orientadoras)

Moye, S — Fontographer-Type By Design. New York: MIS Press, 1995

8 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Dimensão vs. Proporção

HAO
(Linhas Orientadoras)

Moye, S — Fontographer-Type By Design. New York: MIS Press, 1995

9 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Variáveis de desenho

Eixo / Inclinação OO H x-hg

Altura-x

Serifas E E E
Peso HHHHHHH
Contraste E E
Cheng, C — Designing Type. London: Laurence King, 2006
10 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Espacejar (Maiúsculas)

HHOOHH
100% 50% 30% 20%
Triangulares
4 A V W X Y
4 4 4 4 4 4 4 4 4

4 T
4 4 J 1

Quadrangulares e hastes
1
D P
5 1
R
5 1
L
4 1
K
4 1 4

nnoonn
1
B E F U I
3 1 3 1 3 1 2 1 1

Quadrangulares (variantes)
2
N
2 2
M1
Redondas
5 Q C G
5 5 3 5 2

Em espinha
100% 80% 65% 35%
3
Z
3 6
S6
1 — Igual ao H
2 — Menos do que o H
3 — Metade do H
4 — Mínimo
5 — Igual ao O
6 — Ajustar visualmente
Cheng, C — Designing Type. London: Laurence King, 2006
11 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Espacejar (Minúsculas)

HHOOHH
100% 50% 30% 20%
Triangulares
4 v w x x y
4 4 4 4 4 4 4 4 4

Quadrangulares de haste curta

1 r
4 1 m 2 1 j
1 2 u 2
Quadrangulares de haste longa

nnoonn
1 b
5 3 p
5 3 k 4

3 l h i
2 3 2 3 1

Redondas
5 c e q d
6 5 6 5 1 5 1

Em espinha e irregulares
7 g a s z
7 7 7 7 7 7 7

7 f
7 7 t 7
100% 80% 65% 35%

1 — Igual ao lado esquerdo do n

2 — Igual ao lado direito do n
3 — Um pouco mais do que o lado direito no n
4 — Mínimo
5 — Igual ao o
6 — Um pouco menos do que o o
Cheng, C — Designing Type. London: Laurence King, 2006 7 — Ajustar visualmente
12 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Espaços Proporcionais

Cheng, C — Designing Type. London: Laurence King, 2006

13 / 27 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

HOV
Espaços Proporcionais

H OV
Cheng, C — Designing Type. London: Laurence King, 2006
14 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

Tipografia Modular (com o Fontstruct)

Modular describes any letter from a limited palette of distinct elements. In one sense, almost
all typefaces are modular. Willen, B; Strals, N — Lettering & Type. New York: Princeton Architectural Press, 2009

FontStruct is a free font-building tool brought to you by the world’s leading retailer of digital
type, FontShop. http://fontstruct.fontshop.com/about

Há uma comunidade de criadores e pensadores da área do desenvolvimento de software

e por pessoas com Michael Welsch (The Machine is Using Us) ou a Ellen Lupton (Free Font
Manifesto).

“...peço desculpa de não partilhar o entusiasmo do uso do fontstruct no ensino da tipografia

e/ou da criação tipográfica.” Marco C.
http://pedamado.wordpress.com/2009/05/20/type-design-fontstruct-deca/
15 / 15 Tipografia Modular (com Fontstruct) Pedro Amado, DeCA 2010-05-10

http://vimeo.com/972905