DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com...

Post on 04-Jul-2020

1 views 0 download

Transcript of DESIGN EDITORIAL AULA 09 - WordPress.com · ra unta vex como dc No tempo de outras atividades e com...

DESIGN EDITORIAL – AULA 09

Prof. Sergio Xavier

Sumário Detalhamento dos Fundamentos do Grid Anatomia do Grid Vantagens do Grid Variação e violação Sequência e cadência: criação e fluxo entre as

páginas

Detalhamentos dos Fundamentos do Grid

Tipos de Grids Retangular Colunas Modular Hierárquico

Tipos de Grids > GRID DE 1 COLUNA (=RETANGULAR)

Tipos de Grids > GRID DE COLUNAS

Tipos de Grids > GRID MODULAR

Tipos de Grids > GRID HIERÁRQUICO

Anatomia do Grid É constituído por um conjunto específico de

relações de alinhamento que serve como um guia para distribuição de elementos em formato de página.

Anatomia do Grid (exemplo)

Vantagens do Grid Clareza Eficiência Economia Identidade

Variação estrutural

Variação estrutural (exemplos)

Variação estrutural (exemplos)

Variação estrutural (exemplos)

Variação e violação

Variação contínua O conteúdo de texto e imagem muda continuamente a

cada página dupla de acordo com sua posição.

Sequência e cadência: criação e fluxo entre as páginas É uma das considerações mais importantes para

o designer. Compreende ritmo visual ou um tempo que o leitor absorve em cada página dupla.

A variação pode ser do lento para o rápido, ou do tranquilo ao dinâmico.

Prof. Me. Sergio Xavier sergiosx@gmail.com

Blog: profsergioxavier.wordpress.com www.facebook.com/profsergioxavier