SlideShare une entreprise Scribd logo
1  sur  17
Télécharger pour lire hors ligne
Izabel Meister
       TIPOGRAFIA


Macro - tipografia                       Micro - tipografia
Concepção. Diagramação. A                Relação entre as letras,
idéia e a configuração geral:            palavras e linhas
escolha do formato, dos tipos,
das cores, do papel e a
composição do layout.




                          LEGIBILIDADE
                Legibilidade = qualidade dos caracteres.

                      Leiturabilidade = facilidade ou
                     qualidade da leitura de um texto
Izabel Meister
TIPOGRAFIA


Quem lerá isto?
Como isto deve ser lido?
Quais os meios tipográficos adequados ao
caso?
Como estes meios são adequados de
forma correta?
Izabel Meister
TIPOGRAFIA


•homem percebe a forma dos objetos devido a luz
refletida ou emitida por eles
•homem ocidental lê da esquerda para a direita e
de cima para baixo
•os olhos varrem o topo das letras
•o movimento dos olhos acontece através de pulos
ao longo da linha, com pausas em intervalos
regulares
•as palavras são percebidas e reconhecidas em
grupo pelas suas formas, lemos letra por letra
quando a palavra é desconhecida
Izabel Meister
TIPOGRAFIA


FATORES RELATIVOS A FONTE
dimensão / configuração/ contraste/ cor
FATORES RELATIVOS AO OBSERVADOR
familiaridade com desenhos de caracteres/
ângulo de visão/ distância/ tempo de exposição/
movimento
FATORES RELATIVOS AO AMBIENTE
luminosidade/ dimensão
Izabel Meister
vamos pensar?

mais experiente o leitor maiores são os saltos na linha de texto.
Podemos pensar então que quanto mais semelhantes forem as
formas das letras com os arquétipos das mesmas mais eficientes
serão?




                  tipografia
Lemos a metade superior dos caracteres com mais facilidade do
que a metade inferior. Caixa baixa apresenta um outline mais
irregular que palavras escritas em CAIXA ALTA proporcionando um
reconhecimento mais fácil.



tipografia                     TIPOGRAFIA
Izabel Meister
vamos pensar?


Serifas – de maneira geral proporcionam leitura horizontal mais
fluida, maior legibilidade para leituras de grande volume.

As tipografias para sinalização com alta legibilidade, compreensão
da forma e rapidez de leitura pelo equilíbrio entre as proporções dos
traços e a abertura do olho tipográfico = funcionalidade. Isto implica
em claridade e ausência de adornos, sempre? O trabalho está
sempre relacionado ao contexto.

Normal x negrito – massas grandes de texto em negrito podem
atrapalhar o conforto da leitura.




Branco x preto
Izabel Meister
   expansão do                                 expansão do
      branco                                      branco


por hábito lemos letras pretas sobre branco.

letras brancas sobre fundo preto parecem maiores e mais espessas
pelo efeito na estrutura ocular.

Halos luminosos – áreas brancas de fronteira parecem ser + brancas e + luminosas
dependem de peso e contraste das formas brancas e pretas envolvidas: quanto >
peso da forma negra ou > a diferença entre traços finos e grossos no caractere
mais forte o halo.

Efeito de expansão + halo = irradiação.
Izabel Meister
os espaços brancos controlam as formas das figuras percebidas




                 trabalhar o peso visual
TIPOGRAFIA




Izabel Meister
Izabel Meister
Izabel Meister
Izabel Meister
Izabel Meister
Izabel Meister
Izabel Meister
Izabel Meister
Izabel Meister

Contenu connexe

Tendances

Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoprofclaubordin
 
Value: form in light
Value: form in lightValue: form in light
Value: form in lightcjoyce104
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
Paul Rand - Graphic Designer
Paul Rand - Graphic DesignerPaul Rand - Graphic Designer
Paul Rand - Graphic DesignerArts4good
 
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
 
Laurel Burch Cats
Laurel Burch CatsLaurel Burch Cats
Laurel Burch CatsBrittanyH
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fábio Gonçalves
 
Aula 03 pós moderno
Aula 03 pós modernoAula 03 pós moderno
Aula 03 pós modernoVenise Melo
 
Design historia
Design historiaDesign historia
Design historiaEtna
 

Tendances (20)

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
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introdução
 
Grid
GridGrid
Grid
 
Printmaking
PrintmakingPrintmaking
Printmaking
 
Value: form in light
Value: form in lightValue: form in light
Value: form in light
 
Noções de Design Gráfico
Noções de Design GráficoNoções de Design Gráfico
Noções de Design Gráfico
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Paul Rand - Graphic Designer
Paul Rand - Graphic DesignerPaul Rand - Graphic Designer
Paul Rand - Graphic Designer
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
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
 
Laurel Burch Cats
Laurel Burch CatsLaurel Burch Cats
Laurel Burch Cats
 
