Diagramação

Uma ferramenta
f a c i l i t a d o r a
de comunicação
By Vanessa Godoy

Workshop de Diagramação - Semana da Arquitetura e Urbanismo - SOCIESC 2010-2

 Diagramação
Diagramar significa construir,
estruturar e distribuir elementos
que irão compor uma mensagem visual
a qual será trabalhada à partir da disposição
dos elementos do discurso gráfico
necessários para compor a mensagem.

Distribuir textos, elementos gráficos

no espaço limitado da página impressa
ou outros meios, de maneira ordenada e coerente,
valorizando a mensagem a ser transmitida.
Livro The Goddess Guide, da irlandesa Gisèle Scanlon
Livro The Goddess Guide, da irlandesa Gisèle Scanlon
Livro The Goddess Guide, da irlandesa Gisèle Scanlon
Livro The Goddess Guide, da irlandesa Gisèle Scanlon
Livro The Goddess Guide, da irlandesa Gisèle Scanlon
Que ferramentas
utilizamos para nos
auxiliar

Hierarquia de informação
P r i n c í p i o s d o D e s i g n (Ges t alt)

Elementos de Composição

Workshop de Diagramação - Semana da Arquitetura e Urbanismo - SOCIESC 2010-2

 H ierarquia de Informação
Disposição da informação dentro de um espaço,
com base em sua importância em relação
aos outros elementos visuais.

Qual informação do projeto é mais importante?

Quais são as prioridades e os diferenciais do seu projeto que você quer evidenciar?
O que o cliente precisa ver em primeiro, segundo, terceiro lugar?
 P rincípios do Design
Gestalt: Forças de percepção
Formação de Unidades
(segregação unificação) Contraste - semelhante x diferente
Boa Continuidade Alinhamento - alinhado x desalinhado
Proximidade Proximidade - próximo x distante
Semelhança Repetição - constante x inconstante
Pregnância da forma
Foco e Ênfase
Estrutura e Equilíbrio
Relação entre Elementos
Unidade e integração
Simetria/Assimetria
Contraste
 P rincípios do Design
Foco e Ênfase:
auxilia na colocação de itens prioritários.
Determinar o foco envolve
identificar a idéia central,
ou o ponto focal.

Determine a ênfase escolhendo os elementos que

devem ser proeminentes, isolando-os de outros
ou fazendo com que eles se sobressaiam.
 P rincípios do Design
Estrutura e Equilíbrio:
Base da diagramação
que orientará a posição dos elementos.

Sem uma estrutura de base

eo desses elementos,
A falta há falta de ordem e de significado.
de est
rutura
e equi
líbrio t
orna o
projeto
mais d
ifícil de
ser en
tendid
o.
 P rincípios do Design

Relação entre Elementos

A colocação de um elemento visual
pode ajudar a comunicar uma relação/conexão
entre textos (informação) e imagens.
 P rincípios do Design
Unidade e integração:
Coerência visual/formal da diagramação
em todas as pranchas.
A semelhança entre formas, cores,
blocos de texto garantem unidade do discurso.

Faz-se necessário manter a mesma linguagem visual

em todas as pranchas, criando uma relação de ligação entre elas.
Para implementar este princípio, precisamos definir a estrutura de layout,
determinar quais são os elementos de repetição das pranchas
e onde estes elementos serão colocados na estrutura pré-definida.
 P rincípios do Design
Simetria/Assimetria
Simetria:
Serenidade, fisionomia ponderada, estática.
Valoriza o conceito de legibilidade.

A ss imetr i a:
A composição assimétrica, também conhecida como livre e informal,
a monotonia dos layouts simétricos.
Ela desequilibra o diagrama, agilizando e dinamizando a composição.
Caracteriza-se pelo contraste, estilo, força de ilustração e caracteres,
v a r i a ç ã o t o n a l entre outros recursos.
 P rincípios do Design
Contraste:
É a relação de desigualdade entre
duas ou mais formas que encontram
nesta tensão, a oportunidade de destaque.

Pode ser na cor, no tamanho, na tonalidade,

porém deve ser usado sem abusos,
caso contrário poderá provocar desordem e confusão.
 E emento de Composição
Texto: informações mais relevantes condensadas.

Grid (grade): sistema de divisão de um projeto gráfico

em colunas com espaços iguais entre si
Este sistema permite o uso ilimitado de possibilidades
de diagramação dentro de uma estrutura pré-definida

imagens: ilustração, infográficos*, ou fotografias acompanhadas

de legenda descritiva (crédito para o ilustrador ou fotógrafo).
*Infográfico - que inclui mapas, gráficos estatísticos,
seqüenciais e esquemas...
 E emento de Composição
Títulos: são subdivididos em:

subtítulo (sutiã) - colocado abaixo do título principal, complementa

a informação do título e instigam à leitura do texto.

antetítulo (chapéu) -colocado acima do título principal, complementando

a informação do título e instigam à leitura do texto.

intertítulo ou quebras - colocado no meio do texto, para dividi-lo

em seções e facilitar a leitura.

olho - colocado no meio da massa de texto, entre colunas, para ressaltar

trechos e substituir quebras; são muito utilizados em entrevistas.