24
Tipografia & Grids para Sinalização Design da Informação 3º Ano - Design PV Ari Junior Gustavo R. Vieira Robert Alves Thiago Brummer

Tipografia e Grid para Sinalização

Embed Size (px)

DESCRIPTION

Apresentação sobre tipografia e grid aplicado a sinalização. Medidas e proporções ideiais e exemplos de usos.

Citation preview

Page 1: Tipografia e Grid para Sinalização

Tipografia & Grids para Sinalização

Design da Informação3º Ano - Design PV

Ari JuniorGustavo R. Vieira

Robert AlvesThiago Brummer

Page 2: Tipografia e Grid para Sinalização

Tipografia

Page 3: Tipografia e Grid para Sinalização

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

Page 4: Tipografia e Grid para Sinalização

Aplicações

Page 5: Tipografia e Grid para Sinalização
Page 6: Tipografia e Grid para Sinalização
Page 7: 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íliasTipográ�cas para uso em Sistemas de Sinalização - P&D Design

7/24

Page 8: Tipografia e Grid para Sinalização

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 �nas; 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

Page 9: Tipografia e Grid para Sinalização

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íliasTipográ�cas para uso em Sistemas de Sinalização - P&D Design

9/24

Page 10: Tipografia e Grid para Sinalização

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:200410/24

Page 11: Tipografia e Grid para Sinalização

Escolha de fontes

Levantamento e Caracterização de FamíliasTipográ�cas para uso em Sistemas de Sinalização - P&D Design

11/24

Page 12: Tipografia e Grid para Sinalização

Teste de Frutiger

Levantamento e Caracterização de FamíliasTipográ�cas para uso em Sistemas de Sinalização - P&D Design

12/24

Page 13: Tipografia e Grid para Sinalização

Textos de orientação

Distâncias máximas e mínimas para a leitura de textos de orientação:

ABNT NBR 9050:200413/24

Page 14: Tipografia e Grid para Sinalização

Contraste

ABNT NBR 9050:2004

Iluminação Média / Alta

A

AA

AA

AA

AA

AA

A

Iluminação Baixa

A AA

AA

A

A

Adaptação ao escuro

AAA

AA

A

14/24

Page 15: Tipografia e Grid para Sinalização

Grids

Page 16: Tipografia e Grid para Sinalização

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á�co 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

Page 17: Tipografia e Grid para Sinalização

Exemplos

Page 18: Tipografia e Grid para Sinalização

ENDEAVOUR HILLS SHOPPING CENTRE18/24

Page 19: Tipografia e Grid para Sinalização

FRIEZE ART FAIR19/24

Page 20: Tipografia e Grid para Sinalização

MONASH UNIVERSITY PHARMA20/24

Page 21: Tipografia e Grid para Sinalização

MANUAL DE IDENTIDADE VISUAL UNESP21/24

Page 22: Tipografia e Grid para Sinalização

FIRMENICH BRASIL22/24

Page 23: Tipografia e Grid para Sinalização

SAMARA, Timothy. GRID23/24

Page 24: Tipografia e Grid para Sinalização

Obrigado!