SlideShare ist ein Scribd-Unternehmen logo
1 von 24
Downloaden Sie, um offline zu lesen
Tipografia & Grids para Sinalização
Design da Informação
3º Ano - Design PV
Ari Junior
Gustavo R. Vieira
Robert Alves
Thiago Brummer
Tipografia
Introdução
Existe uma crescente valorização de imagens e suas aplicações, mas a
palavra escrita continua muito importante para informar e comunicar. A
tipografia desempenha um papel muito importante na sinalização.
As regras para utilização de tipografia para sinalização podem sofrer
algumas alterações em relação às utilizadas para a área editorial, ela
precisa ser de rápida compreenssão e legibilidade
3/24
Aplicações
Tipografia e Grid para Sinalização
Tipografia e Grid para Sinalização
Principais características
A escolha do tipo ou da família tipográfica a ser usada, - deve levar em
conta aspectos conceituais como a adequação ao ambiente e a mensagem
a ser transmitida assim como os aspectos técnicos como a legibilidade.
Legibilidade diz respeito ao reconhecimento que nos permite reconhecer
caracteres individuais e distingui-los uns dos outros: aspectos como o
tamanho e o contraste figura-fundo em relação ao seu suporte são
essências.
Leiturabilidade é a facilidade de leitura, diz respeito a composição e a
diagramação do texto no suporte. A capacidade de leitura concentra-se na
rapidez e facilidade com que o leitor assimila e apreende a informação.
Lemos palavras não como sequências de letras, mas como grupos de
letras.
Levantamento e Caracterização de Famílias
Tipográficas para uso em Sistemas de Sinalização - P&D Design
7/24
Calori (2007): ter clareza, ou seja, possuir letras de fácil reconhecimento; ter uma
grande altura-x; ter peso médio, com larguras que não são nem muito grossas nem
muito finas; e ter largura de caractere médio ou normal, com formas que são nem
muito condensados nem muito expandidas.
“
”CALORI, Chris. 2007
8/24
Principais características
Altura da maiúscula ou versal, proporcional à largura da letra (1, 2);
Desenho com pouco contraste de hastes (3);
Descendente, que deve ser o menor possível (4);
Ascendente, que deve ser, mais alto que a maiúscula (5);
Forma interna (olho ou oco), que deve ser o mais aberta possível (6);
Altura-x, que deve ser grande (7);
Sem serifa.
Levantamento e Caracterização de Famílias
Tipográficas para uso em Sistemas de Sinalização - P&D Design
9/24
Principais características
A dimensão das letras e
números deve ser
proporcional à distância de
leitura, obedecendo á
relação 1/200. Recomenta-se
que textos e números
obedeçam às seguintes
proporções
a) largura da letra = 2/3 da altura;
b) espessura do traço = 1/6 da altura;
c) distância entre letras = 1/5 da altura;
d) distância entre palavras = 2/3 da altura;
e) intervalo entre linhas = 1/5 da altura;
f) altura da letra minúscula = 2/3 da altura da
letra minúscula.
ABNT NBR 9050:2004
10/24
Escolha de fontes
Levantamento e Caracterização de Famílias
Tipográficas para uso em Sistemas de Sinalização - P&D Design
11/24
Teste de Frutiger
Levantamento e Caracterização de Famílias
Tipográficas para uso em Sistemas de Sinalização - P&D Design
12/24
Textos de orientação
Distâncias máximas e mínimas para a leitura de textos de orientação:
ABNT NBR 9050:2004
13/24
Contraste
ABNT NBR 9050:2004
Iluminação Média / Alta
A
A
A
A
A
A
A
A
A
A
A
A
Iluminação Baixa
A A
A
A
A
A
A
Adaptação ao escuro
AA
A
A
A
A
14/24
Grids
Design, para alguns é: pensar livremente a partir da intuição artística, criar coisas
novas, esboçar projetos iniciais, mas, na hora de executá-los, percebe-se que é preciso
que sua idéia passe integralmente para milhares de pessoas, por isso é preciso ter
uma linguagem técnica, inteligível por todos, sem contudo descaracterizar sua
criação e esta técnica tem uma gramática: é o chamado grid, isto é, projetar qualquer
trabalho gráfico dentro de uma estrutura. A técnica do grid não é fechada e rígida
como possa parecer, ela enriquece as possibilidades de um projeto.
“
”WOLLNER, Alexandre. 1999
16/24
Exemplos
ENDEAVOUR HILLS SHOPPING CENTRE18/24
FRIEZE ART FAIR19/24
MONASH UNIVERSITY PHARMA20/24
MANUAL DE IDENTIDADE VISUAL UNESP21/24
FIRMENICH BRASIL22/24
SAMARA, Timothy. GRID23/24
Obrigado!

