SlideShare a Scribd company logo
1 of 51
TIPOLOGIATIPOLOGIA
IMPORTÂNCIA DA TIPOLOGIAIMPORTÂNCIA DA TIPOLOGIA
• A Tipologia transmite personalidade a uma peça
gráfica.
• Cada família de fonte, cada tipo de letra
transmite um conceito.
ESTRUTURA DO CARACTEREESTRUTURA DO CARACTERE
CLASSIFICAÇÃO POR FAMÍLIASCLASSIFICAÇÃO POR FAMÍLIAS
• Embora nos dias de hoje o número de fontes seja
incontável, é possível, em sua maioria, classificar os tipos
por categoria. São eles:
1- Antigo
2- Moderno
3- Com serifa
4- Sem serifa
5- Manuscritos
6- Decorativos
TIPOS ANTIGOSTIPOS ANTIGOS
• São conhecidos por terem sido criados com base nos
traços das letras dos escrivões públicos e todos que
usavam a pena como ferramenta de trabalho. Os tipos
têm uma pequena variação entre traços grossos e finos.
Não significa que são manuscritos. Falo do desenho da
letra. Dos ângulos. Das serifas. Exatamente porque
possuem traços grossos e finos, os tipos tornam-se
elegantes, clássicos, e, por isso mesmo, eternos.
TIPOS ANTIGOSTIPOS ANTIGOS
Os tipos antigos são os melhores
para a utilização em textos longos.
Se quiser que um leitor não se
distraia, utilize esses tipos. São mais
confortáveis aos olhos.
TIPOS MODERNOSTIPOS MODERNOS
• Mesmo ainda tendo serifa, os tipos modernos passaram a ter
uma serifa mais delicada. Os traços das serifas são mais finos,
retos. E as transições de traços finos e grossos são muito mais
acentuadas. Os tipos modernos têm uma característica
elegante, porém menos poética. Lembram muito os tipos
construídos por computador e pouco os desenhados por
penas. E, para longos textos, devem ser usados com
moderação e cuidado, dependendo do tipo escolhido. Como
possuem as linhas das serifas finas e alguns traços grossos
demais, podem prejudicar a leitura.
TIPOS MODERNOSTIPOS MODERNOS
TIPOS COM SERIFASTIPOS COM SERIFAS
• As serifas são as “perninhas” que acompanham alguns tipos.
TIPOS SEM SERIFASTIPOS SEM SERIFAS
• O desenho do tipo é muito uniforme. A transição de traços
grossos e finos praticamente não existe. O peso da letra é um
só.
TIPOS MANUSCRITOSTIPOS MANUSCRITOS
• No geral, se parecem com tipologias escritas a caneta tinteiro,
penas, pincéis, lápis. E não são bem vindos para utilização em
textos corridos.
TIPOS DECORATIVOSTIPOS DECORATIVOS
• Os tipos decorativos são os mais complicados de usar. São
fantasiosos, brincalhões, radicais. Como são tratados como
arte e não como texto, são incorporados ao trabalho com a
mesma importância que a imagem.
CLASSIFICAÇÃO POR SÉRIECLASSIFICAÇÃO POR SÉRIE
Quanto à largura
• Uma letra pode ser normal, condensada ou estendida.
Quanto à tonalidade
• Uma letra pode ser light, medium, bold.
Quanto à inclinação
• Uma letra pode ser redonda ou itálica.
CONSIDERAÇÕES NACONSIDERAÇÕES NA
ESCOLHA DA TIPOLOGIAESCOLHA DA TIPOLOGIA
Sobre a Estética, verifique sempre
• Quantidade de tipologias
• Unidade do layout
• Conceito da peça
Serifadas: seriedade, clareza, concisão
Não serifadas: refinamento, classe
CONSIDERAÇÕES NACONSIDERAÇÕES NA
ESCOLHA DA TIPOLOGIAESCOLHA DA TIPOLOGIA
• O que é o texto?
É um título, um texto ou uma legenda de rodapé?
• Quem vai ler?
São jovens audaciosos ou idosos cautelosos?
• Qual a mídia?
Jornal, revista, folheto, TV?
• Onde se dá a ação da leitura?
No carro, ônibus, trem, em casa, na rua?
ENTRELINHAENTRELINHA
• A entrelinha é o espaço existente entre a base de uma linha
para a base da próxima.
ENTRE - PARÁGRAFOENTRE - PARÁGRAFO
• Quando um texto é muito longo, é comum dar um respiro
(espaço) entre dois parágrafos para arejar e facilitar a leitura.
ALINHAMENTOALINHAMENTO
• Há, basicamente, quatro tipos de alinhamento. Cada um deles
com suas características quanto à legibilidade e à beleza em
um layout. Normalmente, o de melhor leitura é o
alinhamento à esquerda. Alinhamentos como à direita e
centralizado prejudicam a leitura, apesar de deixar um texto
curto mais bonito. Já o texto blocado tem uma leitura um
pouco melhor, mas pode acarretar em espaços muito grandes
entre as palavras.
EXTRAEXTRA
• Altas e finas com serifas – elegância;
• Redondas e cheias sem serifas – simpatia e aconchego;
• Manuscrito – cordial e despretensioso;
• Maiúscula – autoridade e agressividade;
• Minúscula – arrojada e suave.
Obs.: Normalmente na Internet usa-se fontes sem serifas.
GIORGIO
marketing jurídico
G I O R G I O
m a r k e t i n g j u r í d i c o
Importância da Tipologia
Os tipos são signos e estão carregados de significados. O
estudo da tipologia é de fundamental importância num
projeto gráfico e na construção de uma identidade visual.
Estrutura do tipo
G I O R G I O
m a r k e t i n g j u r í d i c o
Passa a sensação de
moderno?
G I O R G I O
m a r k e t i n g j u r í d i c o
E agora?
G I O R G I O
m a r k e t i n g j u r í d i c o
Passa a sensação de
limpo?
G I O R G I O
m a r k e t i n g j u r í d i c o
Agora está bem sujo.
G I O R G I O
m a r k e t i n g j u r í d i c o
Agora sim sentimos que
está limpo.
G I O R G I O
m a r k e t i n g j u r í d i c o
Que tal este sinal de
alerta?.
G I O R G I O
m a r k e t i n g j u r í d i c o
Dá pra melhroar mais ?
G I O R G I O
m a r k e t i n g j u r í d i c o
Dá pra melhroar mais ?
G I O R G I O
m a r k e t i n g j u r í d i c o
Melhorou, não?
G I O R G I O
m a r k e t i n g j u r í d i c o
A palavra e a tipologia não
significam a mesma coisa.
G I O R G I O
m a r k e t i n g j u r í d i c o
Agora sim!
G I O R G I O
m a r k e t i n g j u r í d i c o
Certinho demais. Não
passa a sensação de
confusão.
G I O R G I O
m a r k e t i n g j u r í d i c o
Agora está bem confuso.
G I O R G I O
m a r k e t i n g j u r í d i c o
Isto está mais para gótico
ou medieval do que para
brega.
G I O R G I O
m a r k e t i n g j u r í d i c o
Melhorou...
G I O R G I O
m a r k e t i n g j u r í d i c o
Está ficando melhor...
G I O R G I O
m a r k e t i n g j u r í d i c o
Agora sim!
G I O R G I O
m a r k e t i n g j u r í d i c o
Outra opção.
G I O R G I O
m a r k e t i n g j u r í d i c o
Legibilidade.
G I O R G I O
m a r k e t i n g j u r í d i c o
Legibilidade.
G I O R G I O
m a r k e t i n g j u r í d i c o
Legibilidade.
G I O R G I O
m a r k e t i n g j u r í d i c o
G I O R G I O
m a r k e t i n g j u r í d i c o
www.giorgiomj.com.br
giorgio@giorgiomj.com.br
Dicas para Composição Visual doDicas para Composição Visual do
LayoutLayout
Outdoor – Mídia ExteriorOutdoor – Mídia Exterior
• Máximo de sete palavras.
Outdoor – Mídia ExteriorOutdoor – Mídia Exterior
Jornal, Revista e Panfleto - ImpressoJornal, Revista e Panfleto - Impresso
• É a hora de colocar texto.
Jornal, Revista e Panfleto - ImpressoJornal, Revista e Panfleto - Impresso
Jornal, Revista e Panfleto - ImpressoJornal, Revista e Panfleto - Impresso
DICASDICAS
• Aproveite-se das dimensões das cores no vídeo e internet, já para
impressos, prefira os chapados e degrades leves.
• Excesso de imagens pode poluir seu layout, assim como excesso de
fontes e cores distintas.
• Em um layout na maioria das vezes o menos é mais.
• Lembre-se de quem é o seu público-alvo.
• A marca do cliente merece destaque, caso contrário pode não ser
lembrada.
TRABALHOTRABALHO
• Elaborar uma campanha de lançamento do sabonete Dove:
-Linha Infantil;
-Linha Gold (mais hidratante ainda);
-Linha Masculina;
-Linha Proteção Total.
• Elaborar uma campanha de lançamento do Cup Noodles:
-Sabor Ervas Finas;
-Sabor Frango com Brócolis;
-Sabor Dobradinha;
-Sabor Churrasco.

