design editorial - profsergioxavier.files.wordpress.com · design editorial – aula 01 prof....

27
DESIGN EDITORIAL AULA 01 Prof. Sergio Xavier

Upload: doankhanh

Post on 04-Dec-2018

224 views

Category:

Documents


2 download

TRANSCRIPT

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

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

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

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

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

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

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

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
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

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

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

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

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

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
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
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
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
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
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

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

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

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

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

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

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
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

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

Prof. Me. Sergio Xavier [email protected]

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