SlideShare uma empresa Scribd logo
1 de 20
Baixar para ler offline
Tipografia e
Tipografia Digital
Prof.º Gabriel Ferraciolli
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.
Tipo
Termo usado para determinar família de letras.
Suas variações, chamamos de fontes: italic, bold...
Fonte
Caligrafia
Conjunto de caracteres de um mesmo estilo.
latim: fundere > fundir
Arte de escrever letras.
Profissão: escribas.
Lettering
Arte de desenhar letras.
Profissão: letrista.
Tipos de Fontes
Principais:
Baskerville, Caslon, Century Old Style, Garamond, Times.
- Variação de traço grosso e fino;
- Características da pena;
- Serifa;
Tipos de Fontes
Principais:
Bodoni, Tiffany, Times Bold, Weiss, Xerox Serif Wide.
Moderno
- Serifa delicada, fina;
- Elegância: linhas retas;
- Serifas horizontais;
Tipos de Fontes
Principais:
Times New Roman, Century, Garamond, Georga.
Serifa
- Serifa: “perninhas”;
- textos longos;
- Serifa;
Tipos de Fontes
Principais:
Futura, Helvetica, Impact, Kabel, Univers.
Sem Serifa
- Uniforme;
- Harmonia;
- Textos curtos e títulos;
Tipos de Fontes
Principais:
English, Lino Script, Nuptial Script.
Manuscritos
- Feito a mão;
- Evitar caixa alta;
- Palavras;
Tipos de Fontes
Principais:
Ballet Engraved, Fox Script, Future, Toy Block.
Decorativos
- Rebeldes/Irreverentes;
- Legibilidade;
- Jovem/Despojado;
Fazer sua
própria fonte
*Dingbats
FontLab Studio
Glyphs
Robofont
Font Creator
Socorram-me subi no
onibus em marrocos.
g
barriga
haste
barra
espinha serifa
incisão
ombro
orelha
cauda
loop
link perna
TYPE 1
Adobe: Fontes postScript > screen font .pfb (de tela)
ou print fonts .pfm (de impressão).
TRUE TYPE .ttf
Criada pela Apple 1980. Add ao Windows 1991.
OPEN TYPE .otf
Microsoft 1994. Extensão maior de caracteres.
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
Kerning
Basicamente, se trata de
ajustar os espaços entre
os caracteres de maneira
que a leitura seja mais
funcional e agradável.
http://type.method.ac/
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
Atividade
Obrigado!
www.slideshare.net/Gabriel_Ferraciolli

Mais conteúdo relacionado

Destaque

Aula - Processos de Criação - Bloqueio Criativo
Aula - Processos de Criação - Bloqueio CriativoAula - Processos de Criação - Bloqueio Criativo
Aula - Processos de Criação - Bloqueio CriativoGabriel Ferraciolli
 
Aula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - EncadernaçãoAula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - EncadernaçãoGabriel Ferraciolli
 
Evento em Design - projeto
Evento em Design - projetoEvento em Design - projeto
Evento em Design - projetoprofclaubordin
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de designElizeu Nascimento Silva
 
Aula - Direção - Observação e Composição
Aula - Direção - Observação e ComposiçãoAula - Direção - Observação e Composição
Aula - Direção - Observação e ComposiçãoGabriel Ferraciolli
 
Análise de roteiro do filme "Os Normais 2"
Análise de roteiro do filme "Os Normais 2"Análise de roteiro do filme "Os Normais 2"
Análise de roteiro do filme "Os Normais 2"Gabriel Ferraciolli
 
Aula - Processos de Produção - Tipos de Suporte
Aula - Processos de Produção - Tipos de SuporteAula - Processos de Produção - Tipos de Suporte
Aula - Processos de Produção - Tipos de SuporteGabriel Ferraciolli
 
Roteiro e sinopse de filme
Roteiro e sinopse de filmeRoteiro e sinopse de filme
Roteiro e sinopse de filmeMikaelly Soares
 
