DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof....
Transcript of DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof....
![Page 1: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/1.jpg)
DESIGN EDITORIAL – AULA 01
Prof. Sergio Xavier
![Page 2: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/2.jpg)
Sumário - O que é DESIGN EDITORIAL - Elementos do DESIGN EDITORIAL - Exemplos de aplicações no séc. XIX - Evolução – anos 50 a 90 - GRID: Estrurando a página
![Page 3: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/3.jpg)
DESIGN EDITORIAL (o que é)
É uma especialidade do design gráfico que abrange a produção editorial impressa de livros, revistas, jornais, boletins informativos e afins. Busca-se dar voz a um texto pela sua disposição, ampliação ou redução, havendo uma concordância do tema com público e a mensagem.
![Page 4: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/4.jpg)
DESIGN EDITORIAL (+ conceitos)
É a aplicação dos conceitos de design gráfico na elaboração da edição de produtos de informação.
Tratar a edição visual vai além da simples decoração das páginas. Deve-se levar em conta o peso da informação, ou seja, desde o caminho da edição fotográfica até a escolha de tipos, cores e grafismos. Ou seja, a linguagem visual que a matéria vai ter.
![Page 5: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/5.jpg)
CRIATIVIDADE +
ADEQUAÇÃO +
CONHECIMENTO TÉCNICO
São as bases para conceber a idéia, ou seja, a peça gráfica para a venda
![Page 6: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/6.jpg)
ELEMENTOS QUE DEVEM SER TRATADOS NO DESIGN EDITORIAL
- Montagem do Grid - Escolha do tipo de fonte - Cores - Infográficos - Ilustrações - Quadros e etc...
![Page 7: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/7.jpg)
EXEMPLOS DE DESIGN EDITORIAL SÉCULO XIX
![Page 8: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/8.jpg)
![Page 9: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/9.jpg)
DESIGN RUSSO
![Page 10: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/10.jpg)
DESIGN RUSSO
![Page 11: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/11.jpg)
DESIGN RUSSO
![Page 12: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/12.jpg)
DESIGN RUSSO
![Page 13: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/13.jpg)
EVOLUÇÃO DO DESIGN EDITORIAL
ANOS 50 – ANOS 90
![Page 14: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/14.jpg)
![Page 15: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/15.jpg)
![Page 16: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/16.jpg)
![Page 17: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/17.jpg)
![Page 18: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/18.jpg)
![Page 19: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/19.jpg)
ESTRUTURANDO A PÁGINA GRID
![Page 20: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/20.jpg)
GRID
É uma divisão em partes que permitam a melhor organização e disposição do conteúdo. É possível fragmentar a página retangular em inúmeras combinações. Para cada tipo de conteúdo, existe uma solução.
![Page 21: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/21.jpg)
GRID
![Page 22: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/22.jpg)
ESTRUTURANDO A PÁGINA MARGENS
![Page 23: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/23.jpg)
MARGENS
São os espaços vazios entre o limite do papel e o conteúdo. Servem para: - orientar o foco da leitura - repousar os olhos - inserir informações repetitivas e secundárias como números de páginas
CUIDADO! Evite colocar as fotos nos espaços próximos das
dobras ou elas não serão vistas quando folheadas
![Page 24: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/24.jpg)
EXEMPLOS DE PÁGINAS ESTRUTURADAS
![Page 25: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/25.jpg)
![Page 26: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/26.jpg)
Exercício Prático para o Projeto do JORNAL TABLÓIDE
Abrir o Indesign para elaborar o GRID do projeto gráfico do JORNAL TABLÓIDE. Seguem as especificações: Formato: 280 x 320 mm Colunas: 4 Data de entrega: 29/01/2014 Enviar para o email: [email protected] Assunto: Design Editorial Manhã
![Page 27: DESIGN EDITORIAL - profsergioxavier.files.wordpress.com · DESIGN EDITORIAL – AULA 01 Prof. Sergio Xavier. ... Tratar a edição visual vai além da simples ... a linguagem visual](https://reader030.fdocuments.net/reader030/viewer/2022020109/5c06727d09d3f2987a8c1d16/html5/thumbnails/27.jpg)
Prof. Me. Sergio Xavier [email protected]
Blog: profsergioxavier.wordpress.com www.facebook.com/profsergioxavier