Comunicação Gráfica
e Design
Profa. Dra. Cíntia Dal Bello
cbello@uninove.br
www.cintiadalbello.blogspot.com
Layout, espaço gráfico e diagramação
DIAGRAMAÇÃO E GRID
Diagramação é o ato de estruturar os elementos que irão compor o layout, de uma forma
clara, de fácil e...
ELEMENTOS DO GRID
Margens: são os espaços que sobram entre o limite do formato (tamanho da folha) e as
áreas que serão usa...
Guia Horizontal: são faixas horizontais, que ajudam no alinhamento e estrutura o texto, a
orientar os olhos na hora de esc...
Colunas: são os alinhamentos verticais, que se cruzam com as guias horizontais, que criam
divisões horizontais entre as ma...
Módulos: são unidades individuais, como se fossem quadrados formados pela junção da
coluna com a guia horizontal, e são se...
Marcadores: Encontrados na parte externa, na margem, são os indicadores para textos
secundários ou informações constantes,...
Zonas Espaciais: são um grupo de módulos, que formam um campo distinto. Cada zona
espacial pode receber um tipo específico...
TIPOS DE GRID
Retangular: É o grid mais simples. Tem a característica de acomodar um longo texto
corrido, como um livro ou...
De Colunas: O grid de colunas é flexível e pode ser utilizado para separar diversos tipos de
texto ou mesmo informação. El...
Modular: É o grid de coluna com muitas guias horizontais, criando módulos. Esse tipo de
grid é originário da Bauhaus e do ...
Hierárquico: No grid hierárquico, a largura das colunas e entre colunas varia.
A página da Internet é um exemplo de grid h...
PROJETO PORTFÓLIO
ORIENTAÇÃO DAS PEÇAS PUBLICITÁRIAS A
SEREM CONSTRUÍDAS PARA A REVISTA
1º PASSO: Definir o boneco da Revi...
PROJETO PORTFÓLIO
ORIENTAÇÃO DAS PEÇAS PUBLICITÁRIAS A
SEREM CONSTRUÍDAS PARA A REVISTA
PÚBLICO-ALVO: público consumidor d...
Próximos SlideShares
Carregando em…5
×

Aula 4 - Comunicação Gráfica e Design

1.818 visualizações

Publicada em

Aula 4 - Comunicação Gráfica e Design

Publicada em: Educação
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
1.818
No SlideShare
0
A partir de incorporações
0
Número de incorporações
5
Ações
Compartilhamentos
0
Downloads
59
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 4 - Comunicação Gráfica e Design

  1. 1. Comunicação Gráfica e Design Profa. Dra. Cíntia Dal Bello cbello@uninove.br www.cintiadalbello.blogspot.com
  2. 2. Layout, espaço gráfico e diagramação
  3. 3. DIAGRAMAÇÃO E GRID Diagramação é o ato de estruturar os elementos que irão compor o layout, de uma forma clara, de fácil entendimento e que também chame a atenção. Deve ser feito com uma aparência estética valiosa, pois a estética não é o mais importante em uma arte, mas ela é que a que causa o primeiro impacto, e assim deve ser feito o estudo de diagramação e grid para que a peça esteja totalmente usual. Grid é a junção de todos os elementos visuais que estarão nessa peça gráfica para transmitir uma informação, conhecimento, sendo composto por conjuntos de “regras” como colunas e linhas, que funcionam como guias para a distribuição dos elementos visuais. Com a utilização do grid, existem muitas vantagens, como clareza e eficiência na Transmissão de informação.
  4. 4. ELEMENTOS DO GRID Margens: são os espaços que sobram entre o limite do formato (tamanho da folha) e as áreas que serão usadas para a diagramação, como colunas e guias. Essa área é usada muito para colocar informações secundárias ou mesmo para área de descanso para os olhos.
  5. 5. Guia Horizontal: são faixas horizontais, que ajudam no alinhamento e estrutura o texto, a orientar os olhos na hora de escrever o texto e também é usada para criar pontos de partida ou pausas no texto, para ficar um aspecto mais criativo e diferente.
  6. 6. Colunas: são os alinhamentos verticais, que se cruzam com as guias horizontais, que criam divisões horizontais entre as margens. A quantidade e a largura delas depende muito de designer para designer, dependendo do tipo de trabalho ou quantidade de texto.
  7. 7. Módulos: são unidades individuais, como se fossem quadrados formados pela junção da coluna com a guia horizontal, e são separadas em espaços de tamanhos iguais, que repetidas por toda a página, criam colunas e faixas horizontais. Zonas Espaciais: são um grupo de módulos, que formam um campo distinto. Cada zona espacial pode receber um tipo específico de informação, por exemplo uma foto, ou mesmo uma coluna com um texto mais importante.
  8. 8. Marcadores: Encontrados na parte externa, na margem, são os indicadores para textos secundários ou informações constantes, como cabeçalho, rodapé ou um elemento que ocupe sempre o mesmo lugar na página, como por exemplo, o nome do livro ou a página do mesmo.
  9. 9. Zonas Espaciais: são um grupo de módulos, que formam um campo distinto. Cada zona espacial pode receber um tipo específico de informação, por exemplo uma foto, ou mesmo uma coluna com um texto mais importante.
  10. 10. TIPOS DE GRID Retangular: É o grid mais simples. Tem a característica de acomodar um longo texto corrido, como um livro ou um texto científico. Esse tipo de grid causa um grande cansaço, por ser muito simples, e com isso deve-se criar algo diferente para criar um estímulo a leitura, como tamanho do tipo, do espaçamento ou da margem.
  11. 11. De Colunas: O grid de colunas é flexível e pode ser utilizado para separar diversos tipos de texto ou mesmo informação. Ele pode ser composto por grids diferentes, cada um destinado a um tipo de conteúdo, por exemplo, em um site cada grid pode ter um tipo diferente de menu e imagem.
  12. 12. Modular: É o grid de coluna com muitas guias horizontais, criando módulos. Esse tipo de grid é originário da Bauhaus e do Estilo Internacional suíço. Muito usado para informações tabulares, gráficos, formulários e diagramas. Ele possui muitas vantagens com relação aos outros: Simplicidade nos grids; Unificação de diversos tipos de conteúdo, como textos e fotos no mesmos módulos; Combinação de 1, 2 e 3 larguras modulares.
  13. 13. Hierárquico: No grid hierárquico, a largura das colunas e entre colunas varia. A página da Internet é um exemplo de grid hierárquico. O conteúdo dinâmico da maioria dos sites e o redimensionamento das janelas exigem flexibilidade na largura e no comprimento, característica desse tipo de grid.
  14. 14. PROJETO PORTFÓLIO ORIENTAÇÃO DAS PEÇAS PUBLICITÁRIAS A SEREM CONSTRUÍDAS PARA A REVISTA 1º PASSO: Definir o boneco da Revista 2º PASSO: Definir a quantidade e a distribuição das Reportagens 3º PASSO: Definir a quantidade e a distribuição dos Anúncios 4º PASSO: Verificar o tipo de público 5º PASSO: Definir os anunciantes 6º PASSO: Criar os anúncios
  15. 15. PROJETO PORTFÓLIO ORIENTAÇÃO DAS PEÇAS PUBLICITÁRIAS A SEREM CONSTRUÍDAS PARA A REVISTA PÚBLICO-ALVO: público consumidor de arte, residente ou não em São Paulo e interessado em exposições, circuitos culturais e artísticos em geral. REVISTA 8 páginas no total, contando capa e contra- capa Reportagens: 3 a 5 (sendo 1 de capa) Peças publicitárias: 2 a 3 (texto e fotos autorais)

×