Apresentação de História da Arte - G2 - Roma, Gótica e Renascimento
Apresentação de História da Arte - G2 - Roma, Gótica e RenascimentoApresentação de História da Arte - G2 - Roma, Gótica e Renascimento
Apresentação de História da Arte - G2 - Roma, Gótica e RenascimentoGabriel Ferraciolli
 
Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico) Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico) Paula Alves
 
Aula 01 design gráfico na publicidade tipologia
Aula 01   design gráfico na publicidade tipologiaAula 01   design gráfico na publicidade tipologia
Aula 01 design gráfico na publicidade tipologiaElizeu Nascimento Silva
 
Processo de criação de um logotipo
Processo de criação de um logotipoProcesso de criação de um logotipo
Processo de criação de um logotipoIntrus
 
Aula 08 design gráfico na publicidade logotipos
Aula 08   design gráfico na publicidade logotiposAula 08   design gráfico na publicidade logotipos
Aula 08 design gráfico na publicidade logotiposElizeu Nascimento Silva
 
Palestra - Redação Publicitária por Ariane Moreira
Palestra - Redação Publicitária por Ariane MoreiraPalestra - Redação Publicitária por Ariane Moreira
Palestra - Redação Publicitária por Ariane MoreiraGabriel Ferraciolli
 
Briefing - Expressando a Real Necessidade do Cliente em Projetos Web
Briefing - Expressando a Real Necessidade do Cliente em Projetos WebBriefing - Expressando a Real Necessidade do Cliente em Projetos Web
Briefing - Expressando a Real Necessidade do Cliente em Projetos WebRodrigo Teixeira
 
O que é um logotipo regras de construção
O que é um logotipo  regras de construçãoO que é um logotipo  regras de construção
O que é um logotipo regras de construçãoPEDRO DAVID
 

Destaque (20)

Briefing
BriefingBriefing
Briefing
 
Ferramentas do Planejamento
Ferramentas do PlanejamentoFerramentas do Planejamento
Ferramentas do Planejamento
 
Aula - Processos de Criação - Bloqueio Criativo
Aula - Processos de Criação - Bloqueio CriativoAula - Processos de Criação - Bloqueio Criativo
Aula - Processos de Criação - Bloqueio Criativo
 
Aula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - EncadernaçãoAula PRODUÇÃO GRÁFICA - Encadernação
Aula PRODUÇÃO GRÁFICA - Encadernação
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Evento em Design - projeto
Evento em Design - projetoEvento em Design - projeto
Evento em Design - projeto
 
Aula 02 design gráfico na publicidade princípios de design
Aula 02   design gráfico na publicidade princípios de designAula 02   design gráfico na publicidade princípios de design
Aula 02 design gráfico na publicidade princípios de design
 
Aula - Direção - Observação e Composição
Aula - Direção - Observação e ComposiçãoAula - Direção - Observação e Composição
Aula - Direção - Observação e Composição
 
Análise de roteiro do filme "Os Normais 2"
Análise de roteiro do filme "Os Normais 2"Análise de roteiro do filme "Os Normais 2"
Análise de roteiro do filme "Os Normais 2"
 
Aula - Processos de Produção - Tipos de Suporte
Aula - Processos de Produção - Tipos de SuporteAula - Processos de Produção - Tipos de Suporte
Aula - Processos de Produção - Tipos de Suporte
 
Roteiro e sinopse de filme
Roteiro e sinopse de filmeRoteiro e sinopse de filme
Roteiro e sinopse de filme
 
Apresentação de História da Arte - G2 - Roma, Gótica e Renascimento
Apresentação de História da Arte - G2 - Roma, Gótica e RenascimentoApresentação de História da Arte - G2 - Roma, Gótica e Renascimento
Apresentação de História da Arte - G2 - Roma, Gótica e Renascimento
 
Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico) Comunicação Visual - Logotipo (Design Gráfico)
Comunicação Visual - Logotipo (Design Gráfico)
 