More Related Content

What's hot

Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Designanamargarites
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Wunderman
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...DESIGN DIGITAL UNIARA 2012
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorialHelena Jacob
 
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADECOMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADEKleiton Renzo
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersKarol Gandra
 
Elementos básicos da comunicação visual
Elementos básicos da comunicação visualElementos básicos da comunicação visual
Elementos básicos da comunicação visualvivi_belon
 
Aula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignAula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignCíntia Dal Bello
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALAndrea Dalforno
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visualguest1c7f7f
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e DesignCíntia Dal Bello
 

What's hot (20)

Linguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das CoresLinguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das Cores
 
Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Design
 
Tipografia
TipografiaTipografia
Tipografia
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
Design Digital I Anatomia da Mensagem Visual respresentação, simbolismo, abst...
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
A Cor
A Cor A Cor
A Cor
 
A linguagem visual
A linguagem visualA linguagem visual
A linguagem visual
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorial
 
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADECOMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
COMPOSIÇÃO E PERCEPÇÃO - COMUNICAÇÃO VISUAL - 3º PERÍODO - PUBLICIDADE
 
Semiótica em Design - Aula4
Semiótica em Design - Aula4Semiótica em Design - Aula4
Semiótica em Design - Aula4
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designers
 
Técnicas visuais
Técnicas visuaisTécnicas visuais
Técnicas visuais
 
