P. 1
PAmado_TypeDesign_DeCA_02

PAmado_TypeDesign_DeCA_02

|Views: 337|Likes:
Published by pedamado
Slides para a segunda sessão do Workshop de Type Design @ DeCA 2011
Slides para a segunda sessão do Workshop de Type Design @ DeCA 2011

More info:

Published by: pedamado on May 16, 2011
Copyright:Attribution Non-commercial Share Alike

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF or read online from Scribd
See more
See less

07/24/2015

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: http://pedamado.wordpress.com/2011/05/17/fontstruct-deca/ Correcções e sugestões: pamado@ua.pt

Pedro Amado, 2009-05-20, 2010-05-10, 2011-05-17

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 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Type Design 101
+

Gerrit Noordzij on drawing: http://new.typemedia.org/blog/2010/mar/29/noordzij-on-drawing/

3 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Type Design 101
“A letter is two shapes of different brightness” Gerrit Noordzij, circa 1984

Teoria da face (front) da letra: http://www.letterror.com/noordzij/streek/index.html; Noordzij, G—The Stroke: theory of writing. London: Hyphen Press, 2005

4 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Type Design 101

http://www.typeworkshop.com/index.php?id1=type-basics

5 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

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

6 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Elementos Tipográficos
EFHILT MNKYS VWX ZA BDGJPRUS COQS fijlt ks vwxy z abdghmnpqrus ceos

Kunz, W — Typography: Macro+Micro Aesthetics.. Zurich: Verlag Niggli, 2002

7 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

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

8 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

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

9 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Dimensão vs. Proporção
(Linhas Orientadoras)

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

10 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Dimensão vs. Proporção
(Linhas Orientadoras)

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

11 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Variáveis de desenho

Proporções / Altura-x

Eixo

Serifas / Terminais / Estilo

Contraste

Hx-hg Hx-hg OOee EEE E E

Cheng, K — Designing Type. London: Laurence King, 2006; ADOBE — Designing Multiple Master Typefaces. San Jose: Adobe, 1997

12 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Variáveis de desenho

Peso

Inclinação

HHHHHHHH HHHHH HHHH

Largura / Contra-forma

Corpo / Tamanho óptico

Cheng, K — Designing Type. London: Laurence King, 2006; ADOBE — Designing Multiple Master Typefaces. San Jose: Adobe, 1997

13 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Espaçar (Maiúsculas)

HHOOHH nnoonn
100% 80% 65% 35% Cheng, K — Designing Type. London: Laurence King, 2006

100%

50%

30%

20%

Triangulares

A 4 4 T 4
4

4

V 4 4J 1 P 5 1 E 3
1 2

4

W 4

4

X 4

4

Y4

Quadrangulares e hastes

D 5 1 B 3
1 2

1

R 4 1 F 3

1

L 4 1 U 2

1

K4 1 I 1

Quadrangulares (variantes)

N 2 Q 5 Z 3

M1 C 3 S6
5

Redondas
5 5

G2

Em espinha
3 6

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

14 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Espaçar (Minúsculas)

HHOOHH nnoonn
100% 80% 65% 35% Cheng, K — Designing Type. London: Laurence King, 2006

100%

50%

30%

20%

Triangulares
4

v 4 r 4

4

4 w 2 m

4

x 4 j 1

4

x 4
2 u

4

y4

Quadrangulares de haste curta
1 1 1 2

b 5 3 l 2
1 5

Quadrangulares de haste longa

p 5 3 h 2
3

k4 3i 1
3 5

Redondas

c 6

5

e 6
7

q 1 s 7

5

d1 z7

g 7 7 f 7
7

Em espinha e irregulares

a 7 7 t 7
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

15 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Espaços Proporcionais

Rui Abreu @ DeCA, 2010. 28’00’’:30’30’’ — http://vimeo.com/11118078

16 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Espaços Proporcionais

HOV H OV

17 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Espaços Proporcionais
Control characters

Control chains

Inside counterform
ADOBE — Designing Multiple Master Typefaces. San Jose: Adobe, 1997

Letter space

18 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Keyword, Preliminary & Full Characters sets
SHOPLIFTER shoplifter HAMBURGERFONSTIV hamburgerfonstiv €

ADOBE — Designing Multiple Master Typefaces. San Jose: Adobe, 1997

19 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Legibilidade e distribuição

http://www.typotheque.com/articles/methods_of_distribution; http://www.sil.org/~gaultney/balanlegecon.pdf

20 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

Tipografia Modular (com o Fontstruct)
Modular describes any letter from a limited palette of distinct elements. In one sense, almost Willen, B; Strals, N — Lettering & Type. New York: Princeton Architectural Press, 2009 all typefaces are modular.
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/

21 / 21 Tipografia Modular (com Fontstruct)

Pedro Amado, DeCA 2011-05-17

http://vimeo.com/972905

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->