Sistema medidas tipográficas [elidher]
Sistema medidas tipográficas [elidher]Sistema medidas tipográficas [elidher]
Sistema medidas tipográficas [elidher]
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Paul Rand
Paul RandPaul Rand
Paul Rand
 
Gesture drawing
Gesture drawingGesture drawing
Gesture drawing
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Desenho do rosto
Desenho do rostoDesenho do rosto
Desenho do rosto
 
Aula 03 pós moderno
Aula 03 pós modernoAula 03 pós moderno
Aula 03 pós moderno
 
Design historia
Design historiaDesign historia
Design historia
 

Plus de Izabel Meister

Aula08-sociedadeculutradesign
Aula08-sociedadeculutradesignAula08-sociedadeculutradesign
Aula08-sociedadeculutradesignIzabel Meister
 
Aula09 - MODA E CRIAÇÃO III
Aula09 - MODA E CRIAÇÃO IIIAula09 - MODA E CRIAÇÃO III
Aula09 - MODA E CRIAÇÃO IIIIzabel Meister
 
Aula08 - MODA E CRIAÇÃO III
Aula08 - MODA E CRIAÇÃO IIIAula08 - MODA E CRIAÇÃO III
Aula08 - MODA E CRIAÇÃO IIIIzabel Meister
 
Aula07 - MODA E CRIAÇÃO III
Aula07 - MODA E CRIAÇÃO IIIAula07 - MODA E CRIAÇÃO III
Aula07 - MODA E CRIAÇÃO IIIIzabel Meister
 
Aula10 - MODA E CRIAÇÃO III
Aula10 - MODA E CRIAÇÃO IIIAula10 - MODA E CRIAÇÃO III
Aula10 - MODA E CRIAÇÃO IIIIzabel Meister
 
Manual st dgrafico_part02
Manual st dgrafico_part02Manual st dgrafico_part02
Manual st dgrafico_part02Izabel Meister
 
Manual st dgrafico_part01
Manual st dgrafico_part01Manual st dgrafico_part01
Manual st dgrafico_part01Izabel Meister
 
Aula04 tipografia legibilidade_dgrafico
Aula04 tipografia legibilidade_dgraficoAula04 tipografia legibilidade_dgrafico
Aula04 tipografia legibilidade_dgraficoIzabel Meister
 
Manual nystatecanal dgrafico
Manual nystatecanal dgraficoManual nystatecanal dgrafico
Manual nystatecanal dgraficoIzabel Meister
 
Aula7 semiotica dgrafico
Aula7 semiotica dgraficoAula7 semiotica dgrafico
Aula7 semiotica dgraficoIzabel Meister
 
Aula06 picotgramas dgrafico
Aula06 picotgramas dgraficoAula06 picotgramas dgrafico
Aula06 picotgramas dgraficoIzabel Meister
 
Aula04 tipografia legibilidade_dgrafico
Aula04 tipografia legibilidade_dgraficoAula04 tipografia legibilidade_dgrafico
Aula04 tipografia legibilidade_dgraficoIzabel Meister
 
Aula5 ergonomia dgrafico
Aula5 ergonomia dgraficoAula5 ergonomia dgrafico
Aula5 ergonomia dgraficoIzabel Meister
 
Sinalizacaotecnica dgrafico
Sinalizacaotecnica dgraficoSinalizacaotecnica dgrafico
Sinalizacaotecnica dgraficoIzabel Meister
 
Aula07 designculturaesociedade
Aula07 designculturaesociedadeAula07 designculturaesociedade
Aula07 designculturaesociedadeIzabel Meister
 
Aula06 designculturaesociedade
Aula06 designculturaesociedadeAula06 designculturaesociedade
Aula06 designculturaesociedadeIzabel Meister
 

Plus de Izabel Meister (20)

Aula08-sociedadeculutradesign
Aula08-sociedadeculutradesignAula08-sociedadeculutradesign
Aula08-sociedadeculutradesign
 
Aula09 - MODA E CRIAÇÃO III
Aula09 - MODA E CRIAÇÃO IIIAula09 - MODA E CRIAÇÃO III
Aula09 - MODA E CRIAÇÃO III
 
Aula08 - MODA E CRIAÇÃO III
Aula08 - MODA E CRIAÇÃO IIIAula08 - MODA E CRIAÇÃO III
Aula08 - MODA E CRIAÇÃO III
 
Aula07 - MODA E CRIAÇÃO III
Aula07 - MODA E CRIAÇÃO IIIAula07 - MODA E CRIAÇÃO III
Aula07 - MODA E CRIAÇÃO III
 
Aula10 - MODA E CRIAÇÃO III
Aula10 - MODA E CRIAÇÃO IIIAula10 - MODA E CRIAÇÃO III
Aula10 - MODA E CRIAÇÃO III
 
Manual st dgrafico_part02
Manual st dgrafico_part02Manual st dgrafico_part02
Manual st dgrafico_part02
 
Manual st dgrafico_part01
Manual st dgrafico_part01Manual st dgrafico_part01
Manual st dgrafico_part01
 
