Fontinstruções - DESIGNLAB...e por pessoas com Michael Welsch (The Machine is Using Us) ou a Ellen Lupton (Free Font Manifesto). Fontinstrucções Pedro Amado, DeCA 2009-05-20 7

Fontinstruções Licenciatura de Design, DeCAUnidade Curricular de TipografiaAveiro, 2009-05-20

Slides e notas da sessão disponíveis em:http://pedamado.wordpress.com

Correcções e sugestões [email protected]

Pedro Amado, 2009-05-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.

http://www.ca.ua.pt/PageCourse.aspx?id=20&b=1&p=3http://www.ca.ua.pthttp://www.ca.ua.pt/PageDisc.aspx?id=2914&b=1http://pedamado.wordpress.commailto:[email protected]://creativecommons.org/licenses/by-nc-sa/2.5/pt/

Pedro Amado, DeCA 2009-05-20Fontinstrucções

2 / 17

Typomania - http://www.typeculture.com/academic_resource/movies/


3 / 17

ApresentaçãoDesigner de comunicação residente no Porto e Assistente Convidado no Departamento de Comunicação e Arte da Universidade de Aveiro (DeCA) a leccionar Multimédia.

Mestre em Arte Multimédia (FBAUP) e actualmente encontra-se a desenvolver estudos doutorais na área da Ciência e Tecnologia da Comunicação em Aveiro.

Tem por objectivo pessoal potenciar a ligação entre a Multimédia Digital e a Tipografia tradicional, harmoniosa e funcional de onde surge o projecto Typeforge.

http://www.ca.ua.pthttp://www.fba.up.pt/http://www.typeforge.net/cms/


4 / 17

Interesses

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


5 / 17

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


6 / 17

Porquê o Fontstruct?Free software is a matter of liberty, not price. To understand the concept, you should think of free as in free speech, not as in free beer.Free Software Foundation, Inc.

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

http://www.gnu.org/philosophy/free-sw.htmlhttp://mediatedcultures.nethttp://www.designwritingresearch.org/free_fonts.htmlhttp://www.designwritingresearch.org/free_fonts.html


7 / 17

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

Teoria da “front” de Noordzijhttp://www.letterror.com/noordzij/streek/index.html


8 / 17

Anatomia

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

http://estudostipografia.files.wordpress.com/2007/10/et_anatomia.pdf


9 / 17

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;


10 / 17

Esquiçar e Desenhar Outline;•2 Lápis;•Broad Nib;•

http://www.flickr.com/photos/typegirl/2800997919/in/pool-typecamp


11 / 17

Esquiçar e Desenhar


12 / 17


13 / 17

Drawing in PostScript 17

FIGURE 1.10 ORTHOGONALITY & HANDLES

��

Moye, Stehen — Fontographer: Type by Design. London: John Wiley and Sons, 1995ISBN 9781558284470


14 / 17

Espacejar (Maiúsculas)

A V W X YT J

D P R L KB E F U I

N M

Q C G

Z S

Triangulares

Quadrangulares e hastes

Quadrangulares (variantes)

Redondas

Em espinha

HHOOHHnnoonn

100%

100% 80% 65% 35%

50% 30%

4

1

1

2

5

3

1 — Igual ao H2 — Menos do que o H3 — Metade do H4 — Mínimo5 — Igual ao O6 — Ajustar visualmente

6

5 5

2

1 1 1 1

1 1 1 1

4 4

4 4 4 44

5

3

2

5

3 6

3 2

1

3 3 2 1

5 4 4 4

4 1

4 4 4 4

20%

v w x x y

r m j u

b p kl h i

c e q d

g a s zf t


15 / 17

Espacejar (Minúsculas)

Triangulares

Quadrangulares de haste curta

Quadrangulares de haste longa

Redondas

Em espinha e irregulares

HHOOHHnnoonn

100%

100% 80% 65% 35%

50% 30%

4

1

1

3 3 3

5

7

7 7

1 — Igual ao lado esquerdo do n2 — Igual ao lado direito do n3 — Um pouco mais do que o lado direito no n4 — Mínimo5 — Igual ao o6 — Um pouco menos do que o o7 — Ajustar visualmente

7 7 7

5 5 5

3 3

1 1 2

4 4 4 44

4

5

2 2 1

6

7

7 7

7 7 7

6 1 1

5 4

2 1 2

4 4 4 4

20%


16 / 17

Desenhar e Implementar(em grupo)

Seleccionar, definir e parameterizar as características do desenho;•Interpretar e desenhar (módulos);•Criar uma fontstruction;•

Exportar e partilhar uma fonte completamente funcional;•Apresentar um espécimen com 26 caracteres, numerais e diacríticos;•


17 / 17

http://vimeo.com/972905

Documents

Fontinstruções - DESIGNLAB...e por pessoas com Michael Welsch (The Machine is Using Us) ou a Ellen Lupton (Free Font Manifesto). Fontinstrucções Pedro Amado, DeCA 2009-05-20 7