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

Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das CoresAline Okumura
 
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
 
Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Denise Lima
 
Projeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPProjeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPCADunesp
 

Tendances (20)

Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Tipografia
TipografiaTipografia
Tipografia
 
1. Aula Teoria das Cores
1. Aula Teoria das Cores1. Aula Teoria das Cores
1. Aula Teoria das Cores
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao 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
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Linguagem Visual
Linguagem VisualLinguagem Visual
Linguagem Visual
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Texturas
TexturasTexturas
Texturas
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2Alfabetismo visual elementos_sintaticos2
Alfabetismo visual elementos_sintaticos2
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
A cor
A corA cor
A cor
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Aula gestalt 01
Aula gestalt 01Aula gestalt 01
Aula gestalt 01
 
Projeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESPProjeto Pedagógico, Design - FAAC UNESP
Projeto Pedagógico, Design - FAAC UNESP
 

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