Aula de alfabetismo visual INES
Aula de alfabetismo visual INESAula de alfabetismo visual INES
Aula de alfabetismo visual INES
 
Gestalt
GestaltGestalt
Gestalt
 
Elementos básicos da comunicação visual
Elementos básicos da comunicação visualElementos básicos da comunicação visual
Elementos básicos da comunicação visual
 
Aula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignAula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e Design
 
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUALLINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
LINGUAGEM VISUAL | ELEMENTOS BÁSICOS DA COMUNICAÇÃO VISUAL
 
elementos da linguagem visual
elementos da linguagem visualelementos da linguagem visual
elementos da linguagem visual
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e Design
 

Viewers also liked

Arte publicitária i direção de arte
Arte publicitária i   direção de arteArte publicitária i   direção de arte
Arte publicitária i direção de arteTaís Paranhos
 
Arte e publicidade
Arte e publicidadeArte e publicidade
Arte e publicidadexosea
 
Arte publicitária i cores
Arte publicitária i   coresArte publicitária i   cores
Arte publicitária i coresTaís Paranhos
 
XII Curso Open Journal Systems - Editor-Gerente 1 = 5 Passos para configurar ...
XII Curso Open Journal Systems - Editor-Gerente 1 = 5 Passos para configurar ...XII Curso Open Journal Systems - Editor-Gerente 1 = 5 Passos para configurar ...
XII Curso Open Journal Systems - Editor-Gerente 1 = 5 Passos para configurar ...Carla Ferreira
 
História da Arte - Realismo na Publicidade e Propaganda
História da Arte - Realismo na Publicidade e PropagandaHistória da Arte - Realismo na Publicidade e Propaganda
História da Arte - Realismo na Publicidade e PropagandaDiego Stedile
 