Aula 01 design gráfico na publicidade tipologia
Aula 01   design gráfico na publicidade tipologiaAula 01   design gráfico na publicidade tipologia
Aula 01 design gráfico na publicidade tipologia
 
Processo de criação de um logotipo
Processo de criação de um logotipoProcesso de criação de um logotipo
Processo de criação de um logotipo
 
Aula 08 design gráfico na publicidade logotipos
Aula 08   design gráfico na publicidade logotiposAula 08   design gráfico na publicidade logotipos
Aula 08 design gráfico na publicidade logotipos
 
Palestra - Redação Publicitária por Ariane Moreira
Palestra - Redação Publicitária por Ariane MoreiraPalestra - Redação Publicitária por Ariane Moreira
Palestra - Redação Publicitária por Ariane Moreira
 
Aula sobre logotipos e logomarcas
Aula sobre logotipos e logomarcasAula sobre logotipos e logomarcas
Aula sobre logotipos e logomarcas
 
Briefing - Expressando a Real Necessidade do Cliente em Projetos Web
Briefing - Expressando a Real Necessidade do Cliente em Projetos WebBriefing - Expressando a Real Necessidade do Cliente em Projetos Web
Briefing - Expressando a Real Necessidade do Cliente em Projetos Web
 
O que é um logotipo regras de construção
O que é um logotipo  regras de construçãoO que é um logotipo  regras de construção
O que é um logotipo regras de construção
 

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

Fontes no Design Gráfico
Fontes no Design GráficoFontes no Design Gráfico
Fontes no Design GráficoRenato Melo
 
Tipografia no Design Impresso
Tipografia no Design ImpressoTipografia no Design Impresso
Tipografia no Design ImpressoRenato Melo
 
Tipografia no Design Impresso - Comp Grafica - 2020-01
Tipografia no Design Impresso - Comp Grafica - 2020-01Tipografia no Design Impresso - Comp Grafica - 2020-01
Tipografia no Design Impresso - Comp Grafica - 2020-01Renato Melo
 
Tipografia no Design Impresso - Comp Grafica - 2020-01
Tipografia no Design Impresso - Comp Grafica - 2020-01Tipografia no Design Impresso - Comp Grafica - 2020-01
Tipografia no Design Impresso - Comp Grafica - 2020-01Renato Melo
 
tipologiacores
tipologiacorestipologiacores
tipologiacorespedruga
 
Tipografica - Aula 06 - Computação Grafica - 2019-02
Tipografica - Aula 06 - Computação Grafica - 2019-02Tipografica - Aula 06 - Computação Grafica - 2019-02
Tipografica - Aula 06 - Computação Grafica - 2019-02Renato Melo
 
Tipografica - Comp Grafica - Aula 06
Tipografica - Comp Grafica - Aula 06Tipografica - Comp Grafica - Aula 06
Tipografica - Comp Grafica - Aula 06Renato Melo
 
Comp Gráfica 06 - tipografia
Comp Gráfica 06 - tipografiaComp Gráfica 06 - tipografia
Comp Gráfica 06 - tipografiaRenato Melo
 
Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Renato Melo
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.pptssuser1a0198
 
Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Renato Melo
 
Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Renato Melo
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualAndrea Castro
 
Tipologia - Produção Gráfica 2019-02 - Aula 1
Tipologia - Produção Gráfica 2019-02 - Aula 1Tipologia - Produção Gráfica 2019-02 - Aula 1
Tipologia - Produção Gráfica 2019-02 - Aula 1Renato Melo
 
Apresentações electrónicas - Regras de ouro
Apresentações electrónicas - Regras de ouroApresentações electrónicas - Regras de ouro
Apresentações electrónicas - Regras de ouroLuis Valente
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografiaDenise Lima
 

Semelhante a Aula - Direção e Finalização - Tipografia e Tipografia Digital (20)

Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
Fontes no Design Gráfico
Fontes no Design GráficoFontes no Design Gráfico
Fontes no Design Gráfico
 
