SlideShare uma empresa Scribd logo
1 de 17
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados

Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
Wunderman
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
clafajardo
 

Mais procurados (20)

Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Tipografia
TipografiaTipografia
Tipografia
 
Teoria Super Básica de Tipografia
Teoria Super Básica de TipografiaTeoria Super Básica de Tipografia
Teoria Super Básica de Tipografia
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
 
Projeto grafico II | Aula 01
Projeto grafico II | Aula 01Projeto grafico II | Aula 01
Projeto grafico II | Aula 01
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Planejamento visual gráfico
Planejamento visual gráficoPlanejamento visual gráfico
Planejamento visual gráfico
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Linguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das CoresLinguagem Visual I | Teoria das Cores
Linguagem Visual I | Teoria das Cores
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
2. Aula Tipografia
2. Aula Tipografia2. Aula Tipografia
2. Aula Tipografia
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)Semiótica Aplicada ao Design (Aula 01)
Semiótica Aplicada ao Design (Aula 01)
 
Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e Design
 
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
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 

Mais de Izabel Meister

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

Mais 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