Weitere ähnliche Inhalte

Was ist angesagt? (20)

Tipografia
Tipografia Tipografia
Tipografia
 
Lista de material ev
Lista de material evLista de material ev
Lista de material ev
 
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICAPLANO DE ENSINO - EDITORAÇÃO ELETRONICA
PLANO DE ENSINO - EDITORAÇÃO ELETRONICA
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Guião
GuiãoGuião
Guião
 
O uso das cores na publicidade
O uso das cores na publicidadeO uso das cores na publicidade
O uso das cores na publicidade
 
Impressoras 3D
Impressoras 3DImpressoras 3D
Impressoras 3D
 
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.
 
Revistas
RevistasRevistas
Revistas
 
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
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
07 pre impressao
07 pre impressao07 pre impressao
07 pre impressao
 
Imagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriaisImagens matriciais vs Imagens vectoriais
Imagens matriciais vs Imagens vectoriais
 
Projeto de sinalizacao
Projeto de sinalizacaoProjeto de sinalizacao
Projeto de sinalizacao
 
Netiqueta
NetiquetaNetiqueta
Netiqueta
 
Aula02 planejamento grafico
Aula02 planejamento graficoAula02 planejamento grafico
Aula02 planejamento grafico
 
O Cartaz
O CartazO Cartaz
O Cartaz
 
Aula 2 formato de imagens
Aula 2 formato de imagensAula 2 formato de imagens
Aula 2 formato de imagens
 
Plau – Desenhando letras para logos, lettering e fontes.
Plau – Desenhando letras para logos, lettering e fontes.Plau – Desenhando letras para logos, lettering e fontes.
Plau – Desenhando letras para logos, lettering e fontes.
 

Andere mochten auch

Manual de Sinalização
Manual de SinalizaçãoManual de Sinalização
Manual de SinalizaçãoMaycol Douglas
 
Manual de Sinalização Maceió Cultura
Manual de Sinalização Maceió CulturaManual de Sinalização Maceió Cultura
Manual de Sinalização Maceió CulturaRaphael Araujo
 
Proposta de Sinalização para o Centro Universitário CESMAC - Campus I
Proposta de Sinalização para o Centro Universitário CESMAC - Campus IProposta de Sinalização para o Centro Universitário CESMAC - Campus I
Proposta de Sinalização para o Centro Universitário CESMAC - Campus IEmanuel Lucas
 
Materiais sinalização
Materiais sinalizaçãoMateriais sinalização
Materiais sinalizaçãoDiego Avila
 
Projetos de Sinalização | Estúdio 196 Branding & Design
Projetos de Sinalização | Estúdio 196 Branding & DesignProjetos de Sinalização | Estúdio 196 Branding & Design
Projetos de Sinalização | Estúdio 196 Branding & DesignEstúdio 196 Branding e Design
 
Manual de sinalização escolar
Manual de sinalização escolarManual de sinalização escolar
Manual de sinalização escolarBruna Alarcon
 
Manual de Sinalização do Aeroporto Afonso Pena
Manual de Sinalização do Aeroporto Afonso Pena  Manual de Sinalização do Aeroporto Afonso Pena
Manual de Sinalização do Aeroporto Afonso Pena Gustavo Amorim
 
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)Marcela Miranda
 
Nbr 13434-2004-simbolos-de-sinalizacao-de-seguranca-contra-incendio-e-panico
Nbr 13434-2004-simbolos-de-sinalizacao-de-seguranca-contra-incendio-e-panicoNbr 13434-2004-simbolos-de-sinalizacao-de-seguranca-contra-incendio-e-panico
Nbr 13434-2004-simbolos-de-sinalizacao-de-seguranca-contra-incendio-e-panicomjmcreatore
 
Manual de Identidade do Projeto (resumido): Design Informacional do Transport...
Manual de Identidade do Projeto (resumido): Design Informacional do Transport...Manual de Identidade do Projeto (resumido): Design Informacional do Transport...
Manual de Identidade do Projeto (resumido): Design Informacional do Transport...Maia Amanda
 
