SlideShare una empresa de Scribd logo
1 de 10
Descargar para leer sin conexión
    Todo o trabalho de design envolve a solução de
     problemas visuais e de organização de elementos:

                           Blocos	
  de	
  
                           texto	
  
     Imagens	
                                Tabelas	
  
Vantagens	
  
Introduz	
  uma	
  ordem	
  sistemá8ca	
  no	
  Layout	
  
       Diferencia	
  8pos	
  de	
  informação	
  

                  Facilita	
  a	
  leitura	
  

           Rapidez	
  na	
  diagramação	
  

Vários	
  colaboradores	
  no	
  mesmo	
  projeto	
  
Construir	
  um	
  grid	
  eficaz	
  
    significa	
  destrinchar	
  seu	
  
 conteúdo	
  em	
  termos	
  de	
  suas	
  
qualidades	
  visuais	
  e	
  semân8cas	
  
   de	
  seu	
  espaço	
  8pográfico	
  
O	
  projeto	
  de	
  um	
  grid	
  depende	
  de	
  duas	
  fases	
  de	
  desenvolvimento:	
  


                               Primeira	
  fase	
  
     Avaliação	
  das	
  caracterís8cas	
  informa8vas	
  e	
  as	
  exigências	
  de	
  
                              produção	
  do	
  material	
  

                 Prevenção	
  de	
  eventuais	
  problemas	
  como:	
  
                        Títulos	
  compridos	
  demais	
  
                               Cortes	
  de	
  imagens	
  
                    Espaços	
  vazios	
  por	
  falta	
  de	
  material	
  
O	
  projeto	
  de	
  um	
  grid	
  depende	
  de	
  duas	
  fases	
  de	
  desenvolvimento:	
  


                               Segunda	
  fase	
  
Dispor	
  o	
  conteúdo	
  de	
  acordo	
  com	
  as	
  diretrizes	
  montadas	
  no	
  grid	
  
           O	
  grid	
  NUNCA	
  pode	
  prevalecer	
  sobre	
  a	
  informação	
  

      Oferecer	
  uma	
  unidade	
  geral	
  sem	
  destruir	
  a	
  viltalidade	
  da	
  
                                composição	
  
                       Variedade	
  de	
  soluções	
  inesgotável	
  
Elementos	
  do	
  Grid	
  
Um	
  grid	
  é	
  formado	
  por	
  

 Colunas	
                           Módulos	
  

Margens	
                           Guias	
  
                                  horizontais	
  
 Zonas	
  
                                 Marcadores	
  
espaciais	
  
Margens	
  
 Colunas	
  



               Guias	
  



               Zonas	
  
               espaciais	
  
Módulos	
  

               Marcadores	
  
Colunas	
  –	
  Alinhamentos	
  ver8cais	
  que	
  criam	
  divisões	
  horizontais	
  entre	
  as	
  margens	
  

Módulos	
  –	
  Unidades	
  individuais	
  de	
  espaço	
  separadas	
  por	
  intervalos	
  regulares	
  

Marcadores	
  :	
  Indicadores	
  de	
  Localização	
  

Zonas	
  espaciais:	
  Grupos	
  de	
  módulos,	
  que	
  juntos,	
  formam	
  campos	
  dis8ntos.	
  
Cada	
  campo	
  pode	
  receber	
  uma	
  função	
  específica	
  .	
  Ex:	
  Imagens	
  ou	
  	
  bloco	
  de	
  texto	
  

Guias	
  horizontais:	
  Alinhamento	
  para	
  orientação	
  dos	
  olhos	
  no	
  formato	
  

Margens	
  :	
  Espaços	
  “nega8vos”	
  entre	
  o	
  limite	
  da	
  página	
  e	
  o	
  conteúdo	
  

Más contenido relacionado

La actualidad más candente

Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltFelipe Fernandes
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito designpaulo_batista
 
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
 
Metodologia projectual
Metodologia projectualMetodologia projectual
Metodologia projectualJoana Paraíso
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficosPatricia Prado
 
Principios do design
Principios do designPrincipios do design
Principios do designIuri Lammel
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressosclafajardo
 
Design Pra Quem Não é Designer
Design Pra Quem Não é DesignerDesign Pra Quem Não é Designer
Design Pra Quem Não é DesignerDaniela Fiuza
 
Aula 07 metodologia munari
Aula 07   metodologia munariAula 07   metodologia munari
Aula 07 metodologia munariMarcio Duarte
 
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
 
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
 
