0% acharam este documento útil (0 voto)

3 visualizações4 páginas

Grids

O documento aborda o conceito de GRIDs no design, enfatizando sua importância como recurso de organização visual e harmonia. Ele discute a anatomia de um GRID, incluindo margens, linhas guias, colunas e módulos, além de oferecer dicas sobre como utilizá-los efetivamente. Também menciona que o uso de GRIDs não é obrigatório, mas pode melhorar a eficácia do design.

Enviado por

ficamosloucosofc

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

0% acharam este documento útil (0 voto)

3 visualizações4 páginas

Grids

Enviado por

ficamosloucosofc

Direitos autorais

Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.

Formatos disponíveis

Baixe no formato PDF, TXT ou leia on-line no Scribd

Dúvidas??

GRIDS Anatomia de um GRID

Diagramação e Composição
Como usar um GRID?
Criação de Marcas
GRIDS
1. Dúvidas??
1.1. O que é um GRID?

1.1.1. Eu entendo como GRID qualquer conjunto de linhas que são

utilizadas para guiar a criação de um projeto de design.

1.1.2. É, principalmente, um recurso de organização visual, para

fornecer estrutura no design.

1.2. Usar ou não usar??

1.2.1. GRIDs não são obrigatórios... não é uma regra do design. E é

isso que é o legal. Você pode ou não optar por utilizar.

1.2.2. Mas de um modo geral... usar um grid, seja ele simples de

linhas e colunas, ou grid complexo com Proporção Áurea... ajuda a
manter o seu design harmônico.

1.2.3. Em um projeto de branding, diagramação ou de UX/UI

design, um GRID pode ser usado pra dar unidade no design

[Link]. 1

[Link]. 2

1.3. Como ser o rei dos GRIDs

1.3.1. Grids é um dos recursos do design que mais exigem Estudos

e Prática.

1.3.2. Leia LIVROS!

[Link]. Grid - Construção e Desconstrução

[Link]. Design e Tipografia: 100 Fundamentos do Design com

Tipos

[Link]. Intuição, Ação, Criação: Graphic Design Thinking

1.3.3. Estude outros profissionais e referências

1.4. Porque usar GRIDs?

1.4.1. Podemos mais facilmente determinar o fluxo de leitura que

queremos o nosso leitor tenha.

1.4.2. Nos ajuda a projetar em proporções harmoniosas

balanceando os pesos dos elementos gráficos do layout.

1.4.3. Permite criar peças mais eficazes.

1.4.4. Auxilia a posicionar os elementos com maior precisão.

1.4.5. Acerta as arestas, curvas e alinhamentos do nosso design.

1.4.6. No fim a palavra é mesmo: Harmonia!

1.5. Referência em GRIDS?

1.5.1. Alexandre Wollner

[Link]. 1

1.5.2. Walter Mattos

[Link]. 1

[Link]. 2

1.6. Desmistificando

1.6.1. O GRID não vai engessar a sua criatividade, se você não

quiser!

2. Anatomia de um GRID
2.1. Margens

2.1.1. São os espaços negativos (em branco) entre o limite da

página (borda) e o início do Conteúdo.

2.1.2. Servem para enquadrar e dar o RESPIRO no design.

2.2. Linhas Guias horizontais

2.2.1. São os alinhamentos horizontais. As faixas quebram o espaço

horizontalmente.

2.3. Colunas

2.3.1. São as estruturas verticais que criam divisões horizontais,

delimitam o espaço a ser ocupado pelo conteúdo entre as margens.
2.4. Módulos

2.4.1. São unidades formadas através da junção da coluna com a

linha base.

2.5. Zonas Espaciais

2.5.1. São conjuntos de módulos, que formam uma unidade.

2.6. Lacunas, calhas ou gutters

2.6.1. São os espaços em branco de separação entre colunas e

linhas.
2.7. Marcadores

2.7.1. São elementos secundários localizados na parte externa

(margem), como por exemplo, cabeçalhos, nomes de seções,
paginação e etc.

3. Como usar um GRID?

3.1. Diagramação e Composição
3.2. Criação de Marcas

Grids

Enviado por

Grids

Enviado por

Dúvidas??

GRIDS Anatomia de um GRID

1.1.1. Eu entendo como GRID qualquer conjunto de linhas que são

1.1.2. É, principalmente, um recurso de organização visual, para

1.2. Usar ou não usar??

1.2.1. GRIDs não são obrigatórios... não é uma regra do design. E é

1.2.2. Mas de um modo geral... usar um grid, seja ele simples de

1.2.3. Em um projeto de branding, diagramação ou de UX/UI

1.3. Como ser o rei dos GRIDs

1.3.1. Grids é um dos recursos do design que mais exigem Estudos

1.3.2. Leia LIVROS!

[Link]. Grid - Construção e Desconstrução

[Link]. Design e Tipografia: 100 Fundamentos do Design com

[Link]. Intuição, Ação, Criação: Graphic Design Thinking

1.3.3. Estude outros profissionais e referências

1.4.1. Podemos mais facilmente determinar o fluxo de leitura que

1.4.2. Nos ajuda a projetar em proporções harmoniosas

1.4.3. Permite criar peças mais eficazes.

1.4.4. Auxilia a posicionar os elementos com maior precisão.

1.4.5. Acerta as arestas, curvas e alinhamentos do nosso design.

1.4.6. No fim a palavra é mesmo: Harmonia!

1.5. Referência em GRIDS?

1.5.1. Alexandre Wollner

1.5.2. Walter Mattos

1.6.1. O GRID não vai engessar a sua criatividade, se você não

2.1.1. São os espaços negativos (em branco) entre o limite da

2.1.2. Servem para enquadrar e dar o RESPIRO no design.

2.2.1. São os alinhamentos horizontais. As faixas quebram o espaço

2.3.1. São as estruturas verticais que criam divisões horizontais,

2.4.1. São unidades formadas através da junção da coluna com a

2.5. Zonas Espaciais

2.6. Lacunas, calhas ou gutters

2.6.1. São os espaços em branco de separação entre colunas e

2.7.1. São elementos secundários localizados na parte externa

3. Como usar um GRID?

Você também pode gostar