Manejo e Interpretação Ambiental da Trilha das Samambaias no Refúgio de Vida...
 Manejo e Interpretação Ambiental da Trilha das Samambaias no Refúgio de Vida... Manejo e Interpretação Ambiental da Trilha das Samambaias no Refúgio de Vida...
Manejo e Interpretação Ambiental da Trilha das Samambaias no Refúgio de Vida...Laisse Palheta
 
Sinalização de Trilhas - Guia Prático - Pedro da Cunha e Menezes
Sinalização de Trilhas - Guia Prático - Pedro da Cunha e MenezesSinalização de Trilhas - Guia Prático - Pedro da Cunha e Menezes
Sinalização de Trilhas - Guia Prático - Pedro da Cunha e MenezesJorge Silva
 
Trabalho de matematica
Trabalho de matematicaTrabalho de matematica
Trabalho de matematicaRachellima34
 
Manual simplificado para análise de plano de manejo
Manual simplificado para análise de plano de manejoManual simplificado para análise de plano de manejo
Manual simplificado para análise de plano de manejoCamila Brito
 
Plano de Manejo Parque Estadual da Serra do Mar
Plano de Manejo Parque Estadual da Serra do MarPlano de Manejo Parque Estadual da Serra do Mar
Plano de Manejo Parque Estadual da Serra do MarRicardo Anderáos
 
Uso público nas UC do Rio de Janeiro – Manuela Tambellini
 Uso público nas UC do Rio de Janeiro – Manuela Tambellini Uso público nas UC do Rio de Janeiro – Manuela Tambellini
Uso público nas UC do Rio de Janeiro – Manuela TambelliniFundação Neotrópica do Brasil
 
Trabalho sobre Manejo Ambiental
Trabalho sobre Manejo Ambiental Trabalho sobre Manejo Ambiental
Trabalho sobre Manejo Ambiental Maísa Fernandes
 
Apresentação manejo florestal
Apresentação  manejo florestalApresentação  manejo florestal
Apresentação manejo florestalIomar Barbosa
 

Andere mochten auch (20)

Manual de Sinalização
Manual de SinalizaçãoManual de Sinalização
Manual de Sinalização
 
Manual de Sinalização Maceió Cultura
Manual de Sinalização Maceió CulturaManual de Sinalização Maceió Cultura
Manual de Sinalização Maceió Cultura
 
Proposta de Sinalização para o Centro Universitário CESMAC - Campus I
Proposta de Sinalização para o Centro Universitário CESMAC - Campus IProposta de Sinalização para o Centro Universitário CESMAC - Campus I
Proposta de Sinalização para o Centro Universitário CESMAC - Campus I
 
Materiais sinalização
Materiais sinalizaçãoMateriais sinalização
Materiais sinalização
 
Projetos de Sinalização | Estúdio 196 Branding & Design
Projetos de Sinalização | Estúdio 196 Branding & DesignProjetos de Sinalização | Estúdio 196 Branding & Design
Projetos de Sinalização | Estúdio 196 Branding & Design
 
Manual de sinalização escolar
Manual de sinalização escolarManual de sinalização escolar
Manual de sinalização escolar
 
Manual de Sinalização do Aeroporto Afonso Pena
Manual de Sinalização do Aeroporto Afonso Pena  Manual de Sinalização do Aeroporto Afonso Pena
Manual de Sinalização do Aeroporto Afonso Pena
 
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
Projeto olímpiadas rio2016 (manual descritivo de identidade visual)
 
Nbr 13434-2004-simbolos-de-sinalizacao-de-seguranca-contra-incendio-e-panico
Nbr 13434-2004-simbolos-de-sinalizacao-de-seguranca-contra-incendio-e-panicoNbr 13434-2004-simbolos-de-sinalizacao-de-seguranca-contra-incendio-e-panico
Nbr 13434-2004-simbolos-de-sinalizacao-de-seguranca-contra-incendio-e-panico
 
Formato manual
Formato manualFormato manual
Formato manual
 
Manual de Identidade do Projeto (resumido): Design Informacional do Transport...
Manual de Identidade do Projeto (resumido): Design Informacional do Transport...Manual de Identidade do Projeto (resumido): Design Informacional do Transport...
Manual de Identidade do Projeto (resumido): Design Informacional do Transport...
 
Manual Tecnico Formato F_20_1A_AGR
Manual Tecnico Formato F_20_1A_AGRManual Tecnico Formato F_20_1A_AGR
Manual Tecnico Formato F_20_1A_AGR
 
