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

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
 
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
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Léo Dias
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0Lo-Ammi Santos
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do designdrimartinez
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorialHelena Jacob
 
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
 
Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Designanamargarites
 

Mais procurados (20)

Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Projeto Gráfico | Pictogramas
Projeto Gráfico | PictogramasProjeto Gráfico | Pictogramas
Projeto Gráfico | Pictogramas
 
Fundamentos design grafico | Insper
Fundamentos design grafico | InsperFundamentos design grafico | Insper
Fundamentos design grafico | Insper
 
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
 
Tipografia - Noções Básicas
Tipografia - Noções BásicasTipografia - Noções Básicas
Tipografia - Noções Básicas
 
Design Editorial | Sistemas Tipográficos
Design Editorial | Sistemas TipográficosDesign Editorial | Sistemas Tipográficos
Design Editorial | Sistemas Tipográficos
 
paginação grafica
paginação graficapaginação grafica
paginação grafica
 
Tipografia
Tipografia Tipografia
Tipografia
 
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
 
01 introducao_identidade
01 introducao_identidade01 introducao_identidade
01 introducao_identidade
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
 
Design Editorial | Introdução
Design Editorial | IntroduçãoDesign Editorial | Introdução
Design Editorial | Introdução
 
Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]Teoria do design aula 01 [conceitos basicos]
Teoria do design aula 01 [conceitos basicos]
 
Aula Espelho | Design Editorial
Aula Espelho | Design EditorialAula Espelho | Design Editorial
Aula Espelho | Design Editorial
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
Fundamentos do design
Fundamentos do designFundamentos do design
Fundamentos do design
 
Raizes do design editorial
Raizes do design editorialRaizes do design editorial
Raizes do design editorial
 
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
 
Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao 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
 
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
 
Aula05 midia digital
Aula05 midia digitalAula05 midia digital
Aula05 midia digital
 
Aula02 midia digital
Aula02 midia digitalAula02 midia digital
Aula02 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 Design Guide