Organiza os elementos visuais que estarão na peça gráfica para transmitir uma informação,   sendo composto por conjuntos d...
•   Clareza•   Eficiência•   Economia•   Identidade
O projeto de grid tem duas fases:     Avaliação                        DiagramaçãoAvalia as características      •   Dispo...
•   Colunas•   Margens•   Zonas Espaciais•   Módulos•   Guias Horizontais•   Marcadores
• Coluna   Alinhamento verticais    que “bloca” a    continuação de    informação, contribuindo    com a orientação da   ...
• Margens   Espaços negativos    que indicam o limite    do conteúdo.   Ajudam a estabelecer    a tensão geral dentro   ...
• Zonas espaciais   Agrupamento de    módulos utilizados para    reunir uma informação   Sua disposição    é que definir...
• Módulos   Unidades regulares    que formam a grade
• Guias horizontais   Alinhamento horizontal    que ajudam a orientar    o sentido da leitura   Definem pontos de    par...
• Marcadores   Indicam a posição de    informações secundárias    ou elementos de    repetição, como:     •   Cabeçalho  ...
•   Retangular•   Colunas•   Modular•   Hierárquico
• Retangular   Versão mais simples    que acomoda um longo    texto corrido, como um    livro.   Esse tipo causa    cans...
• Colunas   É flexível e pode ser    utilizado para separar    diversos tipos de texto    ou mesmo informação.   Pode se...
• Modular   Originário da Bauhaus e    do Estilo Internacional    suíço, utilizado combinar    tipos de grades para    un...
• Hierárquico   Ordena as informações    de forma semântica e    ergonômica, dando mais    peso e contraste para    uma i...
Fundamentos da grid
Fundamentos da grid
Fundamentos da grid
Fundamentos da grid
Fundamentos da grid
Fundamentos da grid
Upcoming SlideShare
Loading in...5
×

Fundamentos da grid

3,421

Published on

Published in: Design
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,421
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
183
Comments
0
Likes
5
Embeds 0
No embeds

No notes for slide

Fundamentos da grid

  1. 1. Organiza os elementos visuais que estarão na peça gráfica para transmitir uma informação, sendo composto por conjuntos de “regras” como colunas e linhas.Blocos de texto imagens tabelas
  2. 2. • Clareza• Eficiência• Economia• Identidade
  3. 3. O projeto de grid tem duas fases: Avaliação DiagramaçãoAvalia as características • Dispor o conteúdo de acordoinformativas e as exigências com as diretrizes montadasde produção do material. no grid; • O grid NUNCA pode prevalecerEste método prevê eventuaisproblemas como: sobre a informação;•Títulos compridos demais; • Oferecer uma unidade geral sem destruir a vitalidade da•Cortes de imagens; composição;•Espaços vazios por • Variedade de soluçõesfalta de material. inesgotável.
  4. 4. • Colunas• Margens• Zonas Espaciais• Módulos• Guias Horizontais• Marcadores
  5. 5. • Coluna  Alinhamento verticais que “bloca” a continuação de informação, contribuindo com a orientação da leitura.  Ajuda ao designer a dividir sua composição  A diferença da largura pode da mais peso a uma informação
  6. 6. • Margens  Espaços negativos que indicam o limite do conteúdo.  Ajudam a estabelecer a tensão geral dentro da composição.  Pode ser utilizada para: • Orientar o foco • Respiro • Área secundária de informação
  7. 7. • Zonas espaciais  Agrupamento de módulos utilizados para reunir uma informação  Sua disposição é que definirá: • A geometrização • O agrupamento • A direção visual
  8. 8. • Módulos  Unidades regulares que formam a grade
  9. 9. • Guias horizontais  Alinhamento horizontal que ajudam a orientar o sentido da leitura  Definem pontos de partida  Criam respiro entre as informações
  10. 10. • Marcadores  Indicam a posição de informações secundárias ou elementos de repetição, como: • Cabeçalho • Rodapé • Nome de seção • Paginação • Créditos • Etc
  11. 11. • Retangular• Colunas• Modular• Hierárquico
  12. 12. • Retangular  Versão mais simples que acomoda um longo texto corrido, como um livro.  Esse tipo causa cansaço, necessitando criar algo diferente para estimular a leitura.
  13. 13. • Colunas  É flexível e pode ser utilizado para separar diversos tipos de texto ou mesmo informação.  Pode ser composto por grades diferentes para tipo de conteúdo.
  14. 14. • Modular  Originário da Bauhaus e do Estilo Internacional suíço, utilizado combinar tipos de grades para unificação de conteúdo.  Quanto mais módulo, maior a flexibilidade, mas também aumenta o excesso de subdivisões, podendo gerar confusão ou redundância.
  15. 15. • Hierárquico  Ordena as informações de forma semântica e ergonômica, dando mais peso e contraste para uma informação, variando a área viva em que ocupa.  É preciso fazer um estudo da interação ótica entre dos elementos para criar uma estrutura racional.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×