SlideShare uma empresa Scribd logo
1 de 15
Baixar para ler offline
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 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
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)

Mais conteúdo relacionado

Mais procurados

Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoLuiz Agner
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do GridLuiz Agner
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramaçãoLuciana Santini
 
Projeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticosProjeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticosGuilherme Carvalho
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e DiagramaçãoEd Marcos
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Wunderman
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Valdir Soares
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficonfeio
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicosBarreto
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 

Mais procurados (20)

Aula01 editoracao eletronica
Aula01 editoracao eletronicaAula01 editoracao eletronica
Aula01 editoracao eletronica
 
Aula 5 - Comunicação Gráfica e Design
Aula 5   - Comunicação Gráfica e DesignAula 5   - Comunicação Gráfica e Design
Aula 5 - Comunicação Gráfica e Design
 
Revistas
RevistasRevistas
Revistas
 
Palestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de CasoPalestra - Grid : Estudos de Caso
Palestra - Grid : Estudos de Caso
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do Grid
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Projeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticosProjeto gráfico para impressos jornalísticos
Projeto gráfico para impressos jornalísticos
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.Introdução a Projeto Gráfico.
Introdução a Projeto Gráfico.
 
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430Metodologia de Projeto - Design Conceitos - 1.0.BAI430
Metodologia de Projeto - Design Conceitos - 1.0.BAI430
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Fundamentos básicos do Design gráfico
Fundamentos básicos do Design gráficoFundamentos básicos do Design gráfico
Fundamentos básicos do Design gráfico
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Diagramação
DiagramaçãoDiagramação
Diagramação
 
Produção editorial elementos básicos
Produção editorial elementos básicosProdução editorial elementos básicos
Produção editorial elementos básicos
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 

Destaque

Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Aula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignAula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Análise de projeto gráfico de revista e anúncio publicitário
Análise de projeto gráfico de revista e anúncio publicitárioAnálise de projeto gráfico de revista e anúncio publicitário
Análise de projeto gráfico de revista e anúncio publicitárioCíntia Dal Bello
 
Publicidade e os desafios do futuro
Publicidade e os desafios do futuroPublicidade e os desafios do futuro
Publicidade e os desafios do futuroCíntia Dal Bello
 
Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1Cíntia Dal Bello
 
Guia do Projeto de 5º semestre de PP - 2014-2
Guia do Projeto de 5º semestre de PP - 2014-2Guia do Projeto de 5º semestre de PP - 2014-2
Guia do Projeto de 5º semestre de PP - 2014-2Cíntia Dal Bello
 
Relação com fontes bibliográficas - Formas de Plágio
Relação com fontes bibliográficas - Formas de PlágioRelação com fontes bibliográficas - Formas de Plágio
Relação com fontes bibliográficas - Formas de PlágioCíntia Dal Bello
 
Aula 1 Disciplina Comunicação Gráfica e Design
Aula 1   Disciplina Comunicação Gráfica e DesignAula 1   Disciplina Comunicação Gráfica e Design
Aula 1 Disciplina Comunicação Gráfica e DesignCíntia Dal Bello
 
Design Comunicação
Design ComunicaçãoDesign Comunicação
Design Comunicaçãonvpnvp
 
O contato da agência - o atendimento publicitário
O contato da agência - o atendimento publicitárioO contato da agência - o atendimento publicitário
O contato da agência - o atendimento publicitárioCíntia Dal Bello
 
Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design Cíntia Dal Bello
 
Criação Publicitária - Cargos e funções
Criação Publicitária - Cargos e funçõesCriação Publicitária - Cargos e funções
Criação Publicitária - Cargos e funçõesCíntia Dal Bello
 
Aula 30 respostas da atividade 6
Aula 30 respostas da atividade 6Aula 30 respostas da atividade 6
Aula 30 respostas da atividade 6andrealontramoreira
 
Book de criação III - Trabalho 7º sem - Belas Artes
Book de criação III - Trabalho 7º sem - Belas ArtesBook de criação III - Trabalho 7º sem - Belas Artes
Book de criação III - Trabalho 7º sem - Belas ArtesCíntia Dal Bello
 

