SlideShare uma empresa Scribd logo

Palestra - Grid : Estudos de Caso

•
•
Luiz Agner
Luiz Agner

Aula preparada para a UniverCidade (Rio), sobre o grid. Baseado no livro "A Construção do Grid", de Timothy Samara. Disciplina Produção e Análise da Imagem 2.

TecnologiaNegócios
1 de 11
Grid: estudos de caso Prof. Luiz Agner PAI-2 Produção e Análise da Imagem 2 (2008-1)
Grid modular Relatório Anual – London Arts (organização filantrópica)
Grid modular ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Relatório Anual – London Arts (organização filantrópica)
Grid de coluna modificado Revista Humanity - EUA
Grid de coluna modificado Revista Humanity - EUA
Grid de coluna modificado ,[object Object],[object Object],[object Object],[object Object],[object Object],Revista Humanity - EUA
Grid composto (hierárquico, modular e de coluna) Relatório anual – General Magic (software para comunicação, EUA)
Grid composto (hierárquico, modular e de coluna) Relatório anual – General Magic (software para comunicação, EUA)
Grid composto ,[object Object],[object Object],[object Object],[object Object],(hierárquico, modular e de coluna) Relatório anual – General Magic (software para comunicação, EUA)
Grid hierárquico
Grid hierárquico ,[object Object],[object Object],Paone Design – Site Porfolio

Recomendados

Grid
GridGrid
Grid
Lucas Marques
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do Grid
Luiz Agner
 
Fundamentos da grid
Fundamentos da gridFundamentos da grid
Fundamentos da grid
Silvana Santini
 
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
Cíntia Dal Bello
 
Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1
PEDRO DAVID
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
Elizabeth Fantauzzi
 
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
Gabriel Ferraciolli
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
Camila Cristina
 

Recomendados

Grid
GridGrid
Grid
Lucas Marques
 
Palestra - Fundamentos do Grid
Palestra - Fundamentos do GridPalestra - Fundamentos do Grid
Palestra - Fundamentos do Grid
Luiz Agner
 
Fundamentos da grid
Fundamentos da gridFundamentos da grid
Fundamentos da grid
Silvana Santini
 
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
Cíntia Dal Bello
 
Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1Comunicação visual conceito,signos-v001-parte 1
Comunicação visual conceito,signos-v001-parte 1
PEDRO DAVID
 
Tipografia - Aula
Tipografia - AulaTipografia - Aula
Tipografia - Aula
Elizabeth Fantauzzi
 
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
Gabriel Ferraciolli
 
Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
Camila Cristina
 
Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1
renatamruiz
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
Sergio Ollandezos
 
Diagramação
DiagramaçãoDiagramação
Diagramação
renatamruiz
 
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
nfeio
 
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
Valdir Soares
 
Comunicacao Visual
Comunicacao VisualComunicacao Visual
Comunicacao Visual
ricreis
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
Odair Cavichioli
 
Principios do design
Principios do designPrincipios do design
Principios do design
Iuri Lammel
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
Fabio Silveira: Designer | Professor
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
Nécio de Lima Veras
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
Grupo Educação, Mídias e Comunidade Surda
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
paulo_batista
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
Lo-Ammi Santos
 
(Breve) Introdução ao Design
(Breve) Introdução ao Design(Breve) Introdução ao Design
(Breve) Introdução ao Design
Marcio Duarte
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
Fábio Gonçalves
 
Aula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaAula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFica
Daniel Castro
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
Fabio Silveira: Designer | Professor
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestaltAula 05 design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
Elizeu Nascimento Silva
 
Tipografia
TipografiaTipografia
Tipografia
Odair Cavichioli
 
O Cartaz
O CartazO Cartaz
O Cartaz
Artes Real
 
Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2
renatamruiz
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
Odair Cavichioli
 

Mais conteúdo relacionado

Mais procurados

Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1
renatamruiz
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestaltAula 05 design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
Elizeu Nascimento Silva
 

Mais procurados (20)

Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1Fundamentos do Grid - parte 1
Fundamentos do Grid - parte 1
 
Produção gráfica
Produção gráficaProdução gráfica
Produção gráfica
 
Diagramação
DiagramaçãoDiagramação
Diagramação
 
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
 
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
 
Comunicacao Visual
Comunicacao VisualComunicacao Visual
Comunicacao Visual
 
Composição gráfica
Composição gráficaComposição gráfica
Composição gráfica
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Design Editorial | Estruturas
Design Editorial | EstruturasDesign Editorial | Estruturas
Design Editorial | Estruturas
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Módulo 1 - Design gráfico
Módulo 1 - Design gráficoMódulo 1 - Design gráfico
Módulo 1 - Design gráfico
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Tipografia - versão 2.0
Tipografia - versão 2.0Tipografia - versão 2.0
Tipografia - versão 2.0
 
(Breve) Introdução ao Design
(Breve) Introdução ao Design(Breve) Introdução ao Design
(Breve) Introdução ao Design
 
Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2Fundamentos Super Básicos do Design 2/2
Fundamentos Super Básicos do Design 2/2
 
Aula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFicaAula 03 O Que é ProduçãO GráFica
Aula 03 O Que é ProduçãO GráFica
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
Aula 05 design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestaltAula 05 design gráfico na publicidade leis da gestalt
Aula 05 design gráfico na publicidade leis da gestalt
 
Tipografia
TipografiaTipografia
Tipografia
 
O Cartaz
O CartazO Cartaz
O Cartaz
 

Destaque

Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2
renatamruiz
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
Eduardo Novais
 
