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

Mais conteúdo relacionado

Destaque

El dia del agua
El dia del aguaEl dia del agua
El dia del agua0983115009
 
Piscinas Cobertas e Idéias para Piscina de Vinil
Piscinas Cobertas e Idéias para Piscina de VinilPiscinas Cobertas e Idéias para Piscina de Vinil
Piscinas Cobertas e Idéias para Piscina de VinilPool Shop Piscinas Ltda
 
Ambientes virtuaisaprendizagem
Ambientes virtuaisaprendizagemAmbientes virtuaisaprendizagem
Ambientes virtuaisaprendizagemmouracande
 
Sociálne siete ako nástroj na popularizáciu vedy a techniky
Sociálne siete ako nástroj na popularizáciu vedy a technikySociálne siete ako nástroj na popularizáciu vedy a techniky
Sociálne siete ako nástroj na popularizáciu vedy a technikyPatrik Barták
 
Dia de las madres
Dia de las madresDia de las madres
Dia de las madresyagualmayra
 
Tarea de lenguaje
Tarea de lenguajeTarea de lenguaje
Tarea de lenguajeEsau Ryes
 
El buho que no podía ulular
El buho que no podía ulularEl buho que no podía ulular
El buho que no podía ulularhernan marrufo
 
Diapositivas de modulo
Diapositivas de moduloDiapositivas de modulo
Diapositivas de moduloJUAN CHARCO
 
Reciclaje en Venezuela
Reciclaje en VenezuelaReciclaje en Venezuela
Reciclaje en Venezuelamgsoula
 
Receta para elaborar_un_dulce_de_leche
Receta para elaborar_un_dulce_de_lecheReceta para elaborar_un_dulce_de_leche
Receta para elaborar_un_dulce_de_lechePedroR0309
 
01 apresentacao litosfera e geologia2011
01 apresentacao litosfera e geologia201101 apresentacao litosfera e geologia2011
01 apresentacao litosfera e geologia2011edsonluz
 
Partes de comp externo e interno 4,5,6
Partes de comp externo e interno 4,5,6Partes de comp externo e interno 4,5,6
Partes de comp externo e interno 4,5,6Alejandro Sosa
 

Destaque (20)

Criatividade
Criatividade Criatividade
Criatividade
 
Discos
DiscosDiscos
Discos
 
El dia del agua
El dia del aguaEl dia del agua
El dia del agua
 
Piscinas Cobertas e Idéias para Piscina de Vinil
Piscinas Cobertas e Idéias para Piscina de VinilPiscinas Cobertas e Idéias para Piscina de Vinil
Piscinas Cobertas e Idéias para Piscina de Vinil
 
Ambientes virtuaisaprendizagem
Ambientes virtuaisaprendizagemAmbientes virtuaisaprendizagem
Ambientes virtuaisaprendizagem
 
Sessão 6
Sessão 6Sessão 6
Sessão 6
 
Sociálne siete ako nástroj na popularizáciu vedy a techniky
Sociálne siete ako nástroj na popularizáciu vedy a technikySociálne siete ako nástroj na popularizáciu vedy a techniky
Sociálne siete ako nástroj na popularizáciu vedy a techniky
 
Dia de las madres
Dia de las madresDia de las madres
Dia de las madres
 
Tarea de lenguaje
Tarea de lenguajeTarea de lenguaje
Tarea de lenguaje
 
El buho que no podía ulular
El buho que no podía ulularEl buho que no podía ulular
El buho que no podía ulular
 
Diapositivas de modulo
Diapositivas de moduloDiapositivas de modulo
Diapositivas de modulo
 
B a d o o
B a d o oB a d o o
B a d o o
 
Reciclaje en Venezuela
Reciclaje en VenezuelaReciclaje en Venezuela
Reciclaje en Venezuela
 
Presentación1
Presentación1Presentación1
Presentación1
 
Julis comp
Julis compJulis comp
Julis comp
 
Receta para elaborar_un_dulce_de_leche
Receta para elaborar_un_dulce_de_lecheReceta para elaborar_un_dulce_de_leche
Receta para elaborar_un_dulce_de_leche
 
01 apresentacao litosfera e geologia2011
01 apresentacao litosfera e geologia201101 apresentacao litosfera e geologia2011
01 apresentacao litosfera e geologia2011
 
Catálogo eje 3 - ok
Catálogo   eje 3 - okCatálogo   eje 3 - ok
Catálogo eje 3 - ok
 
Estopa
EstopaEstopa
Estopa
 
Partes de comp externo e interno 4,5,6
Partes de comp externo e interno 4,5,6Partes de comp externo e interno 4,5,6
Partes de comp externo e interno 4,5,6
 

Mais 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
 
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
 
Design sociedade cultura02
Design sociedade cultura02Design sociedade cultura02
Design sociedade cultura02Izabel 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
 
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
 
Design sociedade cultura02
Design sociedade cultura02Design sociedade cultura02
Design sociedade cultura02
 

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....