20
Tipografia e Tipografia Digital Prof.º Gabriel Ferraciolli

Aula - Direção e Finalização - Tipografia e Tipografia Digital

Embed Size (px)

Citation preview

Page 1: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Tipografia e

Tipografia Digital

Prof.º Gabriel Ferraciolli

Page 2: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Tipologia

Tipografia

Estudo da formação dos tipos, um conjunto de caractéres tipográficos.

typos (forma) + graphein (escrita).Arte de criar ou compor, trabalhar ou imprimir texto.

TipoTermo usado para determinar família de letras.Suas variações, chamamos de fontes: italic, bold...

Page 3: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Fonte

Caligrafia

Conjunto de caracteres de um mesmo estilo.latim: fundere > fundir

Arte de escrever letras. Profissão: escribas.

LetteringArte de desenhar letras.Profissão: letrista.

Page 4: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Tipos de Fontes

Principais:Baskerville, Caslon, Century Old Style, Garamond, Times.

- Variação de traço grosso e fino;- Características da pena;- Serifa;

Page 5: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Tipos de Fontes

Principais:Bodoni, Tiffany, Times Bold, Weiss, Xerox Serif Wide.

Moderno- Serifa delicada, fina;- Elegância: linhas retas;- Serifas horizontais;

Page 6: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Tipos de Fontes

Principais:Times New Roman, Century, Garamond, Georga.

Serifa- Serifa: “perninhas”;- textos longos;- Serifa;

Page 7: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Tipos de Fontes

Principais:Futura, Helvetica, Impact, Kabel, Univers.

Sem Serifa- Uniforme;- Harmonia;- Textos curtos e títulos;

Page 8: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Tipos de Fontes

Principais:English, Lino Script, Nuptial Script.

Manuscritos- Feito a mão;- Evitar caixa alta;- Palavras;

Page 9: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Tipos de Fontes

Principais:Ballet Engraved, Fox Script, Future, Toy Block.

Decorativos- Rebeldes/Irreverentes;- Legibilidade;- Jovem/Despojado;

Page 10: Aula - Direção e Finalização - Tipografia e Tipografia Digital
Page 11: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Fazer sua própria fonte

*Dingbats

FontLab StudioGlyphsRobofontFont Creator

Page 12: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Socorram-me subi noonibus em marrocos.

g

barriga

haste

barraespinha serifa

incisão

ombro

orelha

cauda

loop

link perna

Page 13: Aula - Direção e Finalização - Tipografia e Tipografia Digital

TYPE 1Adobe: Fontes postScript > screen font .pfb (de tela) ou print fonts .pfm (de impressão).

TRUE TYPE .ttfCriada pela Apple 1980. Add ao Windows 1991.

OPEN TYPE .otfMicrosoft 1994. Extensão maior de caracteres.

Tipografia Digital

Page 14: Aula - Direção e Finalização - Tipografia e Tipografia Digital

OFFLINE

- fontes pequenas;

- decorativas;

- no máximo 3;

- família de fonte;

- leitura;

- mensagem;

ONLINE

- fonte fina;

- fonte serifada;

- fontes comuns;

- resolução;

Trabalhando com fontes

Sites:Dafont / 1001onts / MacFonts / FontFreak / ChankFonts / iLoveTypography

Page 15: Aula - Direção e Finalização - Tipografia e Tipografia Digital
Page 16: Aula - Direção e Finalização - Tipografia e Tipografia Digital

KerningBasicamente, se trata deajustar os espaços entre os caracteres de maneiraque a leitura seja mais funcional e agradável.

http://type.method.ac/

Page 17: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Connare é tipógrafo e trabalhava na Microsoft, em 1993, quando pediram sua contribuição para criar novas fontes. “Ao colocar o CD [no computador], um cachorrinho apareceu. Ele tinha um balão de falas como o das tirinhas de jornal, mas a fonte era a Times New Roman”, lembrou. “Eu pensei que aquilo era estúpido, porque cachorros não falam daquela forma. Então achei que ficaria melhor se [a letra] tivesse o estilo dos quadrinhos.”

Comic Sans

Page 18: Aula - Direção e Finalização - Tipografia e Tipografia Digital
Page 19: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Atividade

Page 20: Aula - Direção e Finalização - Tipografia e Tipografia Digital

Obrigado!

www.slideshare.net/Gabriel_Ferraciolli