Destaque (20)

Aula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e DesignAula 2 - Comunicação Gráfica e Design
Aula 2 - Comunicação Gráfica e Design
 
Aula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e DesignAula 1 - Comunicação Gráfica e Design
Aula 1 - Comunicação Gráfica e Design
 
Aula 6 - Comunicação Gráfica e Design
Aula 6  - Comunicação Gráfica e DesignAula 6  - Comunicação Gráfica e Design
Aula 6 - Comunicação Gráfica e Design
 
Aula sinais e símbolos
Aula   sinais e símbolosAula   sinais e símbolos
Aula sinais e símbolos
 
Aula 2 - Direção de Arte
Aula 2   - Direção de ArteAula 2   - Direção de Arte
Aula 2 - Direção de Arte
 
Análise de projeto gráfico de revista e anúncio publicitário
Análise de projeto gráfico de revista e anúncio publicitárioAnálise de projeto gráfico de revista e anúncio publicitário
Análise de projeto gráfico de revista e anúncio publicitário
 
Publicidade e os desafios do futuro
Publicidade e os desafios do futuroPublicidade e os desafios do futuro
Publicidade e os desafios do futuro
 
Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1Guia do Projeto REVISTA - 2017-1
Guia do Projeto REVISTA - 2017-1
 
Aula 3 - Direção de Arte
Aula 3  - Direção de ArteAula 3  - Direção de Arte
Aula 3 - Direção de Arte
 
Guia do Projeto de 5º semestre de PP - 2014-2
Guia do Projeto de 5º semestre de PP - 2014-2Guia do Projeto de 5º semestre de PP - 2014-2
Guia do Projeto de 5º semestre de PP - 2014-2
 
Relação com fontes bibliográficas - Formas de Plágio
Relação com fontes bibliográficas - Formas de PlágioRelação com fontes bibliográficas - Formas de Plágio
Relação com fontes bibliográficas - Formas de Plágio
 
Aula 1 Disciplina Comunicação Gráfica e Design
Aula 1   Disciplina Comunicação Gráfica e DesignAula 1   Disciplina Comunicação Gráfica e Design
Aula 1 Disciplina Comunicação Gráfica e Design
 
Design Comunicação
Design ComunicaçãoDesign Comunicação
Design Comunicação
 
O contato da agência - o atendimento publicitário
O contato da agência - o atendimento publicitárioO contato da agência - o atendimento publicitário
O contato da agência - o atendimento publicitário
 
Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design Aula 3 - Comunicação Gráfica e Design
Aula 3 - Comunicação Gráfica e Design
 
Teoria das mídias
Teoria das mídiasTeoria das mídias
Teoria das mídias
 
Criação Publicitária - Cargos e funções
Criação Publicitária - Cargos e funçõesCriação Publicitária - Cargos e funções
Criação Publicitária - Cargos e funções
 
Simbolos recomendações
Simbolos recomendaçõesSimbolos recomendações
Simbolos recomendações
 
Aula 30 respostas da atividade 6
Aula 30 respostas da atividade 6Aula 30 respostas da atividade 6
Aula 30 respostas da atividade 6
 
Book de criação III - Trabalho 7º sem - Belas Artes
Book de criação III - Trabalho 7º sem - Belas ArtesBook de criação III - Trabalho 7º sem - Belas Artes
Book de criação III - Trabalho 7º sem - Belas Artes
 

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

Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1renatamruiz
 
