SlideShare uma empresa Scribd logo
1 de 63
Grid’s
Design Editorial
Definição
• O Grid é uma estrutura geométrica
constituída por eixos (comumente horizontais
e verticais) desenvolvida para auxiliar o
alinhamento de elementos textuais e
imagéticos numa composição visual.
Classificação
• Retangular
• De colunas
• Modular
• Hierárquico
Classificação
• Retangular
• De colunas
• Modular
• Hierárquico
Classificação
• Retangular
• De colunas
• Modular
• Hierárquico
Classificação
• Retangular
• De colunas
• Modular
• Hierárquico
Classificação
• Retangular
• De colunas
• Modular
• Hierárquico
GRID DE LINHA DE BASE
Grids
SAMARA, Timothy. Grid:
construção e
desconstrução. Cosac
Naify Edições, 2008.
MASSAS VISUAIS
Design Editorial
MÃO NA MASSA
Design Editorial
Definição – Mancha
1. Densa
2. Suave
Definição – Grid
a) 3 colunas
b) 2 colunas
c) 2 colunas + 1 de apoio
d) 6 colunas
Critérios
Diagramar uma longa reportagem em 4 a 6
páginas (2 lâminas), utilizando pelo menos 8
elementos da página.
O trabalho é individual e deverá ser entregue
até as 22h do dia 11 de setembro no formato
PDF, via Moodle e impresso.
Critérios
O trabalho tem peso 4,0
distribuídos da seguinte
maneira:
• Paleta cromática:
definição criteriosa das
cores utilizadas na
proposta [0,5]
• Elementos da página:
criatividade no uso de
elementos da página
impressa [1,0]
• Mancha gráfica e grid:
uso adequado das
especificações
distribuídas em sala [1,0]
• Tipografia: criatividade e
acabamento (tracking,
kerning, entrelinha,
variações) no uso de
famílias tipográficas [1,0]
• Discussão: discussão e
aplicação de conceitos [0,5]

Mais conteúdo relacionado

Mais procurados

Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e DiagramaçãoEd Marcos
 
Aula 05 Cores Especiais / Escala Pantone
Aula 05   Cores Especiais / Escala PantoneAula 05   Cores Especiais / Escala Pantone
Aula 05 Cores Especiais / Escala PantoneElizeu Nascimento Silva
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção GráficaRenato Melo
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialGabriel Ferraciolli
 
Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1Dhione Oliveira
 
Gestalt - Teoria do Design
Gestalt - Teoria do DesignGestalt - Teoria do Design
Gestalt - Teoria do DesignRodrigo Losina
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e DesignCíntia Dal Bello
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication DesignSarun Pinyarat
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
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
 
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
 
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
 
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
 

Mais procurados (20)

Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
Aula 05 Cores Especiais / Escala Pantone
Aula 05   Cores Especiais / Escala PantoneAula 05   Cores Especiais / Escala Pantone
Aula 05 Cores Especiais / Escala Pantone
 
Diagramação na Produção Gráfica
Diagramação na Produção GráficaDiagramação na Produção Gráfica
Diagramação na Produção Gráfica
 
Aula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design EditorialAula - Direção e Finalização - Diagramação / Design Editorial
Aula - Direção e Finalização - Diagramação / Design Editorial
 
Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1Sintaxe da linguagem visual exercicios 1
Sintaxe da linguagem visual exercicios 1
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
Gestalt - Teoria do Design
Gestalt - Teoria do DesignGestalt - Teoria do Design
Gestalt - Teoria do Design
 
Aula 4 - Comunicação Gráfica e Design
Aula 4  - Comunicação Gráfica e DesignAula 4  - Comunicação Gráfica e Design
Aula 4 - Comunicação Gráfica e Design
 
Introduction to Communication Design
Introduction to Communication DesignIntroduction to Communication Design
Introduction to Communication Design
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Identidade Visual - Aula 01
Identidade Visual - Aula 01Identidade Visual - Aula 01
Identidade Visual - Aula 01
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
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
 
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
 
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
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
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
 

Destaque

