SlideShare ist ein Scribd-Unternehmen logo
1 von 37
Classificação dos tipos

        Produção Publicitária em Mídia Impressa
1º Sem/2012 | Profª Denise Aristimunha de Lima
Letras
             Negras

           Estilo antigo
            (old style)

              Estilo
           Transicional

             Estilo
            Moderno

Tipos de   Sem Serifa
 fontes    (Grotesca)

             Serifa
           Retângular

           Decorativas


           Caligráficas


            Cursivas
Letras Negras




   Características:
    Capitulares ornamentadas, serifas em forma de losangos e
    traços espessos.

   Utilização:
    Títulos e documentos tradicionais e religiosos como
    diplomas, comunicados honoríficos.

   Evoluiram a partir da escrita carolíngia (séc VIII) Foi utilizada na
    primeira bíblia de Gutemberg.
Estilo Antigo (Old Style)


   Características:
    Passagem moderada de traços grossos para finos;
    Possuem serifa e ênfase diagonal;
    São considerados clássicos, elegantes;

   Utilização:
    São os melhores para textos longos;

   Baseada nas letras manuscritas dos escribas de 1500,
    que usavam pena larga para delinear seu trabalho
Estilo Transicional (Barroco)


   Características:
    Ênfase vertical;
    Contraste levemente maior entre os traços grossos e
    finos do que nos tipos antigos;
    Serifas horizontais;

   Utilização:
    Títulos, corpo de texto.

   Foi criado depois dos tipos antigos e antes dos tipos
    conhecidos como modernos (por volta de 1750);
Estilo “Moderno”



   Características:
    Forte contraste de linhas;
    As serifas e os traços horizontais são muito finos.

   Utilização:
    São consideradas chamativas, severas;
    Não são muito legíveis para trabalhos com textos muito
    pequenos.

   Surgiram nos séculos XVII e XVIII.
Sem Serifa



   Características:
    Sem serifa, de espessura geralmente uniforme, sem variações
    ou com variações sutis entre os traços espessos e finos.

   Utilização:
    Não são adequadas para textos longos;
    São mais eficientes para uma frase ou um título;

   No início, na Inglaterra por volta de 1816, as primeiras letras
    sem serifas criadas ficaram conhecidas por “grotescas”. Eram
    vistas como desajeitadas e impróprias por não terem serifas;
    Estas letras só foram atingir importância no século XX; com o
    movimento Bauhaus.
Serifa Retângular (Egípcias)



   Características:
    Serifas horizontais e retângulares (espessas);
    Pequena ou nenhuma transição entre traços finos e
    grossos.

   Utilização:
    Para corpo de textos casuais e títulos (texto curtos).

   As primeiras apareceram por volta de 1815 mas foram
    bastante utilizadas para a propaganda, cartazes,
    folhetos, no início dos anos 1920.
Decorativas ou de Fantasia



   Características:
    São letras que não se incluem em nenhum dos outros
    grupos.

   Utilização:
    Para títulos estilizados, cabeçalhos e quantidades
    mínimas de texto.

   São desenhadas para serem chamativas para combinar
    com os produtos anunciados pela propaganda.
Tipos Caligráficos (script)


   Características:
    São baseados na escrita manual;
    Possuem aparência de manuscrito produzido com pena
    caligráfica ou pincel (lápis ou caneta técnica).

   Utilização:
    Para quantidade mínima de texto estilizado por exemplo
    cartões sociais, convites...

   Desenvolveram-se a partir da escrita cursiva.
Estilo “Brush” (pincel)




   Características:
    Eixo claramente inclinado, imitam traços
    característicos dos pincéis de pintura.
   Utilização:
    Para títulos e cabeçalhos estilizados.
   História:
    Desenvolveram-se no século xv a partir das letras
    manuscritas (os manuscritos eram feitos sem muito
    preparo, com rapidez).
   Adrian Frutiger
   Théo Ballmer
   Alvin Lusting
   Paul Rand
   Ernest Heller
   Bradbury Thonson
   Max Bill
   Saul Bass
   Ivan Chekmayeff
   Armin Hoffman
   Herb Lubalin
   Josef Muller Brockman