[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre gridsEduardo Novais
 
O que é Diamagração e Arte Final?
O que é Diamagração e Arte Final?O que é Diamagração e Arte Final?
O que é Diamagração e Arte Final?Janio Dutra
 
Bancos de Dados Geográficos
Bancos de Dados GeográficosBancos de Dados Geográficos
Bancos de Dados GeográficosSuzana Viana Mota
 
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
Mapas de site,  Fluxos de Tarefa,  Wireframe e PrototipagemMapas de site,  Fluxos de Tarefa,  Wireframe e Prototipagem
Mapas de site, Fluxos de Tarefa, Wireframe e PrototipagemRos Galabo, PhD
 
Desenho Arquitetônico - Projeto Técnico
Desenho Arquitetônico - Projeto TécnicoDesenho Arquitetônico - Projeto Técnico
Desenho Arquitetônico - Projeto Técnicocaiocaceres
 
9 desenho arquitetônico
9   desenho arquitetônico9   desenho arquitetônico
9 desenho arquitetônicoPaulo Luciano
 
Curso de Excel 2007/2010 (Aula 09 e 10)
Curso de Excel 2007/2010 (Aula 09 e 10)Curso de Excel 2007/2010 (Aula 09 e 10)
Curso de Excel 2007/2010 (Aula 09 e 10)Instituto Inovar
 
CSS e Bootstrap - Introdução básica
CSS e Bootstrap - Introdução básicaCSS e Bootstrap - Introdução básica
CSS e Bootstrap - Introdução básicaMariana Ribeiro Mendes
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Luiz Agner
 

Semelhante a Aula 4 - Comunicação Gráfica e Design (20)

Fundamentos da grid
Fundamentos da gridFundamentos da grid
Fundamentos da grid
 
Grid
GridGrid
Grid
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1
 
Fundamentosdowebdesign
FundamentosdowebdesignFundamentosdowebdesign
Fundamentosdowebdesign
 
Revista Scena (Apresentação)
Revista Scena (Apresentação)Revista Scena (Apresentação)
Revista Scena (Apresentação)
 
Formas básicas em design gráfico 6 contornos mistos
Formas básicas em design gráfico 6   contornos mistosFormas básicas em design gráfico 6   contornos mistos
Formas básicas em design gráfico 6 contornos mistos
 
[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids[cv - 2011.2] 16 - dicas finais sobre grids
[cv - 2011.2] 16 - dicas finais sobre grids
 
O que é Diamagração e Arte Final?
O que é Diamagração e Arte Final?O que é Diamagração e Arte Final?
O que é Diamagração e Arte Final?
 
Bancos de Dados Geográficos
Bancos de Dados GeográficosBancos de Dados Geográficos
Bancos de Dados Geográficos
 
Grafícos
GrafícosGrafícos
Grafícos
 
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
Mapas de site,  Fluxos de Tarefa,  Wireframe e PrototipagemMapas de site,  Fluxos de Tarefa,  Wireframe e Prototipagem
Mapas de site, Fluxos de Tarefa, Wireframe e Prototipagem
 
Desenho Arquitetônico - Projeto Técnico
Desenho Arquitetônico - Projeto TécnicoDesenho Arquitetônico - Projeto Técnico
Desenho Arquitetônico - Projeto Técnico
 
9 desenho arquitetônico
9   desenho arquitetônico9   desenho arquitetônico
9 desenho arquitetônico
 
9 desenho arquitetônico
9   desenho arquitetônico9   desenho arquitetônico
9 desenho arquitetônico
 
Desenho arquitetônico
  Desenho arquitetônico  Desenho arquitetônico
Desenho arquitetônico
 
9 desenho arquitetônico
9   desenho arquitetônico9   desenho arquitetônico
9 desenho arquitetônico
 
Curso de Excel 2007/2010 (Aula 09 e 10)
Curso de Excel 2007/2010 (Aula 09 e 10)Curso de Excel 2007/2010 (Aula 09 e 10)
Curso de Excel 2007/2010 (Aula 09 e 10)
 
CSS e Bootstrap - Introdução básica
CSS e Bootstrap - Introdução básicaCSS e Bootstrap - Introdução básica
CSS e Bootstrap - Introdução básica
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
 

Mais de Cíntia Dal Bello

BA Creative Collectibles - Projeto de Stand
BA Creative Collectibles - Projeto de StandBA Creative Collectibles - Projeto de Stand
BA Creative Collectibles - Projeto de StandCíntia Dal Bello
 
Ba creative collectibles 2018.1
Ba creative collectibles 2018.1Ba creative collectibles 2018.1
Ba creative collectibles 2018.1Cíntia Dal Bello
 
Briefing Converse - relação de peças solicitadas
Briefing Converse - relação de peças solicitadasBriefing Converse - relação de peças solicitadas
Briefing Converse - relação de peças solicitadasCíntia Dal Bello
 
Briefing Converse - Chuck Taylor All Star
Briefing Converse - Chuck Taylor All StarBriefing Converse - Chuck Taylor All Star
Briefing Converse - Chuck Taylor All StarCíntia Dal Bello
 
Briefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão betaBriefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão betaCíntia Dal Bello
 
Exercício de criação: Sonho de Valsa
Exercício de criação: Sonho de ValsaExercício de criação: Sonho de Valsa
Exercício de criação: Sonho de ValsaCíntia Dal Bello
 
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2
 Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2 Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2Cíntia Dal Bello
 
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1Cíntia Dal Bello
 
Da leveza: uma civilização sem peso (Gilles Lipovetsky)
Da leveza: uma civilização sem peso (Gilles Lipovetsky)Da leveza: uma civilização sem peso (Gilles Lipovetsky)
Da leveza: uma civilização sem peso (Gilles Lipovetsky)Cíntia Dal Bello
 
Análise de peça publicitária - Resolução – Case Vigor - 5B - final
Análise de peça publicitária - Resolução – Case Vigor - 5B - finalAnálise de peça publicitária - Resolução – Case Vigor - 5B - final
Análise de peça publicitária - Resolução – Case Vigor - 5B - finalCíntia Dal Bello
 
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptx
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptxAnálise de peça publicitária - Resolução – Case Vigor - 5A - final.pptx
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptxCíntia Dal Bello
 
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAIS
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAISPIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAIS
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAISCíntia Dal Bello
 
Briefing de criação exercicio
Briefing de criação exercicioBriefing de criação exercicio
Briefing de criação exercicioCíntia Dal Bello
 
Criação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagemCriação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagemCíntia Dal Bello
 
A Sociedade de consumo: A liturgia formal do objeto - Jean Baudrillard
A Sociedade de consumo: A liturgia formal do objeto - Jean BaudrillardA Sociedade de consumo: A liturgia formal do objeto - Jean Baudrillard
A Sociedade de consumo: A liturgia formal do objeto - Jean BaudrillardCíntia Dal Bello
 
Dinâmicas de identidade e exclusão
Dinâmicas de identidade e exclusãoDinâmicas de identidade e exclusão
Dinâmicas de identidade e exclusãoCíntia Dal Bello
 
Projeto Campanha Responsável
Projeto Campanha ResponsávelProjeto Campanha Responsável
Projeto Campanha ResponsávelCíntia Dal Bello
 
Do assistir ao tele-existir: tv aberta e apelo à dromoaptidão
Do assistir ao tele-existir: tv aberta e apelo à dromoaptidãoDo assistir ao tele-existir: tv aberta e apelo à dromoaptidão
Do assistir ao tele-existir: tv aberta e apelo à dromoaptidãoCíntia Dal Bello
 

Mais de Cíntia Dal Bello (20)

BA Creative Collectibles - Projeto de Stand
BA Creative Collectibles - Projeto de StandBA Creative Collectibles - Projeto de Stand
BA Creative Collectibles - Projeto de Stand
 
Ba creative collectibles 2018.1
Ba creative collectibles 2018.1Ba creative collectibles 2018.1
Ba creative collectibles 2018.1
 
Briefing Converse - relação de peças solicitadas
Briefing Converse - relação de peças solicitadasBriefing Converse - relação de peças solicitadas
Briefing Converse - relação de peças solicitadas
 
Briefing Converse - Chuck Taylor All Star
Briefing Converse - Chuck Taylor All StarBriefing Converse - Chuck Taylor All Star
Briefing Converse - Chuck Taylor All Star
 
Briefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão betaBriefing de criação x estrutura do anúncio publicitário - versão beta
Briefing de criação x estrutura do anúncio publicitário - versão beta
 
Exercício de criação: Sonho de Valsa
Exercício de criação: Sonho de ValsaExercício de criação: Sonho de Valsa
Exercício de criação: Sonho de Valsa
 
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2
 Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2 Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 2
 
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1
Resolução - Briefing de Criação - Case Vigor Grego - Exercício 1
 
Da leveza: uma civilização sem peso (Gilles Lipovetsky)
Da leveza: uma civilização sem peso (Gilles Lipovetsky)Da leveza: uma civilização sem peso (Gilles Lipovetsky)
Da leveza: uma civilização sem peso (Gilles Lipovetsky)
 
BOOK DE CRIAÇÃO - 2017-1
BOOK DE CRIAÇÃO - 2017-1BOOK DE CRIAÇÃO - 2017-1
BOOK DE CRIAÇÃO - 2017-1
 
A criação do cartaz
A criação do cartaz A criação do cartaz
A criação do cartaz
 
Análise de peça publicitária - Resolução – Case Vigor - 5B - final
Análise de peça publicitária - Resolução – Case Vigor - 5B - finalAnálise de peça publicitária - Resolução – Case Vigor - 5B - final
Análise de peça publicitária - Resolução – Case Vigor - 5B - final
 
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptx
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptxAnálise de peça publicitária - Resolução – Case Vigor - 5A - final.pptx
Análise de peça publicitária - Resolução – Case Vigor - 5A - final.pptx
 
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAIS
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAISPIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAIS
PIM - ROTEIRO DE PROJETO - MÍDIAS SOCIAIS DIGITAIS
 
Briefing de criação exercicio
Briefing de criação exercicioBriefing de criação exercicio
Briefing de criação exercicio
 
Criação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagemCriação em Propaganda: a relação texto x imagem
Criação em Propaganda: a relação texto x imagem
 
A Sociedade de consumo: A liturgia formal do objeto - Jean Baudrillard
A Sociedade de consumo: A liturgia formal do objeto - Jean BaudrillardA Sociedade de consumo: A liturgia formal do objeto - Jean Baudrillard
A Sociedade de consumo: A liturgia formal do objeto - Jean Baudrillard
 
Dinâmicas de identidade e exclusão
Dinâmicas de identidade e exclusãoDinâmicas de identidade e exclusão
Dinâmicas de identidade e exclusão
 
Projeto Campanha Responsável
Projeto Campanha ResponsávelProjeto Campanha Responsável
Projeto Campanha Responsável
 
Do assistir ao tele-existir: tv aberta e apelo à dromoaptidão
Do assistir ao tele-existir: tv aberta e apelo à dromoaptidãoDo assistir ao tele-existir: tv aberta e apelo à dromoaptidão
Do assistir ao tele-existir: tv aberta e apelo à dromoaptidão
 

Último

Trabalho DAC História 25 de Abril de 1974
Trabalho DAC História 25 de Abril de 1974Trabalho DAC História 25 de Abril de 1974
Trabalho DAC História 25 de Abril de 1974AnaRitaFreitas7
 
Caça palavras - BULLYING
Caça palavras  -  BULLYING  Caça palavras  -  BULLYING
Caça palavras - BULLYING Mary Alvarenga
 
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptxQUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptxAntonioVieira539017
 
Como fazer um Feedback Eficaz - Comitê de Gestores
Como fazer um Feedback Eficaz - Comitê de GestoresComo fazer um Feedback Eficaz - Comitê de Gestores
Como fazer um Feedback Eficaz - Comitê de GestoresEu Prefiro o Paraíso.
 
FORMAÇÃO POVO BRASILEIRO atividade de história
FORMAÇÃO POVO BRASILEIRO atividade de históriaFORMAÇÃO POVO BRASILEIRO atividade de história
FORMAÇÃO POVO BRASILEIRO atividade de históriaBenigno Andrade Vieira
 
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Colaborar Educacional
 
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxAula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxMarceloDosSantosSoar3
 
autismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderautismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderLucliaResende1
 
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdfRitoneltonSouzaSanto
 
Apresentação sobrea dengue educação.pptx
Apresentação sobrea dengue educação.pptxApresentação sobrea dengue educação.pptx
Apresentação sobrea dengue educação.pptxtaloAugusto8
 
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdfEBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdfIBEE5
 
Ressonancia_magnetica_basica_slide_da_net.pptx
Ressonancia_magnetica_basica_slide_da_net.pptxRessonancia_magnetica_basica_slide_da_net.pptx
Ressonancia_magnetica_basica_slide_da_net.pptxPatriciaFarias81
 
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123JaineCarolaineLima
 
aula 1.pptx Ementa e Plano de ensino Filosofia
aula 1.pptx Ementa e  Plano de ensino Filosofiaaula 1.pptx Ementa e  Plano de ensino Filosofia
aula 1.pptx Ementa e Plano de ensino FilosofiaLucliaResende1
 
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...Unidad de Espiritualidad Eudista
 
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARXA CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARXHisrelBlog
 
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxSlides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
 

Último (20)

Abordagem 3. Análise interpretativa (Severino, 2013)_PdfToPowerPoint.pdf
Abordagem 3. Análise interpretativa (Severino, 2013)_PdfToPowerPoint.pdfAbordagem 3. Análise interpretativa (Severino, 2013)_PdfToPowerPoint.pdf
Abordagem 3. Análise interpretativa (Severino, 2013)_PdfToPowerPoint.pdf
 
Trabalho DAC História 25 de Abril de 1974
Trabalho DAC História 25 de Abril de 1974Trabalho DAC História 25 de Abril de 1974
Trabalho DAC História 25 de Abril de 1974
 
Caça palavras - BULLYING
Caça palavras  -  BULLYING  Caça palavras  -  BULLYING
Caça palavras - BULLYING
 
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptxQUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
QUIZ - GEOGRAFIA - 8º ANO - FASES DO CAPITALISMO.pptx
 
(42-ESTUDO - LUCAS) DISCIPULO DE JESUS
(42-ESTUDO - LUCAS)  DISCIPULO  DE JESUS(42-ESTUDO - LUCAS)  DISCIPULO  DE JESUS
(42-ESTUDO - LUCAS) DISCIPULO DE JESUS
 
Como fazer um Feedback Eficaz - Comitê de Gestores
Como fazer um Feedback Eficaz - Comitê de GestoresComo fazer um Feedback Eficaz - Comitê de Gestores
Como fazer um Feedback Eficaz - Comitê de Gestores
 
FORMAÇÃO POVO BRASILEIRO atividade de história
FORMAÇÃO POVO BRASILEIRO atividade de históriaFORMAÇÃO POVO BRASILEIRO atividade de história
FORMAÇÃO POVO BRASILEIRO atividade de história
 
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
 
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxAula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
 
autismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderautismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entender
 
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
1. CIENCIAS-HUMANAS-GLOBALIZAÇÃO, TEMPO E ESPAÇO-V1.pdf
 
Apresentação sobrea dengue educação.pptx
Apresentação sobrea dengue educação.pptxApresentação sobrea dengue educação.pptx
Apresentação sobrea dengue educação.pptx
 
Abordagem 1. Análise textual (Severino, 2013).pdf
Abordagem 1. Análise textual (Severino, 2013).pdfAbordagem 1. Análise textual (Severino, 2013).pdf
Abordagem 1. Análise textual (Severino, 2013).pdf
 
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdfEBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
EBOOK LINGUAGEM GRATUITO EUDCAÇÃO INFANTIL.pdf
 
Ressonancia_magnetica_basica_slide_da_net.pptx
Ressonancia_magnetica_basica_slide_da_net.pptxRessonancia_magnetica_basica_slide_da_net.pptx
Ressonancia_magnetica_basica_slide_da_net.pptx
 
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
 
aula 1.pptx Ementa e Plano de ensino Filosofia
aula 1.pptx Ementa e  Plano de ensino Filosofiaaula 1.pptx Ementa e  Plano de ensino Filosofia
aula 1.pptx Ementa e Plano de ensino Filosofia
 
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
 
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARXA CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
 
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxSlides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
 

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

  • 1. Comunicação Gráfica e Design Profa. Dra. Cíntia Dal Bello cbello@uninove.br www.cintiadalbello.blogspot.com
  • 2. Layout, espaço gráfico e diagramação
  • 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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. 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)