SlideShare una empresa de Scribd logo
1 de 18
Descargar para leer sin conexión
Izabel Meister
       TIPOGRAFIA aplicada a sinalização


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
Izabel Meister
  EXERCÍCIO




1. criar a palavra escola
2. utilizar um grid

3. criar em vários tamanhos = 2,5mm < letra > 9mm
4. dimensionar a leitura x distância x condições ambientais:
   trazer os tamanhos impresso e trena, metro....

Más contenido relacionado

Más de Izabel 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
 
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
 
designsociedadecultura_Aula03 artnoveau
designsociedadecultura_Aula03 artnoveaudesignsociedadecultura_Aula03 artnoveau
designsociedadecultura_Aula03 artnoveauIzabel Meister
 
desginsociedadeculturaAula05
desginsociedadeculturaAula05desginsociedadeculturaAula05
desginsociedadeculturaAula05Izabel Meister
 

Más de Izabel Meister (20)

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
 
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
 
designsociedadecultura_Aula03 artnoveau
designsociedadecultura_Aula03 artnoveaudesignsociedadecultura_Aula03 artnoveau
designsociedadecultura_Aula03 artnoveau
 
desginsociedadeculturaAula05
desginsociedadeculturaAula05desginsociedadeculturaAula05
desginsociedadeculturaAula05
 

Aula04 tipografia legibilidade_dgrafico

  • 1. Izabel Meister TIPOGRAFIA aplicada a sinalização 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
  • 18. Izabel Meister EXERCÍCIO 1. criar a palavra escola 2. utilizar um grid 3. criar em vários tamanhos = 2,5mm < letra > 9mm 4. dimensionar a leitura x distância x condições ambientais: trazer os tamanhos impresso e trena, metro....