Princípios de design
Princípios de designPrincípios de design
Princípios de designTersis Zonato
 

La actualidad más candente (20)

Diagramação 01.3
Diagramação 01.3Diagramação 01.3
Diagramação 01.3
 
Noções de planejamento visual
Noções de planejamento visualNoções de planejamento visual
Noções de planejamento visual
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
 
Aula01 conceito design
Aula01 conceito designAula01 conceito design
Aula01 conceito design
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
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
 
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
 
Metodologia projectual
Metodologia projectualMetodologia projectual
Metodologia projectual
 
Materiais e processos gráficos
Materiais e processos gráficosMateriais e processos gráficos
Materiais e processos gráficos
 
Oquee design
Oquee designOquee design
Oquee design
 
Principios do design
Principios do designPrincipios do design
Principios do design
 
Criação de Impressos
Criação de ImpressosCriação de Impressos
Criação de Impressos
 
Design Pra Quem Não é Designer
Design Pra Quem Não é DesignerDesign Pra Quem Não é Designer
Design Pra Quem Não é Designer
 
Aula 07 metodologia munari
Aula 07   metodologia munariAula 07   metodologia munari
Aula 07 metodologia munari
 
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
 
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
 
Apresentação sobre conceitos básicos do Adobe Photoshop
Apresentação sobre conceitos básicos do Adobe PhotoshopApresentação sobre conceitos básicos do Adobe Photoshop
Apresentação sobre conceitos básicos do Adobe Photoshop
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 
Tipografia
Tipografia Tipografia
Tipografia
 

Destacado

Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2renatamruiz
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um gridEduardo Novais
 
4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visualrenatamruiz
 
Fundamentos de um bom layout
Fundamentos de um bom layoutFundamentos de um bom layout
Fundamentos de um bom layoutrenatamruiz
 
Um pouco de arte parte 1
Um pouco de arte parte 1Um pouco de arte parte 1
Um pouco de arte parte 1renatamruiz
 
Um pouco de arte parte 2
Um pouco de arte parte 2Um pouco de arte parte 2
Um pouco de arte parte 2renatamruiz
 
Um pouco de arte parte 3
Um pouco de arte parte 3Um pouco de arte parte 3
Um pouco de arte parte 3renatamruiz
 
Planejamento gráfico editorial
Planejamento gráfico editorialPlanejamento gráfico editorial
Planejamento gráfico editorialAtitude Digital
 
Projeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégiasProjeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégiasClaudia Bordin Rodrigues
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e DiagramaçãoEd Marcos
 
Cores E TransparêNcias
Cores E TransparêNciasCores E TransparêNcias
Cores E TransparêNciasrenatamruiz
 
Um pouco de arte - parte I
Um pouco de arte - parte IUm pouco de arte - parte I
Um pouco de arte - parte Irenatamruiz
 
E-books e Grids Adaptativas (Design Responsive)
E-books e Grids Adaptativas (Design Responsive)E-books e Grids Adaptativas (Design Responsive)
E-books e Grids Adaptativas (Design Responsive)Ludimila Martins
 
Um Pouco De Arte Parte II
Um Pouco De Arte Parte IIUm Pouco De Arte Parte II
Um Pouco De Arte Parte IIrenatamruiz
 
Projeto gráfico - Livro - neemias tamura
Projeto gráfico - Livro - neemias tamuraProjeto gráfico - Livro - neemias tamura
Projeto gráfico - Livro - neemias tamuraNeemias Tamura
 
Análise Planejamento Gráfico - Jornal O Globo
Análise Planejamento Gráfico - Jornal O GloboAnálise Planejamento Gráfico - Jornal O Globo
Análise Planejamento Gráfico - Jornal O GloboEdenilton Santos
 

Destacado (20)

Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2Fundamentos Do Grid Parte 2
Fundamentos Do Grid Parte 2
 
[DIG2012] Criando um grid
[DIG2012] Criando um grid[DIG2012] Criando um grid
[DIG2012] Criando um grid
 
4 principios planejamento visual
4 principios planejamento visual4 principios planejamento visual
4 principios planejamento visual
 
Fundamentos de um bom layout
Fundamentos de um bom layoutFundamentos de um bom layout
Fundamentos de um bom layout
 
Cor
CorCor
Cor
 
Um pouco de arte parte 1
Um pouco de arte parte 1Um pouco de arte parte 1
Um pouco de arte parte 1
 
