SlideShare uma empresa Scribd logo
1 de 3
Baixar para ler offline
Matéria: Produção Gráfica
Professor: Yuri Amaral
Breve introdução ao Design - parte 3

Tipografia

ascendência

caixa alta

descendência

kern
caixa baixa

do grego typos, forma

do grego graphein, escrita, desenho

QUE É DIFERENTE DE TIPOLOGIA
que se refere ao estudo dos tipos, ou das formas.

kerning

leading

bloco de
texto

A tipografia, como a conhecemos
hoje, teve seu início com Gutenberg,
onde os princípios da forma escrita
foram observados a fim de serem
replicados em larga escala: legibilidade, espaçamento, aproveitamento
de espaço, fontes diferentes para
cada situação (títulos, texto corrido,
chamadas, folhetins, etc).
A prensa funcionava da seguinte
forma: haviam os tipos, pequenas
formas de metal ou madeira, nas
quais uma letra se encontrava gravada em relevo. Elas eram organizadas
em frases, e posteriormente em
colunas de texto, fixadas na prensa
para, então, receberem uma camada
de tinta e serem gravadas no papel.

LETRAS SÃO

desenhos

sebem

trabalhadas
podemcomporum
layout
termos
TIPOGRÁFICOS
letra

Aa
fonte

OpenSans

kern

é o espaçamento entre
duas letras

Aa

mas algumas delas
ultrapassam o espaço
padrão da fonte, e
afetam no restante
do texto

OQ

AQ

família

Condensed Light
Condensed Light Italic
Light
Light Italic
Regular
Italic
Semibold
Semibold Italic
Bold
Bold Italic
Extrabold
Extrabold Italic

leading

é o espaçamento entre
as linhas

Lorem Ipsum dolor sit
amet, consectetur...
Lorem Ipsum dolor sit
amet, consectetur...
Lorem Ipsum dolor sit
amet, consectetur...

alinhamento
Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua.

Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua.

Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore
et dolore magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore
magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore
magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore
magna aliqua.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore
magna
aliqua.
tipos de
FONTES
serifada

Aa

Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna aliqua.

sem serifa

Lorem ipsum dolor sit amet,
consectetur adipisicing elit,
sed do eiusmod tempor
incididunt ut labore et dolore
magna aliqua.

manuscrita

Lorem ipsum dolor sit amet, consectetur
adipisicing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua.

Aa

Aa
dingbats

Aa

modernas

Aa

display

Aa

góticas

Aa

Lorem ipsum dolor
sit amet, consectetur adipisicing
elit, sed do eius-

Lorem ipsum dolor sit amet,
consectetur adipisicing elit, sed
do eiusmod tempor incididunt ut
labore et dolore magna aliqua.

Lorem ipsum dolor
sit amet, consecte−
Lorem ipsum dolor
sit amet, consectetur

Mais conteúdo relacionado

Mais de Yu Amaral

a invenção do cotidiano - artes de fazer
a invenção do cotidiano - artes de fazera invenção do cotidiano - artes de fazer
a invenção do cotidiano - artes de fazerYu Amaral
 
fanzines: paisagens, memórias e sujeitos
fanzines: paisagens, memórias e sujeitosfanzines: paisagens, memórias e sujeitos
fanzines: paisagens, memórias e sujeitosYu Amaral
 
Produção Autoral
Produção AutoralProdução Autoral
Produção AutoralYu Amaral
 
Direção de Arte
Direção de ArteDireção de Arte
Direção de ArteYu Amaral
 
Breve introdução ao design - parte 4
Breve introdução ao design - parte 4Breve introdução ao design - parte 4
Breve introdução ao design - parte 4Yu Amaral
 
Breve introdução ao design - parte 2
Breve introdução ao design - parte 2Breve introdução ao design - parte 2
Breve introdução ao design - parte 2Yu Amaral
 
Breve introdução ao design - parte 1
Breve introdução ao design - parte 1Breve introdução ao design - parte 1
Breve introdução ao design - parte 1Yu Amaral
 
Criação de Conteúdo para Mídias Sociais
Criação de Conteúdo para Mídias SociaisCriação de Conteúdo para Mídias Sociais
Criação de Conteúdo para Mídias SociaisYu Amaral
 

Mais de Yu Amaral (8)

a invenção do cotidiano - artes de fazer
a invenção do cotidiano - artes de fazera invenção do cotidiano - artes de fazer
a invenção do cotidiano - artes de fazer
 
fanzines: paisagens, memórias e sujeitos
fanzines: paisagens, memórias e sujeitosfanzines: paisagens, memórias e sujeitos
fanzines: paisagens, memórias e sujeitos
 
Produção Autoral
Produção AutoralProdução Autoral
Produção Autoral
 
Direção de Arte
Direção de ArteDireção de Arte
Direção de Arte
 
Breve introdução ao design - parte 4
Breve introdução ao design - parte 4Breve introdução ao design - parte 4
Breve introdução ao design - parte 4
 
Breve introdução ao design - parte 2
Breve introdução ao design - parte 2Breve introdução ao design - parte 2
Breve introdução ao design - parte 2
 
Breve introdução ao design - parte 1
Breve introdução ao design - parte 1Breve introdução ao design - parte 1
Breve introdução ao design - parte 1
 
Criação de Conteúdo para Mídias Sociais
Criação de Conteúdo para Mídias SociaisCriação de Conteúdo para Mídias Sociais
Criação de Conteúdo para Mídias Sociais
 

Breve introdução ao design - parte 3

  • 1. Matéria: Produção Gráfica Professor: Yuri Amaral Breve introdução ao Design - parte 3 Tipografia ascendência caixa alta descendência kern caixa baixa do grego typos, forma do grego graphein, escrita, desenho QUE É DIFERENTE DE TIPOLOGIA que se refere ao estudo dos tipos, ou das formas. kerning leading bloco de texto A tipografia, como a conhecemos hoje, teve seu início com Gutenberg, onde os princípios da forma escrita foram observados a fim de serem replicados em larga escala: legibilidade, espaçamento, aproveitamento de espaço, fontes diferentes para cada situação (títulos, texto corrido, chamadas, folhetins, etc). A prensa funcionava da seguinte forma: haviam os tipos, pequenas formas de metal ou madeira, nas quais uma letra se encontrava gravada em relevo. Elas eram organizadas em frases, e posteriormente em colunas de texto, fixadas na prensa para, então, receberem uma camada de tinta e serem gravadas no papel. LETRAS SÃO desenhos sebem trabalhadas podemcomporum layout
  • 2. termos TIPOGRÁFICOS letra Aa fonte OpenSans kern é o espaçamento entre duas letras Aa mas algumas delas ultrapassam o espaço padrão da fonte, e afetam no restante do texto OQ AQ família Condensed Light Condensed Light Italic Light Light Italic Regular Italic Semibold Semibold Italic Bold Bold Italic Extrabold Extrabold Italic leading é o espaçamento entre as linhas Lorem Ipsum dolor sit amet, consectetur... Lorem Ipsum dolor sit amet, consectetur... Lorem Ipsum dolor sit amet, consectetur... alinhamento Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
  • 3. tipos de FONTES serifada Aa Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. sem serifa Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. manuscrita Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aa Aa dingbats Aa modernas Aa display Aa góticas Aa Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eius- Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consecte− Lorem ipsum dolor sit amet, consectetur