Apresentação Computação Gráfica TCM
Apresentação Computação Gráfica TCMApresentação Computação Gráfica TCM
Apresentação Computação Gráfica TCMGian Berbert Souza
 
Aula - Publicidade e Arte - Direção e Finalização de Arte para Impressos
Aula - Publicidade e Arte - Direção e Finalização de Arte para ImpressosAula - Publicidade e Arte - Direção e Finalização de Arte para Impressos
Aula - Publicidade e Arte - Direção e Finalização de Arte para ImpressosGabriel Ferraciolli
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - IntroduçãoDanilo Fernandes
 
Arte e publicidade - Aula 01
Arte e publicidade - Aula 01Arte e publicidade - Aula 01
Arte e publicidade - Aula 01Fernando Souza
 
Tendências da Computação Gráfica
Tendências da Computação GráficaTendências da Computação Gráfica
Tendências da Computação GráficaFábio Flatschart
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologiaElizeu Nascimento Silva
 
Arte e propaganda
Arte e propagandaArte e propaganda
Arte e propagandaAna Lucia
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráficoDeisi Motter
 
Como diagramar uma revista
Como diagramar uma revistaComo diagramar uma revista
Como diagramar uma revistaMarcos Carneiro
 

Viewers also liked (20)

Arte publicitária i direção de arte
Arte publicitária i   direção de arteArte publicitária i   direção de arte
Arte publicitária i direção de arte
 
Md carlos mer_11
Md carlos mer_11Md carlos mer_11
Md carlos mer_11
 
Publicidade COMPLETO
Publicidade COMPLETOPublicidade COMPLETO
Publicidade COMPLETO
 
Arte e publicidade
Arte e publicidadeArte e publicidade
Arte e publicidade
 
Design grafico
Design graficoDesign grafico
Design grafico
 
Arte publicitária i cores
Arte publicitária i   coresArte publicitária i   cores
Arte publicitária i cores
 
XII Curso Open Journal Systems - Editor-Gerente 1 = 5 Passos para configurar ...
XII Curso Open Journal Systems - Editor-Gerente 1 = 5 Passos para configurar ...XII Curso Open Journal Systems - Editor-Gerente 1 = 5 Passos para configurar ...
XII Curso Open Journal Systems - Editor-Gerente 1 = 5 Passos para configurar ...
 
Editoracao e design cores parte 2
Editoracao e design   cores parte 2Editoracao e design   cores parte 2
Editoracao e design cores parte 2
 
História da Arte - Realismo na Publicidade e Propaganda
História da Arte - Realismo na Publicidade e PropagandaHistória da Arte - Realismo na Publicidade e Propaganda
História da Arte - Realismo na Publicidade e Propaganda
 
Apresentação Computação Gráfica TCM
Apresentação Computação Gráfica TCMApresentação Computação Gráfica TCM
Apresentação Computação Gráfica TCM
 
Aula - Publicidade e Arte - Direção e Finalização de Arte para Impressos
Aula - Publicidade e Arte - Direção e Finalização de Arte para ImpressosAula - Publicidade e Arte - Direção e Finalização de Arte para Impressos
Aula - Publicidade e Arte - Direção e Finalização de Arte para Impressos
 
Os Mass Media E A InformaçãO
Os Mass Media E A InformaçãOOs Mass Media E A InformaçãO
Os Mass Media E A InformaçãO
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - Introdução
 
Arte e publicidade - Aula 01
Arte e publicidade - Aula 01Arte e publicidade - Aula 01
Arte e publicidade - Aula 01
 
Tendências da Computação Gráfica
Tendências da Computação GráficaTendências da Computação Gráfica
Tendências da Computação Gráfica
 
Aula 04 design gráfico na publicidade tipologia
Aula 04   design gráfico na publicidade tipologiaAula 04   design gráfico na publicidade tipologia
Aula 04 design gráfico na publicidade tipologia
 
Arte e propaganda
Arte e propagandaArte e propaganda
Arte e propaganda
 
