design editorial aula 09 · design editorial –aula 09 prof. sergio xavier. ... marketing, c do...

22
DESIGN EDITORIAL AULA 09 Prof. Sergio Xavier

Upload: phungkhanh

Post on 02-Dec-2018

221 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

DESIGN EDITORIAL – AULA 09

Prof. Sergio Xavier

Page 2: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

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

Page 3: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Detalhamentosdos Fundamentosdo Grid

Page 4: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Tipos de Grids Retangular Colunas Modular Hierárquico

Page 5: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

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

Page 6: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Tipos de Grids > GRID DE COLUNAS

Page 7: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Tipos de Grids > GRID MODULAR

Page 8: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Tipos de Grids > GRID HIERÁRQUICO

Page 9: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

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.

Page 10: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Anatomia do Grid (exemplo)

Page 11: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Vantagens do Grid Clareza Eficiência Economia Identidade

Page 12: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Variação estrutural

Page 13: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Variação estrutural (exemplos)

Page 14: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Variação estrutural (exemplos)

Page 15: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Variação estrutural (exemplos)

Page 16: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Variação e violação

Page 17: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

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

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

Page 18: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

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.

Page 19: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme
Page 20: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme
Page 21: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme
Page 22: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme

Prof. Me. Sergio [email protected]

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