Um pouco de arte parte 2
Um pouco de arte parte 2Um pouco de arte parte 2
Um pouco de arte parte 2
 
Um pouco de arte parte 3
Um pouco de arte parte 3Um pouco de arte parte 3
Um pouco de arte parte 3
 
Planejamento gráfico editorial
Planejamento gráfico editorialPlanejamento gráfico editorial
Planejamento gráfico editorial
 
Projeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégiasProjeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégias
 
Composição e Diagramação
Composição e DiagramaçãoComposição e Diagramação
Composição e Diagramação
 
Diagramação de Jornais
Diagramação de JornaisDiagramação de Jornais
Diagramação de Jornais
 
Design Editorial | Elementos Editoriais
Design Editorial | Elementos EditoriaisDesign Editorial | Elementos Editoriais
Design Editorial | Elementos Editoriais
 
PG Aula 2
PG Aula 2PG Aula 2
PG Aula 2
 
Cores E TransparêNcias
Cores E TransparêNciasCores E TransparêNcias
Cores E TransparêNcias
 
Um pouco de arte - parte I
Um pouco de arte - parte IUm pouco de arte - parte I
Um pouco de arte - parte I
 
E-books e Grids Adaptativas (Design Responsive)
E-books e Grids Adaptativas (Design Responsive)E-books e Grids Adaptativas (Design Responsive)
E-books e Grids Adaptativas (Design Responsive)
 
Um Pouco De Arte Parte II
Um Pouco De Arte Parte IIUm Pouco De Arte Parte II
Um Pouco De Arte Parte II
 
Projeto gráfico - Livro - neemias tamura
Projeto gráfico - Livro - neemias tamuraProjeto gráfico - Livro - neemias tamura
Projeto gráfico - Livro - neemias tamura
 
Análise Planejamento Gráfico - Jornal O Globo
Análise Planejamento Gráfico - Jornal O GloboAnálise Planejamento Gráfico - Jornal O Globo
Análise Planejamento Gráfico - Jornal O Globo
 

Similar a Grid de design: elementos e vantagens

Padrões de projetos
Padrões de projetosPadrões de projetos
Padrões de projetosGustavo Souza
 
DDD – Domain Driven Design
DDD – Domain Driven DesignDDD – Domain Driven Design
DDD – Domain Driven DesignÍtalo Bandeira
 
Gateway de linha de dados
Gateway de linha de dadosGateway de linha de dados
Gateway de linha de dadosSilvino Neto
 
06-engenharia de softwere Análise e Projeto de Software.docx
06-engenharia de softwere Análise e Projeto de Software.docx06-engenharia de softwere Análise e Projeto de Software.docx
06-engenharia de softwere Análise e Projeto de Software.docxJulioCesar371362
 
Bancos de Dados Geográficos
Bancos de Dados GeográficosBancos de Dados Geográficos
Bancos de Dados GeográficosSuzana Viana Mota
 
Desenvolvimento web com vs2012: Uma visão geral
Desenvolvimento web com vs2012: Uma visão geralDesenvolvimento web com vs2012: Uma visão geral
Desenvolvimento web com vs2012: Uma visão geralHelder Lopes
 
Indo alem do_mvc_node_js
Indo alem do_mvc_node_jsIndo alem do_mvc_node_js
Indo alem do_mvc_node_jsgustavobeavis
 
Arquiteturas de sistemas reais
Arquiteturas de sistemas reaisArquiteturas de sistemas reais
Arquiteturas de sistemas reaisInael Rodrigues
 
Visão Geral Arquiteturade Software
Visão Geral Arquiteturade SoftwareVisão Geral Arquiteturade Software
Visão Geral Arquiteturade Softwareelliando dias
 
Zachman framework
Zachman frameworkZachman framework
Zachman frameworkJoao Santos
 
Um guia bem básico de Bootstrap + Less
Um guia bem básico de Bootstrap + LessUm guia bem básico de Bootstrap + Less
Um guia bem básico de Bootstrap + LessBruno Said
 
Arquitetura Limpa @ 32º CocoaTalks BH
Arquitetura Limpa @ 32º CocoaTalks BHArquitetura Limpa @ 32º CocoaTalks BH
Arquitetura Limpa @ 32º CocoaTalks BHHugo Ferreira
 
Aula07 - Sistemas Distribuídos - Aula de Revisão da NP1
Aula07 - Sistemas Distribuídos - Aula de Revisão da NP1Aula07 - Sistemas Distribuídos - Aula de Revisão da NP1
Aula07 - Sistemas Distribuídos - Aula de Revisão da NP1Messias Batista
 