Design e design gráfico
Design e design gráficoDesign e design gráfico
Design e design gráfico
 
Design/ Design Gráfico
Design/ Design GráficoDesign/ Design Gráfico
Design/ Design Gráfico
 
Como diagramar uma revista
Como diagramar uma revistaComo diagramar uma revista
Como diagramar uma revista
 

More from Ana Cristina D Assumpcão

Marketing Político, Social, Esportivo e Cultural
Marketing Político, Social, Esportivo e CulturalMarketing Político, Social, Esportivo e Cultural
Marketing Político, Social, Esportivo e CulturalAna Cristina D Assumpcão
 

More from Ana Cristina D Assumpcão (20)

Treinamento e Desenvolvimento
Treinamento e DesenvolvimentoTreinamento e Desenvolvimento
Treinamento e Desenvolvimento
 
Composto de comunicação
Composto de comunicaçãoComposto de comunicação
Composto de comunicação
 
Marketing internacional
Marketing internacionalMarketing internacional
Marketing internacional
 
Promoção e merchandising
Promoção e merchandisingPromoção e merchandising
Promoção e merchandising
 
Roteiro
RoteiroRoteiro
Roteiro
 
Planos de gravação
Planos de gravaçãoPlanos de gravação
Planos de gravação
 
Apostila Construção de Marca
Apostila Construção de MarcaApostila Construção de Marca
Apostila Construção de Marca
 
Fundamentos do Marketing
Fundamentos do MarketingFundamentos do Marketing
Fundamentos do Marketing
 
Marketing Político, Social, Esportivo e Cultural
Marketing Político, Social, Esportivo e CulturalMarketing Político, Social, Esportivo e Cultural
Marketing Político, Social, Esportivo e Cultural
 
Ilustração na Publicidade
Ilustração na PublicidadeIlustração na Publicidade
Ilustração na Publicidade
 
Psicologia na Publicidade
Psicologia na PublicidadePsicologia na Publicidade
Psicologia na Publicidade
 
Dicas de criação - Jornal e Revista
Dicas de criação - Jornal e RevistaDicas de criação - Jornal e Revista
Dicas de criação - Jornal e Revista
 
As Cores na Publicidade
As Cores na PublicidadeAs Cores na Publicidade
As Cores na Publicidade
 
Briefing
BriefingBriefing
Briefing
 
Construção de Naming
Construção de NamingConstrução de Naming
Construção de Naming
 
Meios - vantagens e desvantagens 02
Meios - vantagens e desvantagens 02Meios - vantagens e desvantagens 02
Meios - vantagens e desvantagens 02
 
Meios vantagens e desvantagens 01
Meios   vantagens e desvantagens 01Meios   vantagens e desvantagens 01
Meios vantagens e desvantagens 01
 
História da arte romantismo
História da arte   romantismoHistória da arte   romantismo
História da arte romantismo
 
História da arte renascimento
História da arte   renascimentoHistória da arte   renascimento
História da arte renascimento
 
História da arte neoclassicismo
História da arte   neoclassicismoHistória da arte   neoclassicismo
História da arte neoclassicismo
 