Max Miedinger
Helvética 1957 – Tipo universal


   Exemplar de uma
    tipografia neutra,
    compreensível e
    funcional;

   Desenhada pelo
    tipógrafo suíço Max
    Miedinger em 1957;
   "Tipografia tem um dever comum antes de tudo:
    transmitir informações por escrito. "

    -Emil Ruder
Wolfgang Weingart
Desconstrução Tipográfica
   Wolfgang Weingart é o
    responsável por uma das
    grandes mudanças no
    design gráfico do século
    XX, aplicando suas
    inovações por volta da
    década de 70 e
    influenciando
    diretamente a produção
    das décadas posteriores.
David Carson

   Internacionalmente considerado um dos designers

    gráficos mais influentes dos anos de 1990.

   O trabalho gráfico deste norte-americano é o mais

    copiado pelos jovens designers, aspirantes a

    vanguardistas.
David Carson
David Carson
David Carson
David Carson
A dimensão sintática da Tipografia
(a organização dos elementos)

   The men with a golden arm
   videosSaul Bass title sequence The Man with the
    Golden Arm (1955).wmv
A dimensão semântica da Tipografia
(a simbologia, a linguagem visual)

   Cuarteto de Nós
    videosYa no s qu hacer conmigo.wmv
   Citzen Cope
    videosCitizen Cope Let The Drummer Kick
    (AFX).wmv
Herb Lubalin
Anúncio para CBS (Rede de Tv Americana) – Lou Dorfsman
Trabalho (1ª nota)
   Procurar nas Fachadas de Bagé que tenham
    comunicação visual com tipografias relacionadas ao
    que estudamos.

   Escolher 2 exemplos de comunicação visual:

   Identificar uma fachada poluída e propor uma ideia
    com uma organização tipográfica eficiente;

   A segunda deve ser alguma fachada que possua
    elementos que possam ser transformados e/ou
    concebidos em uma linguagem visual com
    significado semântico.
Referências
   CESAR, Newton. Direção de Arte em Propaganda. São Paulo:
    Futura, 2000.
   FONSECA, Joaquim da. Tipografia e Design Gráfico. São Paulo:
    Bookman, 2008.
   HURLBURT, Allen. Layout: o design da página impressa. São
    Paulo: Nobel, 2002.
   WEINGART, Wolfgang. Como se pode fazer tipografia suiça? São
    Paulo: Rosari, 2004.

Weitere ähnliche Inhalte

Was ist angesagt?

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
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
Kadu Sp
 
Aula 13 historia da arte.
Aula 13 historia da arte.Aula 13 historia da arte.
Aula 13 historia da arte.
Rafael Serra
 

Was ist angesagt? (20)

Semiótica - primeirdade, secundidade e terceiridade
Semiótica - primeirdade, secundidade e terceiridadeSemiótica - primeirdade, secundidade e terceiridade
Semiótica - primeirdade, secundidade e terceiridade
 
Art Déco
Art DécoArt Déco
Art Déco
 
Tipografia
TipografiaTipografia
Tipografia
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Aula 04 história do design gráfico
Aula 04   história do design gráficoAula 04   história do design gráfico
Aula 04 história do design gráfico
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Aula 01 história do design gráfico
Aula 01   história do design gráficoAula 01   história do design gráfico
Aula 01 história do design gráfico
 
Linguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensionalLinguagem bidimensional e tridimensional
Linguagem bidimensional e tridimensional
 
História do Design Gráfico
História do Design GráficoHistória do Design Gráfico
História do Design Gráfico
 
EAV- Paisagem sonora 1
EAV- Paisagem sonora 1EAV- Paisagem sonora 1
EAV- Paisagem sonora 1
 
Aula 13 historia da arte.
Aula 13 historia da arte.Aula 13 historia da arte.
Aula 13 historia da arte.
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Bauhaus
BauhausBauhaus
Bauhaus
 
Deutscher Werkbund
Deutscher WerkbundDeutscher Werkbund
Deutscher Werkbund
 
Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
Estilo Vitoriano
Estilo VitorianoEstilo Vitoriano
Estilo Vitoriano
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorial
 