[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um gridEduardo Novais
 
Uso do grid_tipografico
Uso do grid_tipograficoUso do grid_tipografico
Uso do grid_tipograficoFlavio Fargas
 
Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1renatamruiz
 
Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2renatamruiz
 
Aula sobre Grids - Design Visual em Jornalismo
Aula sobre Grids - Design Visual em JornalismoAula sobre Grids - Design Visual em Jornalismo
Aula sobre Grids - Design Visual em JornalismoAlysson Lisboa
 
Projeto gráfico - Livro - neemias tamura
Projeto gráfico - Livro - neemias tamuraProjeto gráfico - Livro - neemias tamura
Projeto gráfico - Livro - neemias tamuraNeemias Tamura
 
Trabalho Sobre a Superinteressante - Elementos e Técnicas de Comunicação com ...
Trabalho Sobre a Superinteressante - Elementos e Técnicas de Comunicação com ...Trabalho Sobre a Superinteressante - Elementos e Técnicas de Comunicação com ...
Trabalho Sobre a Superinteressante - Elementos e Técnicas de Comunicação com ...Ingrid Schmidt
 
AV3 - 4 sem - ROTEIRO DE ESTUDOS - 2014/2
AV3 - 4 sem - ROTEIRO DE ESTUDOS - 2014/2AV3 - 4 sem - ROTEIRO DE ESTUDOS - 2014/2
AV3 - 4 sem - ROTEIRO DE ESTUDOS - 2014/2Cíntia Dal Bello
 
A Reinvenção do Design de uma Revista para o Novo Milênio
A Reinvenção do Design de uma Revista para o Novo MilênioA Reinvenção do Design de uma Revista para o Novo Milênio
A Reinvenção do Design de uma Revista para o Novo MilênioRicardo Jordão Magalhaes
 

Destaque (20)

[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Uso do grid_tipografico
Uso do grid_tipograficoUso do grid_tipografico
Uso do grid_tipografico
 
Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1
 
Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2
 
Aula sobre Grids - Design Visual em Jornalismo
Aula sobre Grids - Design Visual em JornalismoAula sobre Grids - Design Visual em Jornalismo
Aula sobre Grids - Design Visual em Jornalismo
 
Projeto gráfico - Livro - neemias tamura
Projeto gráfico - Livro - neemias tamuraProjeto gráfico - Livro - neemias tamura
Projeto gráfico - Livro - neemias tamura
 
Trabalho Sobre a Superinteressante - Elementos e Técnicas de Comunicação com ...
Trabalho Sobre a Superinteressante - Elementos e Técnicas de Comunicação com ...Trabalho Sobre a Superinteressante - Elementos e Técnicas de Comunicação com ...
Trabalho Sobre a Superinteressante - Elementos e Técnicas de Comunicação com ...
 
Aula 02
Aula 02Aula 02
Aula 02
 
Tcc_linkedin
Tcc_linkedinTcc_linkedin
Tcc_linkedin
 
AV3 - 4 sem - ROTEIRO DE ESTUDOS - 2014/2
AV3 - 4 sem - ROTEIRO DE ESTUDOS - 2014/2AV3 - 4 sem - ROTEIRO DE ESTUDOS - 2014/2
AV3 - 4 sem - ROTEIRO DE ESTUDOS - 2014/2
 
Aula05 prod grafica
Aula05 prod graficaAula05 prod grafica
Aula05 prod grafica
 
Aula05 webdesign
Aula05 webdesignAula05 webdesign
Aula05 webdesign
 
Aula13 editoracao eletronica
Aula13 editoracao eletronicaAula13 editoracao eletronica
Aula13 editoracao eletronica
 
Aula07 midia digital
Aula07 midia digitalAula07 midia digital
Aula07 midia digital
 
A Reinvenção do Design de uma Revista para o Novo Milênio
A Reinvenção do Design de uma Revista para o Novo MilênioA Reinvenção do Design de uma Revista para o Novo Milênio
A Reinvenção do Design de uma Revista para o Novo Milênio
 
Você está preparado para ser um profissional 3.0?
 Você está preparado para ser um profissional 3.0? Você está preparado para ser um profissional 3.0?
Você está preparado para ser um profissional 3.0?
 
Aula04 midia digital
Aula04 midia digitalAula04 midia digital
Aula04 midia digital
 
Aula01 midia digital
Aula01 midia digitalAula01 midia digital
Aula01 midia digital
 

Mais de Davi Denardi

Revisão de Ergonomia
Revisão de ErgonomiaRevisão de Ergonomia
Revisão de ErgonomiaDavi Denardi
 
Design de informacao wireframes
Design de informacao   wireframesDesign de informacao   wireframes
Design de informacao wireframesDavi Denardi
 
Edição, espelho e diagrama
Edição, espelho e diagramaEdição, espelho e diagrama
Edição, espelho e diagramaDavi Denardi
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãoDavi Denardi
 
Elementos da página impressa
Elementos da página impressaElementos da página impressa
Elementos da página impressaDavi Denardi
 
Objetivos do site e necessidades dos usuários - Introdução ao marketing digital
Objetivos do site e necessidades dos usuários - Introdução ao marketing digitalObjetivos do site e necessidades dos usuários - Introdução ao marketing digital
Objetivos do site e necessidades dos usuários - Introdução ao marketing digitalDavi Denardi
 
Objetivos do site e necessidades dos usuários - SEO
Objetivos do site e necessidades dos usuários - SEOObjetivos do site e necessidades dos usuários - SEO
Objetivos do site e necessidades dos usuários - SEODavi Denardi
 
Especificações funcionais e requisitos de conteúdo
Especificações funcionais e requisitos de conteúdoEspecificações funcionais e requisitos de conteúdo
Especificações funcionais e requisitos de conteúdoDavi Denardi
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográficaDavi Denardi
 

Mais de Davi Denardi (10)

Revisão de Ergonomia
Revisão de ErgonomiaRevisão de Ergonomia
Revisão de Ergonomia
 
Design de informacao wireframes
Design de informacao   wireframesDesign de informacao   wireframes
Design de informacao wireframes
 
Edição, espelho e diagrama
Edição, espelho e diagramaEdição, espelho e diagrama
Edição, espelho e diagrama
 
Ritmo editorial
Ritmo editorialRitmo editorial
Ritmo editorial
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Elementos da página impressa
Elementos da página impressaElementos da página impressa
Elementos da página impressa
 
Objetivos do site e necessidades dos usuários - Introdução ao marketing digital
Objetivos do site e necessidades dos usuários - Introdução ao marketing digitalObjetivos do site e necessidades dos usuários - Introdução ao marketing digital
Objetivos do site e necessidades dos usuários - Introdução ao marketing digital
 
Objetivos do site e necessidades dos usuários - SEO
Objetivos do site e necessidades dos usuários - SEOObjetivos do site e necessidades dos usuários - SEO
Objetivos do site e necessidades dos usuários - SEO
 
Especificações funcionais e requisitos de conteúdo
Especificações funcionais e requisitos de conteúdoEspecificações funcionais e requisitos de conteúdo
Especificações funcionais e requisitos de conteúdo
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 

Grid