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

Mais conteúdo relacionado

Mais procurados

Aula4 materiais
Aula4 materiaisAula4 materiais
Aula4 materiais
Tiago Cruz
 
LIVRO_UNICO design metodologia.pdf
LIVRO_UNICO design metodologia.pdfLIVRO_UNICO design metodologia.pdf
LIVRO_UNICO design metodologia.pdf
ssuser390f24
 
Emprego de fôrmas de madeira em estrutura de
Emprego de fôrmas de madeira em estrutura deEmprego de fôrmas de madeira em estrutura de
Emprego de fôrmas de madeira em estrutura de
Aldo Werle
 

Mais procurados (20)

Guia de tipos - Tipografia
Guia de tipos - TipografiaGuia de tipos - Tipografia
Guia de tipos - Tipografia
 
Detalhamento - Madeiras de Lei
Detalhamento - Madeiras de LeiDetalhamento - Madeiras de Lei
Detalhamento - Madeiras de Lei
 
Aula4 materiais
Aula4 materiaisAula4 materiais
Aula4 materiais
 
LIVRO_UNICO design metodologia.pdf
LIVRO_UNICO design metodologia.pdfLIVRO_UNICO design metodologia.pdf
LIVRO_UNICO design metodologia.pdf
 
Lettering. Tipografia
Lettering. TipografiaLettering. Tipografia
Lettering. Tipografia
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Tipos de Papel - Produção Gráfica - 2022
Tipos de Papel - Produção Gráfica - 2022Tipos de Papel - Produção Gráfica - 2022
Tipos de Papel - Produção Gráfica - 2022
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Catalogo tecnico-telha-ondulada-brasilit
Catalogo tecnico-telha-ondulada-brasilitCatalogo tecnico-telha-ondulada-brasilit
Catalogo tecnico-telha-ondulada-brasilit
 
O significado das cores
O significado das coresO significado das cores
O significado das cores
 
Madeiras
MadeirasMadeiras
Madeiras
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Ebook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designersEbook guia-completo-de-arte-final-para-designers
Ebook guia-completo-de-arte-final-para-designers
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
Expressao grafica i ufpr
Expressao grafica i ufprExpressao grafica i ufpr
Expressao grafica i ufpr
 
Design de Sistemas de Identidade Visuais para Eventos
Design de Sistemas de Identidade Visuais para EventosDesign de Sistemas de Identidade Visuais para Eventos
Design de Sistemas de Identidade Visuais para Eventos
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
 
Planta baixa
Planta baixaPlanta baixa
Planta baixa
 
Emprego de fôrmas de madeira em estrutura de
Emprego de fôrmas de madeira em estrutura deEmprego de fôrmas de madeira em estrutura de
Emprego de fôrmas de madeira em estrutura de
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 

Destaque

Manual de Sinalização Maceió Cultura
Manual de Sinalização Maceió CulturaManual de Sinalização Maceió Cultura
Manual de Sinalização Maceió Cultura
Raphael Araujo
 
Materiais sinalização
Materiais sinalizaçãoMateriais sinalização
Materiais sinalização
Diego Avila
 
Manual de sinalização escolar
Manual de sinalização escolarManual de sinalização escolar
Manual de sinalização escolar
Bruna Alarcon
 
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
 
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
 
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
Jorge Silva
 
Apresentação manejo florestal
Apresentação  manejo florestalApresentação  manejo florestal
Apresentação manejo florestal
Iomar Barbosa
 

Destaque (20)

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
 
Memorial do projeto RIO2016
Memorial do projeto RIO2016Memorial do projeto RIO2016
Memorial do projeto RIO2016
 

Semelhante a 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
 

Mais de 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
  • 5.
  • 6.
  • 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