Tutoriais Illustrator
Tutoriais IllustratorTutoriais Illustrator
Tutoriais Illustrator
 

Ähnlich wie Classificacao tipografia

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
Elizeu Nascimento Silva
 
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
Elizeu Nascimento Silva
 
[dig - 2011.1] 09 - tipografia 2
[dig - 2011.1] 09 - tipografia 2[dig - 2011.1] 09 - tipografia 2
[dig - 2011.1] 09 - tipografia 2
Eduardo Novais
 
O estilo tipográfico internacional
O estilo tipográfico internacionalO estilo tipográfico internacional
O estilo tipográfico internacional
Milton Batista
 
Aestruturadoscaracteres
AestruturadoscaracteresAestruturadoscaracteres
Aestruturadoscaracteres
xtessarix
 
Aestruturadoscaracteres 120804091602-phpapp02
Aestruturadoscaracteres 120804091602-phpapp02Aestruturadoscaracteres 120804091602-phpapp02
Aestruturadoscaracteres 120804091602-phpapp02
xtessarix
 

Ähnlich wie Classificacao tipografia (20)

Tipografia final
Tipografia finalTipografia final
Tipografia final
 
Aula EE - tipografia
Aula EE - tipografiaAula EE - tipografia
Aula EE - tipografia
 
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
 
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
 
Aula03 tipografia
Aula03 tipografiaAula03 tipografia
Aula03 tipografia
 
Aula 04 linguagem visual
Aula 04   linguagem visualAula 04   linguagem visual
Aula 04 linguagem visual
 
Tg Aula3 2008
Tg Aula3 2008Tg Aula3 2008
Tg Aula3 2008
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia Aula
Tipografia AulaTipografia Aula
Tipografia Aula
 
Tipografia aula
Tipografia aulaTipografia aula
Tipografia aula
 
[dig - 2011.1] 09 - tipografia 2
[dig - 2011.1] 09 - tipografia 2[dig - 2011.1] 09 - tipografia 2
[dig - 2011.1] 09 - tipografia 2
 
Aula tipografia20121
Aula tipografia20121Aula tipografia20121
Aula tipografia20121
 
Tipografia
TipografiaTipografia
Tipografia
 
Aula 04 - Infodesign - Alfabeto-padrão
Aula 04 - Infodesign - Alfabeto-padrãoAula 04 - Infodesign - Alfabeto-padrão
Aula 04 - Infodesign - Alfabeto-padrão
 
O estilo tipográfico internacional
O estilo tipográfico internacionalO estilo tipográfico internacional
O estilo tipográfico internacional
 
TIPOGRAFIA NO DESIGN IMPRESSO
TIPOGRAFIA NO DESIGN IMPRESSOTIPOGRAFIA NO DESIGN IMPRESSO
TIPOGRAFIA NO DESIGN IMPRESSO
 
Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1Lm1 t14 tipografia digital parte_1
Lm1 t14 tipografia digital parte_1
 
Aestruturadoscaracteres
AestruturadoscaracteresAestruturadoscaracteres
Aestruturadoscaracteres
 
Aestruturadoscaracteres 120804091602-phpapp02
Aestruturadoscaracteres 120804091602-phpapp02Aestruturadoscaracteres 120804091602-phpapp02
Aestruturadoscaracteres 120804091602-phpapp02
 
Tipografia no Design Impresso
Tipografia no Design ImpressoTipografia no Design Impresso
Tipografia no Design Impresso
 

Mehr von Denise Lima

Orientação para o projeto de pesquisa
Orientação para o projeto de pesquisaOrientação para o projeto de pesquisa
Orientação para o projeto de pesquisa
Denise Lima
 
Alternativas ao estilo internacional
Alternativas ao estilo internacionalAlternativas ao estilo internacional
Alternativas ao estilo internacional
Denise Lima
 
CSS parte II pdf...
CSS parte II pdf...CSS parte II pdf...
CSS parte II pdf...
Denise Lima
 

Mehr von Denise Lima (20)

Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2
 