Manejo e Interpretação Ambiental da Trilha das Samambaias no Refúgio de Vida...
 Manejo e Interpretação Ambiental da Trilha das Samambaias no Refúgio de Vida... Manejo e Interpretação Ambiental da Trilha das Samambaias no Refúgio de Vida...
Manejo e Interpretação Ambiental da Trilha das Samambaias no Refúgio de Vida...
 
Sinalização de Trilhas - Guia Prático - Pedro da Cunha e Menezes
Sinalização de Trilhas - Guia Prático - Pedro da Cunha e MenezesSinalização de Trilhas - Guia Prático - Pedro da Cunha e Menezes
Sinalização de Trilhas - Guia Prático - Pedro da Cunha e Menezes
 
Trabalho de matematica
Trabalho de matematicaTrabalho de matematica
Trabalho de matematica
 
Manual simplificado para análise de plano de manejo
Manual simplificado para análise de plano de manejoManual simplificado para análise de plano de manejo
Manual simplificado para análise de plano de manejo
 
Plano de Manejo Parque Estadual da Serra do Mar
Plano de Manejo Parque Estadual da Serra do MarPlano de Manejo Parque Estadual da Serra do Mar
Plano de Manejo Parque Estadual da Serra do Mar
 
Uso público nas UC do Rio de Janeiro – Manuela Tambellini
 Uso público nas UC do Rio de Janeiro – Manuela Tambellini Uso público nas UC do Rio de Janeiro – Manuela Tambellini
Uso público nas UC do Rio de Janeiro – Manuela Tambellini
 
Trabalho sobre Manejo Ambiental
Trabalho sobre Manejo Ambiental Trabalho sobre Manejo Ambiental
Trabalho sobre Manejo Ambiental
 
Apresentação manejo florestal
Apresentação  manejo florestalApresentação  manejo florestal
Apresentação manejo florestal
 

Ähnlich wie Tipografia e Grid para Sinalização

Ähnlich wie Tipografia e Grid para Sinalização (13)

16259
1625916259
16259
 
DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docx
 
Manual de Identidade Visual do GDR Lab
Manual de Identidade Visual do GDR LabManual de Identidade Visual do GDR Lab
Manual de Identidade Visual do GDR Lab
 
Como se constroi_um_logotipo
Como se constroi_um_logotipoComo se constroi_um_logotipo
Como se constroi_um_logotipo
 
ELABORAÇÃO E EDIÇÃO DE TEXTOS
ELABORAÇÃO E EDIÇÃO DE TEXTOSELABORAÇÃO E EDIÇÃO DE TEXTOS
ELABORAÇÃO E EDIÇÃO DE TEXTOS
 
Safari tipográfico - Romulo e Samuel
Safari tipográfico - Romulo e SamuelSafari tipográfico - Romulo e Samuel
Safari tipográfico - Romulo e Samuel
 
Texto, Hipertexto e Hipermédia
Texto, Hipertexto e HipermédiaTexto, Hipertexto e Hipermédia
Texto, Hipertexto e Hipermédia
 
Programa curso broffice avançado
Programa curso broffice avançadoPrograma curso broffice avançado
Programa curso broffice avançado
 
Resumo nb rs
Resumo nb rsResumo nb rs
Resumo nb rs
 
Power point atividade 1
Power point atividade 1Power point atividade 1
Power point atividade 1
 
atividade 1
 atividade 1 atividade 1
atividade 1
 
Tipografia
TipografiaTipografia
Tipografia
 
Resumo nb rs
Resumo nb rsResumo nb rs
Resumo nb rs
 

Mehr von Robert Alves de Jesus (12)

Análise interatividade - andrevv.com / monogra.me / pudim.com.br
Análise interatividade - andrevv.com / monogra.me / pudim.com.brAnálise interatividade - andrevv.com / monogra.me / pudim.com.br
Análise interatividade - andrevv.com / monogra.me / pudim.com.br
 
Análise interface - Pinterest / Lookbook.nu / Enjoei.com
Análise interface - Pinterest / Lookbook.nu / Enjoei.comAnálise interface - Pinterest / Lookbook.nu / Enjoei.com
Análise interface - Pinterest / Lookbook.nu / Enjoei.com
 
6
66
6
 
6
66
6
 
8
88
8
 
5
55
5
 
