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 MNKY VWX ZA BDGJPRU COQS fijlt k vwxy z abdghmnpqru 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 c e h n u m r l i f j t p b q g d a s v y w x z 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

HAO
(Linhas Orientadoras)
Moye, S — Fontographer-Type By Design. New York: MIS Press, 1995

Dimensão vs. Proporção

8 / 15

Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2010-05-10

HAO
(Linhas Orientadoras)
Moye, S — Fontographer-Type By Design. New York: MIS Press, 1995

Dimensão vs. Proporção

9 / 15

Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2010-05-10

Variáveis de desenho
Eixo / Inclinação

Serifas

Peso

Contraste

H x-hg OO EEE HHHHHHH EE
Altura-x

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

10 / 15

Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2010-05-10

Espacejar (Maiúsculas)

HHOOHH nnoonn
100% 50% 30% 20% 100% 80% 65% 35% Cheng, C — Designing Type. London: Laurence King, 2006

A4 4 T 4
4 1 1

Triangulares
4

Quadrangulares e hastes

V4 4 J 1 P5 1 E3
1 2

4

W4

4

X4 L4 U2

4

Y4

D5 B3

1

Quadrangulares (variantes)
2

R4 1 F3

1 1

1

K4 1 I 1

N2

Redondas
5

M1 C3 S6

Q5 Z3

5

5

3

Em espinha
6

G2

1 — Igual ao H 2 — Menos do que o H 3 — Metade do H 4 — Mínimo 5 — Igual ao O 6 — Ajustar visualmente

11 / 15

Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2010-05-10

Espacejar (Minúsculas)

HHOOHH nnoonn
100% 50% 30% 20% 100% 80% 65% 35% Cheng, C — Designing Type. London: Laurence King, 2006

Triangulares
4

v4 r
4

4

Quadrangulares de haste curta
1 1

w4

4

x j

4

4

x4 u2

4

y4

m2

1

1

2

b 3l
1 5

Quadrangulares de haste longa
5 2

Redondas

p 3h
3

5 2

k4 3 i 1
3 5

c

6

5

e

6

q s7

1

5

d1 z7

g7 7 f 7
7

Em espinha e irregulares
7 7

a7 t7

7

7

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 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 H OV
Espaços Proporcionais
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

Sign up to vote on this title
UsefulNot useful