Slide módulo 4 - diagramação
Slide módulo 4 - diagramaçãoSlide módulo 4 - diagramação
Slide módulo 4 - diagramação
Petcom
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
clafajardo
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
aulasdejornalismo
 
Apostila indesign-cs5
Apostila indesign-cs5Apostila indesign-cs5
Apostila indesign-cs5
aulaemvideo
 

Destaque (20)

Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2
 
Grade de diagramação
Grade de diagramaçãoGrade de diagramação
Grade de diagramação
 
Pg I Aula 1
Pg I Aula 1Pg I Aula 1
Pg I Aula 1
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.Tipografia | Aula 01 | Historia e Anatomia tipografica.
Tipografia | Aula 01 | Historia e Anatomia tipografica.
 
Slide módulo 4 - diagramação
Slide módulo 4 - diagramaçãoSlide módulo 4 - diagramação
Slide módulo 4 - diagramação
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Boneco
BonecoBoneco
Boneco
 
Revistas
RevistasRevistas
Revistas
 
Composição e diagramação
Composição e diagramaçãoComposição e diagramação
Composição e diagramação
 
Conceituando Editoração Eletrônica
Conceituando Editoração EletrônicaConceituando Editoração Eletrônica
Conceituando Editoração Eletrônica
 
Apostila indesign-cs5
Apostila indesign-cs5Apostila indesign-cs5
Apostila indesign-cs5
 
A imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layoutA imagem e o anúncio sua relação com o layout
A imagem e o anúncio sua relação com o layout
 
Editoracao e design cores parte 1
Editoracao e design cores parte 1Editoracao e design cores parte 1
Editoracao e design cores parte 1
 
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
 
DiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da DiagramacaoDiagramaçãO E Elementos Da Diagramacao
DiagramaçãO E Elementos Da Diagramacao
 
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
Apresentação Modelos de Negócios Digitais - FEI - São Bernardo do Campo - 08/...
 
Marketing 3.0 - Aplicação
Marketing 3.0 - AplicaçãoMarketing 3.0 - Aplicação
Marketing 3.0 - Aplicação
 

Mais de Luiz Agner

Mais de Luiz Agner (20)

Recommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User ExperienceRecommendation Systems and Machine Learning: Mapping the User Experience
Recommendation Systems and Machine Learning: Mapping the User Experience
 
Pós Branded Content (1c)
Pós Branded Content (1c)Pós Branded Content (1c)
Pós Branded Content (1c)
 
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-RioWIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
WIAD - World Information Architecture Day 2019 - MeetUp PUC-Rio
 
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MGWIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
WIAD - World Information Architecture Day 2019 - Belo Horizonte, MG
 
Marketing digital como instrumento de controle
Marketing digital como instrumento de controleMarketing digital como instrumento de controle
Marketing digital como instrumento de controle
 
Arquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemasArquitetura de Informação na era dos espaços mistos e ecossistemas
Arquitetura de Informação na era dos espaços mistos e ecossistemas
 
Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)Lei de Proteção aos Dados (LGPD)
Lei de Proteção aos Dados (LGPD)
 
Marco Civil da Internet no Brasil
Marco Civil da Internet no BrasilMarco Civil da Internet no Brasil
Marco Civil da Internet no Brasil
 
Vigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura DigitalVigilância Ampliada: Poder e Controle na Cultura Digital
Vigilância Ampliada: Poder e Controle na Cultura Digital
 
Diagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de GarrettDiagrama de Navegação e Vocabulário Visual de Garrett
Diagrama de Navegação e Vocabulário Visual de Garrett
 
Bridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipeBridge e Análise da Tarefa em equipe
Bridge e Análise da Tarefa em equipe
 
Marketing - Revisão de Conceitos
Marketing - Revisão de ConceitosMarketing - Revisão de Conceitos
Marketing - Revisão de Conceitos
 
Cultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. CastellsCultura da Internet - segundo M. Castells
Cultura da Internet - segundo M. Castells
 
Bridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de InformaçãoBridge e Group Task Analysis - Arquitetura de Informação
Bridge e Group Task Analysis - Arquitetura de Informação
 
Avaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi SelectionAvaliação dos apps Coral Visualizer e Polenghi Selection
Avaliação dos apps Coral Visualizer e Polenghi Selection
 
Arquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIMArquitetura de Informação: Projeto TIM
Arquitetura de Informação: Projeto TIM
 
Arquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto ImaginariumArquitetura de Informação: Projeto Imaginarium
Arquitetura de Informação: Projeto Imaginarium
 
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHAArquitetura da Informação Pervasiva - Semana Acadêmica FACHA
Arquitetura da Informação Pervasiva - Semana Acadêmica FACHA
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 
Arquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJArquitetura de Informação - DETRAN RJ
Arquitetura de Informação - DETRAN RJ
 

Palestra - Grid : Estudos de Caso

  • 1. Grid: estudos de caso Prof. Luiz Agner PAI-2 Produção e Análise da Imagem 2 (2008-1)
  • 2. Grid modular Relatório Anual – London Arts (organização filantrópica)
  • 3.
  • 4. Grid de coluna modificado Revista Humanity - EUA
  • 5. Grid de coluna modificado Revista Humanity - EUA
  • 6.
  • 7. Grid composto (hierárquico, modular e de coluna) Relatório anual – General Magic (software para comunicação, EUA)
  • 8. Grid composto (hierárquico, modular e de coluna) Relatório anual – General Magic (software para comunicação, EUA)
  • 9.
  • 11.