DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do...
-
Upload
phungkhanh -
Category
Documents
-
view
221 -
download
2
Transcript of DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do...
![Page 1: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/1.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/2.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/3.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/4.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/5.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/6.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/7.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/8.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/9.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/10.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/11.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/12.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/13.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/14.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/15.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/16.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/17.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/18.jpg)
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](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/19.jpg)
![Page 20: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/20.jpg)
![Page 21: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/21.jpg)
![Page 22: DESIGN EDITORIAL AULA 09 · DESIGN EDITORIAL –AULA 09 Prof. Sergio Xavier. ... Marketing, c do Rádio ... Slide 1 Author: marcelo.guilherme](https://reader030.fdocumentos.tips/reader030/viewer/2022020318/5c03ada309d3f2e5418c84b6/html5/thumbnails/22.jpg)
Prof. Me. Sergio [email protected]
Blog: profsergioxavier.wordpress.comwww.facebook.com/profsergioxavier