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

Manual de identidade visual - Perfumaria linus
Manual de identidade visual -  Perfumaria linusManual de identidade visual -  Perfumaria linus
Manual de identidade visual - Perfumaria linusSamuel Elias
 
Aula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoAula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoGabriel Ferraciolli
 
Aula 04 formatos e características do papel
Aula 04   formatos e características do papelAula 04   formatos e características do papel
Aula 04 formatos e características do papelElizeu Nascimento Silva
 
Semiótica de Saussure e Peirce
Semiótica de Saussure e PeirceSemiótica de Saussure e Peirce
Semiótica de Saussure e Peircekalledonian
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoprofclaubordin
 
Produção gráfica - Foco em fechamento de arquivo
Produção gráfica - Foco em  fechamento de arquivoProdução gráfica - Foco em  fechamento de arquivo
Produção gráfica - Foco em fechamento de arquivoEduardo Sully
 
Plano campanha política
Plano campanha políticaPlano campanha política
Plano campanha políticaRaphael Dylan
 
Manual Identidade Visual: La Vanille
Manual Identidade Visual: La VanilleManual Identidade Visual: La Vanille
Manual Identidade Visual: La VanillePRISMcreativ
 
Aula 08 design gráfico na publicidade logotipos
Aula 08   design gráfico na publicidade logotiposAula 08   design gráfico na publicidade logotipos
Aula 08 design gráfico na publicidade logotiposElizeu Nascimento Silva
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Wunderman
 
Apostila desenho tecnico da v2-2012
Apostila desenho tecnico da v2-2012Apostila desenho tecnico da v2-2012
Apostila desenho tecnico da v2-2012Regisnaldo Gurgel
 
Projeto Identidade Visual Escola Saga
Projeto Identidade Visual Escola SagaProjeto Identidade Visual Escola Saga
Projeto Identidade Visual Escola SagaAlexandre Figueirôa
 
Produção Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoProdução Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoRenato Melo
 

Mais procurados (20)

02 Tipografia_marcas
02 Tipografia_marcas02 Tipografia_marcas
02 Tipografia_marcas
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Manual de identidade visual - Perfumaria linus
Manual de identidade visual -  Perfumaria linusManual de identidade visual -  Perfumaria linus
Manual de identidade visual - Perfumaria linus
 
Aula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de ImpressãoAula - Produção Gráfica - Bureau de Impressão
Aula - Produção Gráfica - Bureau de Impressão
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Aula 04 formatos e características do papel
Aula 04   formatos e características do papelAula 04   formatos e características do papel
Aula 04 formatos e características do papel
 
Semiótica de Saussure e Peirce
Semiótica de Saussure e PeirceSemiótica de Saussure e Peirce
Semiótica de Saussure e Peirce
 
Projeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introduçãoProjeto Gráfico Editorial - aula introdução
Projeto Gráfico Editorial - aula introdução
 
Produção gráfica - Foco em fechamento de arquivo
Produção gráfica - Foco em  fechamento de arquivoProdução gráfica - Foco em  fechamento de arquivo
Produção gráfica - Foco em fechamento de arquivo
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Plano campanha política
Plano campanha políticaPlano campanha política
Plano campanha política
 
Manual Identidade Visual: La Vanille
Manual Identidade Visual: La VanilleManual Identidade Visual: La Vanille
Manual Identidade Visual: La Vanille
 
Aula 08 design gráfico na publicidade logotipos
Aula 08   design gráfico na publicidade logotiposAula 08   design gráfico na publicidade logotipos
Aula 08 design gráfico na publicidade logotipos
 
Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.Conceitos básicos sobre tipografia.
Conceitos básicos sobre tipografia.
 
Semiótica - Aula 1
Semiótica - Aula 1Semiótica - Aula 1
Semiótica - Aula 1
 
Apostila desenho tecnico da v2-2012
Apostila desenho tecnico da v2-2012Apostila desenho tecnico da v2-2012
Apostila desenho tecnico da v2-2012
 
Projeto Identidade Visual Escola Saga
Projeto Identidade Visual Escola SagaProjeto Identidade Visual Escola Saga
Projeto Identidade Visual Escola Saga
 
Tipos de impressão
Tipos de impressãoTipos de impressão
Tipos de impressão
 
Produção Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na ImpressãoProdução Gráfica: Cores e Definições na Impressão
Produção Gráfica: Cores e Definições na Impressão
 

Destaque

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
 
Materiais sinalização
Materiais sinalizaçãoMateriais sinalização
Materiais sinalizaçãoDiego Avila
 
Projeto de sinalizacao
Projeto de sinalizacaoProjeto de sinalizacao
Projeto de sinalizacao147741
 
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
 

Destaque (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
 
Materiais sinalização
Materiais sinalizaçãoMateriais sinalização
Materiais sinalização
 
Projeto de sinalizacao
Projeto de sinalizacaoProjeto de sinalizacao
Projeto de sinalizacao
 
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
 

Semelhante a Tipografia e Grid para Sinalização

DC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxDC - GUIÃO_MÓD5.docx
DC - GUIÃO_MÓD5.docxFrancisTirso
 
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 LabVictor Cavalcanti
 
Safari tipográfico - Romulo e Samuel
Safari tipográfico - Romulo e SamuelSafari tipográfico - Romulo e Samuel
Safari tipográfico - Romulo e SamuelRomulo Barbosa
 
Texto, Hipertexto e Hipermédia
Texto, Hipertexto e HipermédiaTexto, Hipertexto e Hipermédia
Texto, Hipertexto e Hipermédiagasparlanca
 
Programa curso broffice avançado
Programa curso broffice avançadoPrograma curso broffice avançado
Programa curso broffice avançado3jinformatica
 
Power point atividade 1
Power point atividade 1Power point atividade 1
Power point atividade 1marietemel
 

Semelhante a Tipografia e Grid para Sinalização (12)

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
 
atividade 1
 atividade 1 atividade 1
atividade 1
 
Power point atividade 1
Power point atividade 1Power point atividade 1
Power point atividade 1
 
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
 

Último

Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfAnnaCarolina242437
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...AnnaCarolina242437
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfCharlesFranklin13
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAnnaCarolina242437
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAnnaCarolina242437
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfAnnaCarolina242437
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024CarolTelles6
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Érica Pizzino
 

Último (8)

Simulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdfSimulado Enem Bernoulli-Primeiro dia.pdf
Simulado Enem Bernoulli-Primeiro dia.pdf
 
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
Exame De Suficiencia Para Obtencao Do Titulo De Especialista Em Medicina De F...
 
Design para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdfDesign para o futuro 2024 - Leiautar.pdf
Design para o futuro 2024 - Leiautar.pdf
 
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdfAntonio Pereira_Vale+comunidade_set a dez_2023.pdf
Antonio Pereira_Vale+comunidade_set a dez_2023.pdf
 
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdfAVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
AVALIA_CHUM_EFI_5 ANO_AV_2SEMESTRE_2023.pdf
 
Simulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdfSimulado Bernoulli Enem_2-Primeiro dia.pdf
Simulado Bernoulli Enem_2-Primeiro dia.pdf
 
MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024MARANATA - 19_04_2024.pptx | Maranata 2024
MARANATA - 19_04_2024.pptx | Maranata 2024
 
Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.Estudo de caso para o aplicativo SÓ FLÔ.
Estudo de caso para o aplicativo SÓ FLÔ.
 

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