Banco de Dados Ágeis e Refatoração
Banco de Dados Ágeis e RefatoraçãoBanco de Dados Ágeis e Refatoração
Banco de Dados Ágeis e Refatoraçãoelliando dias
 

Similar a Grid de design: elementos e vantagens (20)

Grid
GridGrid
Grid
 
Padrões de projetos
Padrões de projetosPadrões de projetos
Padrões de projetos
 
DDD – Domain Driven Design
DDD – Domain Driven DesignDDD – Domain Driven Design
DDD – Domain Driven Design
 
JAVA REFLETCION
JAVA REFLETCIONJAVA REFLETCION
JAVA REFLETCION
 
Gateway de linha de dados
Gateway de linha de dadosGateway de linha de dados
Gateway de linha de dados
 
06-engenharia de softwere Análise e Projeto de Software.docx
06-engenharia de softwere Análise e Projeto de Software.docx06-engenharia de softwere Análise e Projeto de Software.docx
06-engenharia de softwere Análise e Projeto de Software.docx
 
Bancos de Dados Geográficos
Bancos de Dados GeográficosBancos de Dados Geográficos
Bancos de Dados Geográficos
 
Desenvolvimento web com vs2012: Uma visão geral
Desenvolvimento web com vs2012: Uma visão geralDesenvolvimento web com vs2012: Uma visão geral
Desenvolvimento web com vs2012: Uma visão geral
 
Indo alem do_mvc_node_js
Indo alem do_mvc_node_jsIndo alem do_mvc_node_js
Indo alem do_mvc_node_js
 
Arquiteturas de sistemas reais
Arquiteturas de sistemas reaisArquiteturas de sistemas reais
Arquiteturas de sistemas reais
 
Asp net mvc
Asp net mvcAsp net mvc
Asp net mvc
 
Visão Geral Arquiteturade Software
Visão Geral Arquiteturade SoftwareVisão Geral Arquiteturade Software
Visão Geral Arquiteturade Software
 
Zachman framework
Zachman frameworkZachman framework
Zachman framework
 
Um guia bem básico de Bootstrap + Less
Um guia bem básico de Bootstrap + LessUm guia bem básico de Bootstrap + Less
Um guia bem básico de Bootstrap + Less
 
HTML/CSS Patterns
HTML/CSS PatternsHTML/CSS Patterns
HTML/CSS Patterns
 
Arquitetura Limpa @ 32º CocoaTalks BH
Arquitetura Limpa @ 32º CocoaTalks BHArquitetura Limpa @ 32º CocoaTalks BH
Arquitetura Limpa @ 32º CocoaTalks BH
 
Aula07 - Sistemas Distribuídos - Aula de Revisão da NP1
Aula07 - Sistemas Distribuídos - Aula de Revisão da NP1Aula07 - Sistemas Distribuídos - Aula de Revisão da NP1
Aula07 - Sistemas Distribuídos - Aula de Revisão da NP1
 
Modelagem e elaboração de componentes
Modelagem e elaboração de componentesModelagem e elaboração de componentes
Modelagem e elaboração de componentes
 
Banco de Dados Ágeis e Refatoração
Banco de Dados Ágeis e RefatoraçãoBanco de Dados Ágeis e Refatoração
Banco de Dados Ágeis e Refatoração
 
Corbawebserves
CorbawebservesCorbawebserves
Corbawebserves
 

Más de renatamruiz

Blogs de moda: um fenômeno
Blogs de moda: um fenômenoBlogs de moda: um fenômeno
Blogs de moda: um fenômenorenatamruiz
 
Palestra joinville
Palestra joinvillePalestra joinville
Palestra joinvillerenatamruiz
 
Palestra jaraguá
Palestra jaraguáPalestra jaraguá
Palestra jaraguárenatamruiz
 
Processos de impressao
Processos de impressaoProcessos de impressao
Processos de impressaorenatamruiz
 
Como escrever na web
Como escrever na webComo escrever na web
Como escrever na webrenatamruiz
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãorenatamruiz
 
Aula publicidade internet
Aula publicidade internetAula publicidade internet
Aula publicidade internetrenatamruiz
 
Publicidade na internet
Publicidade na internetPublicidade na internet
Publicidade na internetrenatamruiz
 
Comunicacao Digital
Comunicacao DigitalComunicacao Digital
Comunicacao Digitalrenatamruiz
 