4
44
4
 
3
33
3
 
2
22
2
 
1
11
1
 
7
77
7
 
Industria X Estética
Industria X EstéticaIndustria X Estética
Industria X Estética
 

Tipografia e Grid para Sinalização

  • 1. Tipografia & Grids para Sinalização Design da Informação 3º Ano - Design PV Ari Junior Gustavo R. Vieira Robert Alves Thiago Brummer
  • 3. Introdução Existe uma crescente valorização de imagens e suas aplicações, mas a palavra escrita continua muito importante para informar e comunicar. A tipografia desempenha um papel muito importante na sinalização. As regras para utilização de tipografia para sinalização podem sofrer algumas alterações em relação às utilizadas para a área editorial, ela precisa ser de rápida compreenssão e legibilidade 3/24
  • 7. Principais características A escolha do tipo ou da família tipográfica a ser usada, - deve levar em conta aspectos conceituais como a adequação ao ambiente e a mensagem a ser transmitida assim como os aspectos técnicos como a legibilidade. Legibilidade diz respeito ao reconhecimento que nos permite reconhecer caracteres individuais e distingui-los uns dos outros: aspectos como o tamanho e o contraste figura-fundo em relação ao seu suporte são essências. Leiturabilidade é a facilidade de leitura, diz respeito a composição e a diagramação do texto no suporte. A capacidade de leitura concentra-se na rapidez e facilidade com que o leitor assimila e apreende a informação. Lemos palavras não como sequências de letras, mas como grupos de letras. Levantamento e Caracterização de Famílias Tipográficas para uso em Sistemas de Sinalização - P&D Design 7/24
  • 8. Calori (2007): ter clareza, ou seja, possuir letras de fácil reconhecimento; ter uma grande altura-x; ter peso médio, com larguras que não são nem muito grossas nem muito finas; e ter largura de caractere médio ou normal, com formas que são nem muito condensados nem muito expandidas. “ ”CALORI, Chris. 2007 8/24
  • 9. Principais características Altura da maiúscula ou versal, proporcional à largura da letra (1, 2); Desenho com pouco contraste de hastes (3); Descendente, que deve ser o menor possível (4); Ascendente, que deve ser, mais alto que a maiúscula (5); Forma interna (olho ou oco), que deve ser o mais aberta possível (6); Altura-x, que deve ser grande (7); Sem serifa. Levantamento e Caracterização de Famílias Tipográficas para uso em Sistemas de Sinalização - P&D Design 9/24
  • 10. Principais características A dimensão das letras e números deve ser proporcional à distância de leitura, obedecendo á relação 1/200. Recomenta-se que textos e números obedeçam às seguintes proporções a) largura da letra = 2/3 da altura; b) espessura do traço = 1/6 da altura; c) distância entre letras = 1/5 da altura; d) distância entre palavras = 2/3 da altura; e) intervalo entre linhas = 1/5 da altura; f) altura da letra minúscula = 2/3 da altura da letra minúscula. ABNT NBR 9050:2004 10/24
  • 11. Escolha de fontes Levantamento e Caracterização de Famílias Tipográficas para uso em Sistemas de Sinalização - P&D Design 11/24
  • 12. Teste de Frutiger Levantamento e Caracterização de Famílias Tipográficas para uso em Sistemas de Sinalização - P&D Design 12/24
  • 13. Textos de orientação Distâncias máximas e mínimas para a leitura de textos de orientação: ABNT NBR 9050:2004 13/24
  • 14. Contraste ABNT NBR 9050:2004 Iluminação Média / Alta A A A A A A A A A A A A Iluminação Baixa A A A A A A A Adaptação ao escuro AA A A A A 14/24
  • 15. Grids
  • 16. Design, para alguns é: pensar livremente a partir da intuição artística, criar coisas novas, esboçar projetos iniciais, mas, na hora de executá-los, percebe-se que é preciso que sua idéia passe integralmente para milhares de pessoas, por isso é preciso ter uma linguagem técnica, inteligível por todos, sem contudo descaracterizar sua criação e esta técnica tem uma gramática: é o chamado grid, isto é, projetar qualquer trabalho gráfico dentro de uma estrutura. A técnica do grid não é fechada e rígida como possa parecer, ela enriquece as possibilidades de um projeto. “ ”WOLLNER, Alexandre. 1999 16/24
  • 21. MANUAL DE IDENTIDADE VISUAL UNESP21/24