Movimentos artísticos início século XX
Movimentos artísticos início século XXMovimentos artísticos início século XX
Movimentos artísticos início século XX
 
Pós modernismo
Pós modernismoPós modernismo
Pós modernismo
 
Pop art
Pop artPop art
Pop art
 
Pop art
Pop artPop art
Pop art
 
Bauhaus & Estilo Internacional
Bauhaus & Estilo InternacionalBauhaus & Estilo Internacional
Bauhaus & Estilo Internacional
 
Artigo cientifico
Artigo cientificoArtigo cientifico
Artigo cientifico
 
Orientação para o projeto de pesquisa
Orientação para o projeto de pesquisaOrientação para o projeto de pesquisa
Orientação para o projeto de pesquisa
 
Tecnicas para composição.
Tecnicas para composição.Tecnicas para composição.
Tecnicas para composição.
 
Dicas assombrosas
Dicas assombrosasDicas assombrosas
Dicas assombrosas
 
Raizes design
Raizes designRaizes design
Raizes design
 
Alternativas ao estilo internacional
Alternativas ao estilo internacionalAlternativas ao estilo internacional
Alternativas ao estilo internacional
 
Design antes do design
Design antes do designDesign antes do design
Design antes do design
 
Dreamweaver - configurando o servidor remoto
Dreamweaver - configurando o servidor remotoDreamweaver - configurando o servidor remoto
Dreamweaver - configurando o servidor remoto
 
Trabalho layout elastico
Trabalho layout elasticoTrabalho layout elastico
Trabalho layout elastico
 
Css parte iii_b
Css parte iii_bCss parte iii_b
Css parte iii_b
 
Css parte iii_a
Css parte iii_aCss parte iii_a
Css parte iii_a
 
CSS parte II pdf...
CSS parte II pdf...CSS parte II pdf...
CSS parte II pdf...
 
Css parte II
Css parte IICss parte II
Css parte II
 
Css – cascading style sheets
Css – cascading style sheetsCss – cascading style sheets
Css – cascading style sheets
 

