Grids

Diego Brando
 Importncia do Grid
O GRID a forma de se conjugar figuras, campos de texto, ttulos e dados tabula-
dos a fim de se comunicar uma mensagem coerente.

Nononononononononononono Nononononononononononono

BAMAKO
Nononononononono Nonononono
BAMAKO
Nononononononono Nonononono
No Nononono No Nononono
Nononono Nonono Nononono Nonono
Nono Nono Nono Nono Nono Nono Nono Nono
Nononono Nononono Nononono Nononono
Nononono Nononono Nononono Nononono No nono no
No nono no No nono no No nono no No nono no No nono no No nono no No nono no Nononono
Nononono Nononono Nononono Nononono Nononono Nononono Nononono No No Nonono
No No Nonono No No Nonono No No Nonono No No Nonono No No Nonono No No Nonono No No Nonono Nonono
Nonono Nonono Nonono Nonono Nonono Nonono Nonono No no

grid modular

Grids Diego Brando

 Importncia do Grid

Podem ser soltos e orgnicos ou podem ser rigorosos e mecnicos.

Grids Diego Brando

 Importncia do Grid

A histria do grid faz parte de uma evoluo da forma como designers grficos
pensam o projeto. Como respodem aos problemas de comunicao e produo
que precisavam ser resolvidos.

Alguns nomes: Jan Tschichold (ALE), Herman Zapf (ALE), Lars Muller (SUI), Alfred Tolmer (FRA), Josef Mller-Brockmann (ALE),
Armin Hofmann (SUI), Herbert Spencer (ING), Daniele Baroni (ITA), Milton Glaser (EUA), Yasaku Kamekura (JAP), George Hardie
(ING), Bruno Monguzzi (SUI), Paul Rand (EUA), Seymour Chwast (EUA), David Carson (EUA), Alan Fletcher (ING), Peter Hall (EUA)
 Importncia do Grid

VANTAGENS:

- Permite que o designer diagrame enormes quantidades de informao (livros,

catlogos, etc) em tempo menor;

- Permite que muitos indivduos colaborem no mesmo projeto, sem comprometer

as caractersticas visuais do projeto original;

- Clareza, eficincia, economia e continuidade;

- Facilita a navegao do leitor na pgina.

Grids Diego Brando

 Anatomia do Grid
MARGENS:
So espaos negativos entre a
borda da pgina e o contedo
que cercam e definem a rea
COLUNAS: ativa onde os tivos e as imagens
so alinhamentos verticais sero organizados.
de tipos que criam divises
horizontais entre as mar- Podem ser usadas para:
gens. - focar a ateno;
- servir como um lugar de des-
canso para os olhos;
- rea para informaes auxilia-
GUIAS:
So alinhamentos que
dividem o espao em faixas MDULOS:
horizontais. unidades individuais de espao.

Ajudam a conduzir o olhar

atravs da pgina e podem ZONAS ESPACIAIS:
ser utilizadas para definr grupos de mdulos que
paradas e pontos de partida formam campos separados.
adicionais para textos ou
imagens. MARCADORES:
indicadores de posio para
textos auxiliares ou para ttulos
correntes, flios, seo, etc.
Grids Diego Brando
 Tipos de Grid
Retangular Colunas

Modular Hierrquico

Grids Diego Brando

 Tipos de Grid

GRID RETANGULAR

- o tipo mais simples de grid, sua estru-

tura bsica o texto retangular;

- Sua funo acomodar textos contnu-

os extensos, como um livro ou ensaio;

- Deve-se ter cuidado para que a textura

contnua dos tipos possa ser lida confor-
tavelmente pgina aps pgina;

- Criar interesse visual, conforto e estmu-

lo importante para envolver o leitor de
forma contnua. Ajustar as margens
uma forma de manter interesse visual.
- Margens laterais estreitas aumentam a
tenso porque o contedo fica mais
igualmente aceitvel criar uma
estrutura assimtrica, onde o
intervalo das margens so difer-
entes.
Introduz mais espao em branco
que o olho pode usar como rea
de descanso ou notas, vinhetas,
etc.

prximo da borda.

Grids Diego Brando

 Tipos de Grid
EXERCCIO

Grids Diego Brando

 Tipos de Grid

GRID DE COLUNAS

- Informaes descontnuas se bene-

ficiam por uma organizao em colu-
nas verticais.

- Este grid mais flexvel.

- Se a coluna for muito estreita,

provavelmente haver muita quebra
de palavras.

- Se a coluna for muito longa o leitor

ter dificuldade em localizar o
comeo das linhas.

- Pode-se utilizar grids de colunas

diferentes num projeto.

Grids Diego Brando

EXERCCIO
 Tipos de Grid

MODULAR

- Projetos muito complexos exigem

um grau maior de controle do que o
de um grid de coluna, neste caso a
melhor opo o grid modular.

- Quanto menor o mdulo, mais

flexvel e preciso. Porm o excesso de
subdivises pode gerar confuso e
redundncia.

- Geralmente so usados para

coordenar sistemas de publicaes.

Grids Diego Brando

 Tipos de Grid

GRID MODULAR

- Muito utilizado para informaes

tabulares:
-> grficos
-> formulrios
-> diagramas
-> sistemas de navegao

Grids Diego Brando

 Tipos de Grid

GRID MODULAR

Pode ser utilizado em projetos de

formatao simples, quando se quer
passar um senso de ordem, clareza e
seriedade, ou uma impresso urbana,
matemtica e tecnolgica.

Grids Diego Brando

EXERCCIO
 Tipos de Grid

GRID HIERRQUICO

- Utilizado quando as exigncias

visuais e informativas de um projeto
demandam um grid especial que no
se encaixa em nenhuma categoria.

- Se baseiam numa disposio

intuitiva dos alinhamentos.

Grids Diego Brando

 Tipos de Grid

GRID HIERRQUICO

- Os websites so um exemplo
de grid hierrquicos.

- Esse tipo de grid, seja em

livros, embalagens, cartazes
ou websites, uma
abordagem quase orgnica da
ordenao dos elementos e da
informao que ainda unifica
arquitetnicamente todas as
partes no espao tipogrfico.

Grids Diego Brando

EXERCCIO
- Quem cria um layout sem graa no o grid, o designer.

- Um grid um guia invisvel que existe no subterrneo do layout; o

contedo acontece por cima, s vezes contido, s vezes livre.

(SAMARA, 2007)