Alguns conceitos - Mídias Sociais
Alguns conceitos - Mídias SociaisAlguns conceitos - Mídias Sociais
Alguns conceitos - Mídias Sociaisrenatamruiz
 
Teoria Das Cores
Teoria Das  CoresTeoria Das  Cores
Teoria Das Coresrenatamruiz
 
Planej Visual Os Quatros PrincíPios BáSicos
Planej Visual   Os Quatros PrincíPios BáSicosPlanej Visual   Os Quatros PrincíPios BáSicos
Planej Visual Os Quatros PrincíPios BáSicosrenatamruiz
 
Principios Design
Principios DesignPrincipios Design
Principios Designrenatamruiz
 
Um Pouco De Arte Parte III
Um Pouco De Arte Parte IIIUm Pouco De Arte Parte III
Um Pouco De Arte Parte IIIrenatamruiz
 
Mídias Digitais - Aula 1
Mídias Digitais - Aula 1Mídias Digitais - Aula 1
Mídias Digitais - Aula 1renatamruiz
 

Más de renatamruiz (19)

Palestra espm
Palestra espmPalestra espm
Palestra espm
 
Blogs de moda: um fenômeno
Blogs de moda: um fenômenoBlogs de moda: um fenômeno
Blogs de moda: um fenômeno
 
Palestra joinville
Palestra joinvillePalestra joinville
Palestra joinville
 
Palestra jaraguá
Palestra jaraguáPalestra jaraguá
Palestra jaraguá
 
Processos de impressao
Processos de impressaoProcessos de impressao
Processos de impressao
 
Como escrever na web
Como escrever na webComo escrever na web
Como escrever na web
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Aula publicidade internet
Aula publicidade internetAula publicidade internet
Aula publicidade internet
 
Publicidade na internet
Publicidade na internetPublicidade na internet
Publicidade na internet
 
Comunicacao Digital
Comunicacao DigitalComunicacao Digital
Comunicacao Digital
 
Alguns conceitos - Mídias Sociais
Alguns conceitos - Mídias SociaisAlguns conceitos - Mídias Sociais
Alguns conceitos - Mídias Sociais
 
Diagramação
DiagramaçãoDiagramação
Diagramação
 
Teoria Das Cores
Teoria Das  CoresTeoria Das  Cores
Teoria Das Cores
 
Tipologia
TipologiaTipologia
Tipologia
 
Planej Visual Os Quatros PrincíPios BáSicos
Planej Visual   Os Quatros PrincíPios BáSicosPlanej Visual   Os Quatros PrincíPios BáSicos
Planej Visual Os Quatros PrincíPios BáSicos
 
Principios Design
Principios DesignPrincipios Design
Principios Design
 
Um Pouco De Arte Parte III
Um Pouco De Arte Parte IIIUm Pouco De Arte Parte III
Um Pouco De Arte Parte III
 
Moda Para Usar
Moda Para UsarModa Para Usar
Moda Para Usar
 
Mídias Digitais - Aula 1
Mídias Digitais - Aula 1Mídias Digitais - Aula 1
Mídias Digitais - Aula 1
 

Último

Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasCassio Meira Jr.
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasRosalina Simão Nunes
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Mary Alvarenga
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxLuizHenriquedeAlmeid6
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniCassio Meira Jr.
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxLuizHenriquedeAlmeid6
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresLilianPiola
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.keislayyovera123
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxleandropereira983288
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxOsnilReis1
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfEditoraEnovus
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -Aline Santana
 
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...ArianeLima50
 
Orações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxOrações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxKtiaOliveira68
 
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumGÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumAugusto Costa
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADOcarolinacespedes23
 
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxD9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxRonys4
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividadeMary Alvarenga
 
Slides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSlides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSilvana Silva
 

Último (20)

Habilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e EspecíficasHabilidades Motoras Básicas e Específicas
Habilidades Motoras Básicas e Específicas
 
CINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULACINEMATICA DE LOS MATERIALES Y PARTICULA
CINEMATICA DE LOS MATERIALES Y PARTICULA
 
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicasCenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
Cenários de Aprendizagem - Estratégia para implementação de práticas pedagógicas
 
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
Grupo Tribalhista - Música Velha Infância (cruzadinha e caça palavras)
 
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptxSlides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
Slides Lição 4, Betel, Ordenança quanto à contribuição financeira, 2Tr24.pptx
 
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e TaniModelos de Desenvolvimento Motor - Gallahue, Newell e Tani
Modelos de Desenvolvimento Motor - Gallahue, Newell e Tani
 
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptxSlides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
Slides Lição 03, Central Gospel, O Arrebatamento, 1Tr24.pptx
 
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolaresALMANANHE DE BRINCADEIRAS - 500 atividades escolares
ALMANANHE DE BRINCADEIRAS - 500 atividades escolares
 
Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.Época Realista y la obra de Madame Bovary.
Época Realista y la obra de Madame Bovary.
 
Pedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptxPedologia- Geografia - Geologia - aula_01.pptx
Pedologia- Geografia - Geologia - aula_01.pptx
 
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptxATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
ATIVIDADE AVALIATIVA VOZES VERBAIS 7º ano.pptx
 
Simulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdfSimulado 1 Etapa - 2024 Proximo Passo.pdf
Simulado 1 Etapa - 2024 Proximo Passo.pdf
 
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
DESAFIO LITERÁRIO - 2024 - EASB/ÁRVORE -
 
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
Cultura e Literatura indígenas: uma análise do poema “O silêncio”, de Kent Ne...
 
Orações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptxOrações subordinadas substantivas (andamento).pptx
Orações subordinadas substantivas (andamento).pptx
 
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - CartumGÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
GÊNERO TEXTUAL - TIRINHAS - Charges - Cartum
 
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
activIDADES CUENTO  lobo esta  CUENTO CUARTO GRADOactivIDADES CUENTO  lobo esta  CUENTO CUARTO GRADO
activIDADES CUENTO lobo esta CUENTO CUARTO GRADO
 
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptxD9 RECONHECER GENERO DISCURSIVO SPA.pptx
D9 RECONHECER GENERO DISCURSIVO SPA.pptx
 
Música Meu Abrigo - Texto e atividade
Música   Meu   Abrigo  -   Texto e atividadeMúsica   Meu   Abrigo  -   Texto e atividade
Música Meu Abrigo - Texto e atividade
 
Slides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptxSlides 1 - O gênero textual entrevista.pptx
Slides 1 - O gênero textual entrevista.pptx
 

Grid de design: elementos e vantagens

  • 1.
  • 2.   Todo o trabalho de design envolve a solução de problemas visuais e de organização de elementos: Blocos  de   texto   Imagens   Tabelas  
  • 3. Vantagens   Introduz  uma  ordem  sistemá8ca  no  Layout   Diferencia  8pos  de  informação   Facilita  a  leitura   Rapidez  na  diagramação   Vários  colaboradores  no  mesmo  projeto  
  • 4. Construir  um  grid  eficaz   significa  destrinchar  seu   conteúdo  em  termos  de  suas   qualidades  visuais  e  semân8cas   de  seu  espaço  8pográfico  
  • 5. O  projeto  de  um  grid  depende  de  duas  fases  de  desenvolvimento:   Primeira  fase   Avaliação  das  caracterís8cas  informa8vas  e  as  exigências  de   produção  do  material   Prevenção  de  eventuais  problemas  como:   Títulos  compridos  demais   Cortes  de  imagens   Espaços  vazios  por  falta  de  material  
  • 6. O  projeto  de  um  grid  depende  de  duas  fases  de  desenvolvimento:   Segunda  fase   Dispor  o  conteúdo  de  acordo  com  as  diretrizes  montadas  no  grid   O  grid  NUNCA  pode  prevalecer  sobre  a  informação   Oferecer  uma  unidade  geral  sem  destruir  a  viltalidade  da   composição   Variedade  de  soluções  inesgotável  
  • 8. Um  grid  é  formado  por   Colunas   Módulos   Margens   Guias   horizontais   Zonas   Marcadores   espaciais  
  • 9. Margens   Colunas   Guias   Zonas   espaciais   Módulos   Marcadores  
  • 10. Colunas  –  Alinhamentos  ver8cais  que  criam  divisões  horizontais  entre  as  margens   Módulos  –  Unidades  individuais  de  espaço  separadas  por  intervalos  regulares   Marcadores  :  Indicadores  de  Localização   Zonas  espaciais:  Grupos  de  módulos,  que  juntos,  formam  campos  dis8ntos.   Cada  campo  pode  receber  uma  função  específica  .  Ex:  Imagens  ou    bloco  de  texto   Guias  horizontais:  Alinhamento  para  orientação  dos  olhos  no  formato   Margens  :  Espaços  “nega8vos”  entre  o  limite  da  página  e  o  conteúdo