Tipologia na Publicidade

  • 2. IMPORTÂNCIA DA TIPOLOGIAIMPORTÂNCIA DA TIPOLOGIA • A Tipologia transmite personalidade a uma peça gráfica. • Cada família de fonte, cada tipo de letra transmite um conceito.
  • 4. CLASSIFICAÇÃO POR FAMÍLIASCLASSIFICAÇÃO POR FAMÍLIAS • Embora nos dias de hoje o número de fontes seja incontável, é possível, em sua maioria, classificar os tipos por categoria. São eles: 1- Antigo 2- Moderno 3- Com serifa 4- Sem serifa 5- Manuscritos 6- Decorativos
  • 5. TIPOS ANTIGOSTIPOS ANTIGOS • São conhecidos por terem sido criados com base nos traços das letras dos escrivões públicos e todos que usavam a pena como ferramenta de trabalho. Os tipos têm uma pequena variação entre traços grossos e finos. Não significa que são manuscritos. Falo do desenho da letra. Dos ângulos. Das serifas. Exatamente porque possuem traços grossos e finos, os tipos tornam-se elegantes, clássicos, e, por isso mesmo, eternos.
  • 6. TIPOS ANTIGOSTIPOS ANTIGOS Os tipos antigos são os melhores para a utilização em textos longos. Se quiser que um leitor não se distraia, utilize esses tipos. São mais confortáveis aos olhos.
  • 7. TIPOS MODERNOSTIPOS MODERNOS • Mesmo ainda tendo serifa, os tipos modernos passaram a ter uma serifa mais delicada. Os traços das serifas são mais finos, retos. E as transições de traços finos e grossos são muito mais acentuadas. Os tipos modernos têm uma característica elegante, porém menos poética. Lembram muito os tipos construídos por computador e pouco os desenhados por penas. E, para longos textos, devem ser usados com moderação e cuidado, dependendo do tipo escolhido. Como possuem as linhas das serifas finas e alguns traços grossos demais, podem prejudicar a leitura.
  • 9. TIPOS COM SERIFASTIPOS COM SERIFAS • As serifas são as “perninhas” que acompanham alguns tipos.
  • 10. TIPOS SEM SERIFASTIPOS SEM SERIFAS • O desenho do tipo é muito uniforme. A transição de traços grossos e finos praticamente não existe. O peso da letra é um só.
  • 11. TIPOS MANUSCRITOSTIPOS MANUSCRITOS • No geral, se parecem com tipologias escritas a caneta tinteiro, penas, pincéis, lápis. E não são bem vindos para utilização em textos corridos.
  • 12. TIPOS DECORATIVOSTIPOS DECORATIVOS • Os tipos decorativos são os mais complicados de usar. São fantasiosos, brincalhões, radicais. Como são tratados como arte e não como texto, são incorporados ao trabalho com a mesma importância que a imagem.
  • 13. CLASSIFICAÇÃO POR SÉRIECLASSIFICAÇÃO POR SÉRIE Quanto à largura • Uma letra pode ser normal, condensada ou estendida. Quanto à tonalidade • Uma letra pode ser light, medium, bold. Quanto à inclinação • Uma letra pode ser redonda ou itálica.
  • 14. CONSIDERAÇÕES NACONSIDERAÇÕES NA ESCOLHA DA TIPOLOGIAESCOLHA DA TIPOLOGIA Sobre a Estética, verifique sempre • Quantidade de tipologias • Unidade do layout • Conceito da peça Serifadas: seriedade, clareza, concisão Não serifadas: refinamento, classe
  • 15. CONSIDERAÇÕES NACONSIDERAÇÕES NA ESCOLHA DA TIPOLOGIAESCOLHA DA TIPOLOGIA • O que é o texto? É um título, um texto ou uma legenda de rodapé? • Quem vai ler? São jovens audaciosos ou idosos cautelosos? • Qual a mídia? Jornal, revista, folheto, TV? • Onde se dá a ação da leitura? No carro, ônibus, trem, em casa, na rua?
  • 16. ENTRELINHAENTRELINHA • A entrelinha é o espaço existente entre a base de uma linha para a base da próxima.
  • 17. ENTRE - PARÁGRAFOENTRE - PARÁGRAFO • Quando um texto é muito longo, é comum dar um respiro (espaço) entre dois parágrafos para arejar e facilitar a leitura.
  • 18. ALINHAMENTOALINHAMENTO • Há, basicamente, quatro tipos de alinhamento. Cada um deles com suas características quanto à legibilidade e à beleza em um layout. Normalmente, o de melhor leitura é o alinhamento à esquerda. Alinhamentos como à direita e centralizado prejudicam a leitura, apesar de deixar um texto curto mais bonito. Já o texto blocado tem uma leitura um pouco melhor, mas pode acarretar em espaços muito grandes entre as palavras.
  • 19. EXTRAEXTRA • Altas e finas com serifas – elegância; • Redondas e cheias sem serifas – simpatia e aconchego; • Manuscrito – cordial e despretensioso; • Maiúscula – autoridade e agressividade; • Minúscula – arrojada e suave. Obs.: Normalmente na Internet usa-se fontes sem serifas.
  • 21. G I O R G I O m a r k e t i n g j u r í d i c o Importância da Tipologia Os tipos são signos e estão carregados de significados. O estudo da tipologia é de fundamental importância num projeto gráfico e na construção de uma identidade visual. Estrutura do tipo
  • 22. G I O R G I O m a r k e t i n g j u r í d i c o Passa a sensação de moderno?
  • 23. G I O R G I O m a r k e t i n g j u r í d i c o E agora?
  • 24. G I O R G I O m a r k e t i n g j u r í d i c o Passa a sensação de limpo?
  • 25. G I O R G I O m a r k e t i n g j u r í d i c o Agora está bem sujo.
  • 26. G I O R G I O m a r k e t i n g j u r í d i c o Agora sim sentimos que está limpo.
  • 27. G I O R G I O m a r k e t i n g j u r í d i c o Que tal este sinal de alerta?.
  • 28. G I O R G I O m a r k e t i n g j u r í d i c o Dá pra melhroar mais ?
  • 29. G I O R G I O m a r k e t i n g j u r í d i c o Dá pra melhroar mais ?
  • 30. G I O R G I O m a r k e t i n g j u r í d i c o Melhorou, não?
  • 31. G I O R G I O m a r k e t i n g j u r í d i c o A palavra e a tipologia não significam a mesma coisa.
  • 32. G I O R G I O m a r k e t i n g j u r í d i c o Agora sim!
  • 33. G I O R G I O m a r k e t i n g j u r í d i c o Certinho demais. Não passa a sensação de confusão.
  • 34. G I O R G I O m a r k e t i n g j u r í d i c o Agora está bem confuso.
  • 35. G I O R G I O m a r k e t i n g j u r í d i c o Isto está mais para gótico ou medieval do que para brega.
  • 36. G I O R G I O m a r k e t i n g j u r í d i c o Melhorou...
  • 37. G I O R G I O m a r k e t i n g j u r í d i c o Está ficando melhor...
  • 38. G I O R G I O m a r k e t i n g j u r í d i c o Agora sim!
  • 39. G I O R G I O m a r k e t i n g j u r í d i c o Outra opção.
  • 40. G I O R G I O m a r k e t i n g j u r í d i c o Legibilidade.
  • 41. G I O R G I O m a r k e t i n g j u r í d i c o Legibilidade.
  • 42. G I O R G I O m a r k e t i n g j u r í d i c o Legibilidade.
  • 43. G I O R G I O m a r k e t i n g j u r í d i c o G I O R G I O m a r k e t i n g j u r í d i c o www.giorgiomj.com.br giorgio@giorgiomj.com.br
  • 44. Dicas para Composição Visual doDicas para Composição Visual do LayoutLayout
  • 45. Outdoor – Mídia ExteriorOutdoor – Mídia Exterior • Máximo de sete palavras.
  • 46. Outdoor – Mídia ExteriorOutdoor – Mídia Exterior
  • 47. Jornal, Revista e Panfleto - ImpressoJornal, Revista e Panfleto - Impresso • É a hora de colocar texto.
  • 48. Jornal, Revista e Panfleto - ImpressoJornal, Revista e Panfleto - Impresso
  • 49. Jornal, Revista e Panfleto - ImpressoJornal, Revista e Panfleto - Impresso
  • 50. DICASDICAS • Aproveite-se das dimensões das cores no vídeo e internet, já para impressos, prefira os chapados e degrades leves. • Excesso de imagens pode poluir seu layout, assim como excesso de fontes e cores distintas. • Em um layout na maioria das vezes o menos é mais. • Lembre-se de quem é o seu público-alvo. • A marca do cliente merece destaque, caso contrário pode não ser lembrada.
  • 51. TRABALHOTRABALHO • Elaborar uma campanha de lançamento do sabonete Dove: -Linha Infantil; -Linha Gold (mais hidratante ainda); -Linha Masculina; -Linha Proteção Total. • Elaborar uma campanha de lançamento do Cup Noodles: -Sabor Ervas Finas; -Sabor Frango com Brócolis; -Sabor Dobradinha; -Sabor Churrasco.