Aula04 tipografia legibilidade_dgrafico
Aula04 tipografia legibilidade_dgraficoAula04 tipografia legibilidade_dgrafico
Aula04 tipografia legibilidade_dgrafico
 
Manual nystatecanal dgrafico
Manual nystatecanal dgraficoManual nystatecanal dgrafico
Manual nystatecanal dgrafico
 
Instrucao tecnica 20
Instrucao tecnica   20Instrucao tecnica   20
Instrucao tecnica 20
 
Aula7 semiotica dgrafico
Aula7 semiotica dgraficoAula7 semiotica dgrafico
Aula7 semiotica dgrafico
 
Aula06 picotgramas dgrafico
Aula06 picotgramas dgraficoAula06 picotgramas dgrafico
Aula06 picotgramas dgrafico
 
Aula04 tipografia legibilidade_dgrafico
Aula04 tipografia legibilidade_dgraficoAula04 tipografia legibilidade_dgrafico
Aula04 tipografia legibilidade_dgrafico
 
Aula5 ergonomia dgrafico
Aula5 ergonomia dgraficoAula5 ergonomia dgrafico
Aula5 ergonomia dgrafico
 
Sinalizacaotecnica dgrafico
Sinalizacaotecnica dgraficoSinalizacaotecnica dgrafico
Sinalizacaotecnica dgrafico
 
Modamercado5
Modamercado5Modamercado5
Modamercado5
 
Modamercado4
Modamercado4Modamercado4
Modamercado4
 
Modamercado6
Modamercado6Modamercado6
Modamercado6
 
Aula07 designculturaesociedade
Aula07 designculturaesociedadeAula07 designculturaesociedade
Aula07 designculturaesociedade
 
Aula06 designculturaesociedade
Aula06 designculturaesociedadeAula06 designculturaesociedade
Aula06 designculturaesociedade
 

Aula04 tipografia legibilidade_designgrafico

  • 1. Izabel Meister TIPOGRAFIA Macro - tipografia Micro - tipografia Concepção. Diagramação. A Relação entre as letras, idéia e a configuração geral: palavras e linhas escolha do formato, dos tipos, das cores, do papel e a composição do layout. LEGIBILIDADE Legibilidade = qualidade dos caracteres. Leiturabilidade = facilidade ou qualidade da leitura de um texto
  • 2. Izabel Meister TIPOGRAFIA Quem lerá isto? Como isto deve ser lido? Quais os meios tipográficos adequados ao caso? Como estes meios são adequados de forma correta?
  • 3. Izabel Meister TIPOGRAFIA •homem percebe a forma dos objetos devido a luz refletida ou emitida por eles •homem ocidental lê da esquerda para a direita e de cima para baixo •os olhos varrem o topo das letras •o movimento dos olhos acontece através de pulos ao longo da linha, com pausas em intervalos regulares •as palavras são percebidas e reconhecidas em grupo pelas suas formas, lemos letra por letra quando a palavra é desconhecida
  • 4. Izabel Meister TIPOGRAFIA FATORES RELATIVOS A FONTE dimensão / configuração/ contraste/ cor FATORES RELATIVOS AO OBSERVADOR familiaridade com desenhos de caracteres/ ângulo de visão/ distância/ tempo de exposição/ movimento FATORES RELATIVOS AO AMBIENTE luminosidade/ dimensão
  • 5. Izabel Meister vamos pensar? mais experiente o leitor maiores são os saltos na linha de texto. Podemos pensar então que quanto mais semelhantes forem as formas das letras com os arquétipos das mesmas mais eficientes serão? tipografia Lemos a metade superior dos caracteres com mais facilidade do que a metade inferior. Caixa baixa apresenta um outline mais irregular que palavras escritas em CAIXA ALTA proporcionando um reconhecimento mais fácil. tipografia TIPOGRAFIA
  • 6. Izabel Meister vamos pensar? Serifas – de maneira geral proporcionam leitura horizontal mais fluida, maior legibilidade para leituras de grande volume. As tipografias para sinalização com alta legibilidade, compreensão da forma e rapidez de leitura pelo equilíbrio entre as proporções dos traços e a abertura do olho tipográfico = funcionalidade. Isto implica em claridade e ausência de adornos, sempre? O trabalho está sempre relacionado ao contexto. Normal x negrito – massas grandes de texto em negrito podem atrapalhar o conforto da leitura. Branco x preto
  • 7. Izabel Meister expansão do expansão do branco branco por hábito lemos letras pretas sobre branco. letras brancas sobre fundo preto parecem maiores e mais espessas pelo efeito na estrutura ocular. Halos luminosos – áreas brancas de fronteira parecem ser + brancas e + luminosas dependem de peso e contraste das formas brancas e pretas envolvidas: quanto > peso da forma negra ou > a diferença entre traços finos e grossos no caractere mais forte o halo. Efeito de expansão + halo = irradiação.
  • 8. Izabel Meister os espaços brancos controlam as formas das figuras percebidas trabalhar o peso visual