Tipografia no Design Impresso
Tipografia no Design ImpressoTipografia no Design Impresso
Tipografia no Design Impresso
 
Aula 06 textos na web
Aula 06   textos na webAula 06   textos na web
Aula 06 textos na web
 
Tipografia no Design Impresso - Comp Grafica - 2020-01
Tipografia no Design Impresso - Comp Grafica - 2020-01Tipografia no Design Impresso - Comp Grafica - 2020-01
Tipografia no Design Impresso - Comp Grafica - 2020-01
 
Tipografia no Design Impresso - Comp Grafica - 2020-01
Tipografia no Design Impresso - Comp Grafica - 2020-01Tipografia no Design Impresso - Comp Grafica - 2020-01
Tipografia no Design Impresso - Comp Grafica - 2020-01
 
tipologiacores
tipologiacorestipologiacores
tipologiacores
 
Tipografica - Aula 06 - Computação Grafica - 2019-02
Tipografica - Aula 06 - Computação Grafica - 2019-02Tipografica - Aula 06 - Computação Grafica - 2019-02
Tipografica - Aula 06 - Computação Grafica - 2019-02
 
Tipografica - Comp Grafica - Aula 06
Tipografica - Comp Grafica - Aula 06Tipografica - Comp Grafica - Aula 06
Tipografica - Comp Grafica - Aula 06
 
Comp Gráfica 06 - tipografia
Comp Gráfica 06 - tipografiaComp Gráfica 06 - tipografia
Comp Gráfica 06 - tipografia
 
Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02Tipologia - Produção Gráfica - 2021-02
Tipologia - Produção Gráfica - 2021-02
 
FAPEN-Tipografia.ppt
FAPEN-Tipografia.pptFAPEN-Tipografia.ppt
FAPEN-Tipografia.ppt
 
Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020Tipologia - Produção Gráfica - Aula 05 - 2020
Tipologia - Produção Gráfica - Aula 05 - 2020
 
Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01Tipologia - Produção Gráfica - Aula 01 - 2020-01
Tipologia - Produção Gráfica - Aula 01 - 2020-01
 
Aula03 tipografia
Aula03 tipografiaAula03 tipografia
Aula03 tipografia
 
O que significa comunicacao gráfica visual
O que significa comunicacao gráfica visualO que significa comunicacao gráfica visual
O que significa comunicacao gráfica visual
 
Tipologia - Produção Gráfica 2019-02 - Aula 1
Tipologia - Produção Gráfica 2019-02 - Aula 1Tipologia - Produção Gráfica 2019-02 - Aula 1
Tipologia - Produção Gráfica 2019-02 - Aula 1
 
Tipografia
TipografiaTipografia
Tipografia
 
Apresentações electrónicas - Regras de ouro
Apresentações electrónicas - Regras de ouroApresentações electrónicas - Regras de ouro
Apresentações electrónicas - Regras de ouro
 
Classificacao tipografia
Classificacao tipografiaClassificacao tipografia
Classificacao tipografia
 

Mais de Gabriel Ferraciolli

Aula tipos e métodos de animação
Aula tipos e métodos de animaçãoAula tipos e métodos de animação
Aula tipos e métodos de animaçãoGabriel Ferraciolli
 
Aula Animação - história e os princípios básicos
Aula Animação - história e os princípios básicosAula Animação - história e os princípios básicos
Aula Animação - história e os princípios básicosGabriel Ferraciolli
 
Aula - Aplicação de Ilustração em Projetos de Design
Aula - Aplicação de Ilustração em Projetos de DesignAula - Aplicação de Ilustração em Projetos de Design
Aula - Aplicação de Ilustração em Projetos de DesignGabriel Ferraciolli
 
Aula Planejamento - Como fazer plano de comunicação
Aula Planejamento -  Como fazer plano de comunicaçãoAula Planejamento -  Como fazer plano de comunicação
Aula Planejamento - Como fazer plano de comunicaçãoGabriel Ferraciolli
 