Classificacao tipografia

  • 1. Classificação dos tipos Produção Publicitária em Mídia Impressa 1º Sem/2012 | Profª Denise Aristimunha de Lima
  • 2. Letras Negras Estilo antigo (old style) Estilo Transicional Estilo Moderno Tipos de Sem Serifa fontes (Grotesca) Serifa Retângular Decorativas Caligráficas Cursivas
  • 3. Letras Negras  Características: Capitulares ornamentadas, serifas em forma de losangos e traços espessos.  Utilização: Títulos e documentos tradicionais e religiosos como diplomas, comunicados honoríficos.  Evoluiram a partir da escrita carolíngia (séc VIII) Foi utilizada na primeira bíblia de Gutemberg.
  • 4.
  • 5. Estilo Antigo (Old Style)  Características: Passagem moderada de traços grossos para finos; Possuem serifa e ênfase diagonal; São considerados clássicos, elegantes;  Utilização: São os melhores para textos longos;  Baseada nas letras manuscritas dos escribas de 1500, que usavam pena larga para delinear seu trabalho
  • 6.
  • 7. Estilo Transicional (Barroco)  Características: Ênfase vertical; Contraste levemente maior entre os traços grossos e finos do que nos tipos antigos; Serifas horizontais;  Utilização: Títulos, corpo de texto.  Foi criado depois dos tipos antigos e antes dos tipos conhecidos como modernos (por volta de 1750);
  • 8.
  • 9. Estilo “Moderno”  Características: Forte contraste de linhas; As serifas e os traços horizontais são muito finos.  Utilização: São consideradas chamativas, severas; Não são muito legíveis para trabalhos com textos muito pequenos.  Surgiram nos séculos XVII e XVIII.
  • 10.
  • 11. Sem Serifa  Características: Sem serifa, de espessura geralmente uniforme, sem variações ou com variações sutis entre os traços espessos e finos.  Utilização: Não são adequadas para textos longos; São mais eficientes para uma frase ou um título;  No início, na Inglaterra por volta de 1816, as primeiras letras sem serifas criadas ficaram conhecidas por “grotescas”. Eram vistas como desajeitadas e impróprias por não terem serifas; Estas letras só foram atingir importância no século XX; com o movimento Bauhaus.
  • 12.
  • 13. Serifa Retângular (Egípcias)  Características: Serifas horizontais e retângulares (espessas); Pequena ou nenhuma transição entre traços finos e grossos.  Utilização: Para corpo de textos casuais e títulos (texto curtos).  As primeiras apareceram por volta de 1815 mas foram bastante utilizadas para a propaganda, cartazes, folhetos, no início dos anos 1920.
  • 14.
  • 15. Decorativas ou de Fantasia  Características: São letras que não se incluem em nenhum dos outros grupos.  Utilização: Para títulos estilizados, cabeçalhos e quantidades mínimas de texto.  São desenhadas para serem chamativas para combinar com os produtos anunciados pela propaganda.
  • 16.
  • 17. Tipos Caligráficos (script)  Características: São baseados na escrita manual; Possuem aparência de manuscrito produzido com pena caligráfica ou pincel (lápis ou caneta técnica).  Utilização: Para quantidade mínima de texto estilizado por exemplo cartões sociais, convites...  Desenvolveram-se a partir da escrita cursiva.
  • 18.
  • 19. Estilo “Brush” (pincel)  Características: Eixo claramente inclinado, imitam traços característicos dos pincéis de pintura.  Utilização: Para títulos e cabeçalhos estilizados.  História: Desenvolveram-se no século xv a partir das letras manuscritas (os manuscritos eram feitos sem muito preparo, com rapidez).
  • 20.
  • 21. Adrian Frutiger  Théo Ballmer  Alvin Lusting  Paul Rand  Ernest Heller  Bradbury Thonson  Max Bill  Saul Bass  Ivan Chekmayeff  Armin Hoffman  Herb Lubalin  Josef Muller Brockman
  • 22. Max Miedinger Helvética 1957 – Tipo universal  Exemplar de uma tipografia neutra, compreensível e funcional;  Desenhada pelo tipógrafo suíço Max Miedinger em 1957;
  • 23. "Tipografia tem um dever comum antes de tudo: transmitir informações por escrito. " -Emil Ruder
  • 24. Wolfgang Weingart Desconstrução Tipográfica  Wolfgang Weingart é o responsável por uma das grandes mudanças no design gráfico do século XX, aplicando suas inovações por volta da década de 70 e influenciando diretamente a produção das décadas posteriores.
  • 25.
  • 26. David Carson  Internacionalmente considerado um dos designers gráficos mais influentes dos anos de 1990.  O trabalho gráfico deste norte-americano é o mais copiado pelos jovens designers, aspirantes a vanguardistas.
  • 31. A dimensão sintática da Tipografia (a organização dos elementos)  The men with a golden arm  videosSaul Bass title sequence The Man with the Golden Arm (1955).wmv
  • 32. A dimensão semântica da Tipografia (a simbologia, a linguagem visual)  Cuarteto de Nós videosYa no s qu hacer conmigo.wmv  Citzen Cope videosCitizen Cope Let The Drummer Kick (AFX).wmv
  • 34. Anúncio para CBS (Rede de Tv Americana) – Lou Dorfsman
  • 35.
  • 36. Trabalho (1ª nota)  Procurar nas Fachadas de Bagé que tenham comunicação visual com tipografias relacionadas ao que estudamos.  Escolher 2 exemplos de comunicação visual:  Identificar uma fachada poluída e propor uma ideia com uma organização tipográfica eficiente;  A segunda deve ser alguma fachada que possua elementos que possam ser transformados e/ou concebidos em uma linguagem visual com significado semântico.
  • 37. Referências  CESAR, Newton. Direção de Arte em Propaganda. São Paulo: Futura, 2000.  FONSECA, Joaquim da. Tipografia e Design Gráfico. São Paulo: Bookman, 2008.  HURLBURT, Allen. Layout: o design da página impressa. São Paulo: Nobel, 2002.  WEINGART, Wolfgang. Como se pode fazer tipografia suiça? São Paulo: Rosari, 2004.