AULA 8 Design Editorial

Prévia do material em texto

GRIDS 
- Identificar os parâmetros visuais estéticos e técnicos como organização, hierarquia, equilíbrio e legibilidade. 
- Desenvolver os padrões visuais, técnicos e estéticos de uma publicação. 
Grid /Margem /Colunas 
 
 
São conjuntos invisíveis de diretrizes, ou sistemas de ordem, que ajudam o designer a determinar a 
colocação e o uso do texto, imagens e outros elementos de design como o espaço em branco, margens 
e colunas, ajudando a manter a continuidade enquanto ainda permite a validade em um layout. 
Existem alguns modelos básicos de grids: 
- retangular 
- colunas 
- modular 
Para projetos gráficos impressos esses são os mais comuns. O livro Layout divide os modelos de grids 
em simétricos e assimétricos. 
 
É o grid mais simples. Deriva dos manuscritos tradicionais que se baseavam no ideal clássico da 
simetria. É o grid mais usado para livros. Acomoda um longo texto corrido como romance, tese ou 
textos técnicos. 
 
Cânone Van de Graaff : https://waltermattos.com/tutoriais/tutorial-os-s egredos-da-harmonia-design-de-
paginas/ 
 
 
 
 
 
 
 
 
 
 
 
 
 
É o grid mais usado em revistas e jornais. Permite a distribuição do texto de forma homogênea em 
colunas. 
Coluna é uma área, ou campo, em que o texto flui para que ele seja apresentado de modo organizado. 
A largura da coluna pode ter um efeito significativo na apresentação do texto. 
 
 
 
 
 
 
 
 
 
 - Quanto menor a largura da coluna, menor deve ser o corpo da letra; quanto maior a largura, maior o 
corpo da letra. 
- O comprimento de uma linha legível deve ser sempre de 45a 65 caracteres. 
- Em revista a diagramação em 3 colunas é bastante popular. 
- Facilidade de leitura 
https://waltermattos.com/tutoriais/tutorial-os-s%20egredos-da-harmonia-design-de-paginas/
https://waltermattos.com/tutoriais/tutorial-os-s%20egredos-da-harmonia-design-de-paginas/
- para revistas com formato fechado de aproximadamente 20,5 x 27,5 cm a largura de uma coluna 
mede (em média) 5,5 cm. 
- Essa largura comporta 40 toques impressos por linha, quando o texto é composto no corpo 10. 
 
 
Possui divisões horizontais de cima para baixo e da esquerda para direita. Esses módulos governam o 
posicionamento e o enquadramento de textos e imagens. 
 
 
 
 
 
São campos formado por uma série de quadrados espaçados de modo uniforme. Isso possibilita grande 
flexibilidade quanto ao posicionamento de diferentes elementos, posicionamento vertical do texto e o 
uso de diferentes tamanhos de imagem, desde um módulo até uma página totalmente sangrada. 
 
 
 
 
 
 
Lembrando da aula 4: a grid no computador é feita com as linhas guias 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Anotações 
• Quando leva a imagem até a imagem de sangria é uma Margem ou imagem sangrada 
• grid pra sites é utilizado o modular