Aula - Planejamento de Propaganda
Aula - Planejamento de PropagandaAula - Planejamento de Propaganda
Aula - Planejamento de PropagandaGabriel Ferraciolli
 
Aula - PLANEJAMENTO - Planejamento digital
Aula - PLANEJAMENTO - Planejamento digitalAula - PLANEJAMENTO - Planejamento digital
Aula - PLANEJAMENTO - Planejamento digitalGabriel Ferraciolli
 
Aula - PLANEJAMENTO - instrumentos do Planejamento
Aula - PLANEJAMENTO - instrumentos do PlanejamentoAula - PLANEJAMENTO - instrumentos do Planejamento
Aula - PLANEJAMENTO - instrumentos do PlanejamentoGabriel Ferraciolli
 
Aula PRODUÇÃO GRÁFICA - Boneco e Aproveitamento de Papel
Aula PRODUÇÃO GRÁFICA - Boneco e Aproveitamento de PapelAula PRODUÇÃO GRÁFICA - Boneco e Aproveitamento de Papel
Aula PRODUÇÃO GRÁFICA - Boneco e Aproveitamento de PapelGabriel Ferraciolli
 
Aula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoAula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoGabriel Ferraciolli
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialGabriel Ferraciolli
 
Aula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoAula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoGabriel Ferraciolli
 
Aula - Processos de Produção - A Arte Final
Aula - Processos de Produção - A Arte FinalAula - Processos de Produção - A Arte Final
Aula - Processos de Produção - A Arte FinalGabriel Ferraciolli
 
Aula de Direção e Finalização - Proporção e Perspectiva
Aula de Direção e Finalização - Proporção e Perspectiva Aula de Direção e Finalização - Proporção e Perspectiva
Aula de Direção e Finalização - Proporção e Perspectiva Gabriel Ferraciolli
 
Aula de Planejamento - Conceito e Prática
Aula de Planejamento - Conceito e PráticaAula de Planejamento - Conceito e Prática
Aula de Planejamento - Conceito e PráticaGabriel Ferraciolli
 
Aula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção GráficaAula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção GráficaGabriel Ferraciolli
 

Mais de Gabriel Ferraciolli (20)

Aula tipos e métodos de animação
Aula tipos e métodos de animaçãoAula tipos e métodos de animação
Aula tipos e métodos de animação
 
Aula Branding - Re branding
Aula Branding - Re brandingAula Branding - Re branding
Aula Branding - Re branding
 
Aula Branding - Branding Equity
Aula Branding - Branding EquityAula Branding - Branding Equity
Aula Branding - Branding Equity
 
Aula Animação - história e os princípios básicos
Aula Animação - história e os princípios básicosAula Animação - história e os princípios básicos
Aula Animação - história e os princípios básicos
 
Aula - Aplicação de Ilustração em Projetos de Design
Aula - Aplicação de Ilustração em Projetos de DesignAula - Aplicação de Ilustração em Projetos de Design
Aula - Aplicação de Ilustração em Projetos de Design
 
Aula in branding
Aula in brandingAula in branding
Aula in branding
 
Direção de Arte para Games
Direção de Arte para GamesDireção de Arte para Games
Direção de Arte para Games
 
Aula Planejamento - Como fazer plano de comunicação
Aula Planejamento -  Como fazer plano de comunicaçãoAula Planejamento -  Como fazer plano de comunicação
Aula Planejamento - Como fazer plano de comunicação
 
Aula - Planejamento de Propaganda
Aula - Planejamento de PropagandaAula - Planejamento de Propaganda
Aula - Planejamento de Propaganda
 
Aula - PLANEJAMENTO - Planejamento digital
Aula - PLANEJAMENTO - Planejamento digitalAula - PLANEJAMENTO - Planejamento digital
Aula - PLANEJAMENTO - Planejamento digital
 
Aula - PLANEJAMENTO - instrumentos do Planejamento
Aula - PLANEJAMENTO - instrumentos do PlanejamentoAula - PLANEJAMENTO - instrumentos do Planejamento
Aula - PLANEJAMENTO - instrumentos do Planejamento
 
Aula PRODUÇÃO GRÁFICA - Boneco e Aproveitamento de Papel
Aula PRODUÇÃO GRÁFICA - Boneco e Aproveitamento de PapelAula PRODUÇÃO GRÁFICA - Boneco e Aproveitamento de Papel
Aula PRODUÇÃO GRÁFICA - Boneco e Aproveitamento de Papel
 
Apresentação - Portfólio
Apresentação - PortfólioApresentação - Portfólio
Apresentação - Portfólio
 
Aula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de ImpressãoAula - Produção Gráfica - Processos de Impressão
Aula - Produção Gráfica - Processos de Impressão
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Aula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoAula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de Impressão
 
Aula - Processos de Produção - A Arte Final
Aula - Processos de Produção - A Arte FinalAula - Processos de Produção - A Arte Final
Aula - Processos de Produção - A Arte Final
 
Aula de Direção e Finalização - Proporção e Perspectiva
Aula de Direção e Finalização - Proporção e Perspectiva Aula de Direção e Finalização - Proporção e Perspectiva
Aula de Direção e Finalização - Proporção e Perspectiva
 
Aula de Planejamento - Conceito e Prática
Aula de Planejamento - Conceito e PráticaAula de Planejamento - Conceito e Prática
Aula de Planejamento - Conceito e Prática
 
Aula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção GráficaAula - RGB, CMYK e PANTONE - Produção Gráfica
Aula - RGB, CMYK e PANTONE - Produção Gráfica
 

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

  • 2. 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. Tipo Termo usado para determinar família de letras. Suas variações, chamamos de fontes: italic, bold...
  • 3. Fonte Caligrafia Conjunto de caracteres de um mesmo estilo. latim: fundere > fundir Arte de escrever letras. Profissão: escribas. Lettering Arte de desenhar letras. Profissão: letrista.
  • 4. Tipos de Fontes Principais: Baskerville, Caslon, Century Old Style, Garamond, Times. - Variação de traço grosso e fino; - Características da pena; - Serifa;
  • 5. Tipos de Fontes Principais: Bodoni, Tiffany, Times Bold, Weiss, Xerox Serif Wide. Moderno - Serifa delicada, fina; - Elegância: linhas retas; - Serifas horizontais;
  • 6. Tipos de Fontes Principais: Times New Roman, Century, Garamond, Georga. Serifa - Serifa: “perninhas”; - textos longos; - Serifa;
  • 7. Tipos de Fontes Principais: Futura, Helvetica, Impact, Kabel, Univers. Sem Serifa - Uniforme; - Harmonia; - Textos curtos e títulos;
  • 8. Tipos de Fontes Principais: English, Lino Script, Nuptial Script. Manuscritos - Feito a mão; - Evitar caixa alta; - Palavras;
  • 9. Tipos de Fontes Principais: Ballet Engraved, Fox Script, Future, Toy Block. Decorativos - Rebeldes/Irreverentes; - Legibilidade; - Jovem/Despojado;
  • 10.
  • 11. Fazer sua própria fonte *Dingbats FontLab Studio Glyphs Robofont Font Creator
  • 12. Socorram-me subi no onibus em marrocos. g barriga haste barra espinha serifa incisão ombro orelha cauda loop link perna
  • 13. TYPE 1 Adobe: Fontes postScript > screen font .pfb (de tela) ou print fonts .pfm (de impressão). TRUE TYPE .ttf Criada pela Apple 1980. Add ao Windows 1991. OPEN TYPE .otf Microsoft 1994. Extensão maior de caracteres. Tipografia Digital
  • 14. 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
  • 15.
  • 16. Kerning Basicamente, se trata de ajustar os espaços entre os caracteres de maneira que a leitura seja mais funcional e agradável. http://type.method.ac/
  • 17. 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
  • 18.