BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

63
BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02

Transcript of BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Page 1: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE

DIAGRAMAÇÃO DE MATERIAIS

Semana 01 e 02

Page 2: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Pergunta

ABORDAGEM INICIAL

O que é Diagramação e o que é Editoração?

Page 3: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Objetivo

ABORDAGEM INICIAL

• Levar a informação ao usuário final de forma clara.

• A boa estrutura ou estética deve ser utilizada para guiar a leitura.

Page 4: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Muito Importante dizer:

ABORDAGEM INICIAL

A escolha de uma, entre as muitas técnicas de editoração e diagramação conhecidas, são frutos de uma atitude sensata e responsável, é imprescindível não apenas o conhecimento teórico sobre elas, mas também conhecer onde o produto final vai chegar.

Page 5: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Muito Importante dizer:

ABORDAGEM INICIAL

Os recursos de editoração eletrônica e diagramação colocam à disposição de quem dela se utiliza, um vasto repertório de formas de expressão, que abrangem desde a utilização pura e simples de traço e ponto até os mais complexos efeitos tridimensionais de um grid, por exemplo.

Page 6: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Primórdios

ABORDAGEM INICIAL

Primitivamente o processo de editoração sem o uso de computador era um processo cheio de etapas manuais e bastante complicado. Exigindo destreza e experiência para a execução das tarefas.

Com o surgimento de computadores e softwares específicos, a editoração passou a ser feita em um processo muito mais acelerado, eliminando-se o trabalho manual para se obter as "matrizes" que serão usadas na impressão.

Page 7: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Primórdios

ABORDAGEM INICIAL

Quando surgiram, na metade dos anos 80, os programas de editoração eletrônica, eles eram considerados uma ferramenta restrita apenas a especialistas que atuavam em empresas do ramo editorial.

Page 8: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Page 9: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Page 10: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Page 11: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Page 12: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Década de 40

• Influência dos argentinos (que tinham uma estrutura similar as escolas clássicas europeias), principalmente com o cálculo de textos;

• Usavam e abusavam de ornamentos, negativos, excessos de linhas e boxes;

• As laudas não eram padronizadas.

Page 13: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Década de 50

• Se caracteriza pela disposição RIGIDAMENTE FORMAL do espaço (influência Soviética), das massas e dos volumes.

• Valoriza-se o branco. Eliminam-se linhas e excesso de enfeites.

Page 14: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Final da década de 50

• Mudanças propostas e colocadas em prática por Amilcar de Castro, um escultor brasileiro que circulava por galerias de arte americanas.

Page 15: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Influências de Amilcar de Castro:

• Prevalece os conceitos de diagramação de precisão para manter a fidelidade do projeto gráfico e estabelecer um uso racional do espaço gráfico.

Page 16: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Influências de Amilcar de Castro:

• cria jogos de matérias simétricas com outras assimétricas;

• retira quase todos os fios;

• amplia o claro (canal) entre as colunas;

• adota títulos em caixa baixa;

• padroniza o tamanho e tipo de fontes;

• valorização do material fotográfico.

Page 17: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

No Brasil

ABORDAGEM INICIAL

Page 18: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Beaux-Art (a) Bauhaus (di | a)

Arts & Crafts (di | a) Art Déco (a)

Art Nouveau (di | a)*Vernacular (a)

Construtivismo Russo (p | f) *New Wave (t | c | m)

De stijl (di) Cubismo (p)

Page 19: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Beaux-A

rt

Page 20: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Beaux-A

rt

Page 21: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Art

& C

raft

s

Page 22: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Art

Noveau

Page 23: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Const

ruti

vis

mo

Page 24: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

De S

tijl

Page 25: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Bauhaus

Page 26: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Art

Déco

Page 27: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Vern

acu

lar

Page 28: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

New

Wave

Page 29: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

New

Wave

Page 30: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Movimentos que influenciaram na evolução da diagramação e editoração

ABORDAGEM INICIAL

Cubis

mo

Page 31: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Séc. XVIII e Séc. XIX 1920 a 1940 1970 a ...1960

Distanciamento entre jornais e livros

Processo de paginação

Alterações no layout

Presença do fotojornalismo

Introd. de conceitos de composição

Hierarquização do conteúdo

Ênfase no design e no projeto gráfico

TV e offset

Nasce o design de jornais

Interesse dos leitores pelo grafismo

Equilíbrio entre forma e conteúdo

Infografia, cor, sumário.

ABORDAGEM INICIAL

Page 32: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Evolução Visual

ABORDAGEM INICIAL

Page 33: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

O design editorial promove a organização na forma de projeto gráfico das informações e o aspectos da publicação, concebendo e propagando a identidade do periódico, por meio da diagramação, um grid, imagens, anúncios, organização dos elementos, entre outras características.

Page 34: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial(Projeto Gráfico)

ABORDAGEM INICIAL

Conceito gráfico geral da publicação que ao ser definido, deverá ser replicado pela diagramação.

Page 35: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

Componentes relevantes:

• Organização do conteúdo;

• Padrão visual;

• Definição da estrutura.

Page 36: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

Componentes do layout:

• Capa e/ou Marca; • Cores;

• Formato; • Imagens;

• Grid; • Composição (critérios);

• Tipografia; • Estilo gráfico.

Page 37: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Capa e/ou Marca

• Associada à estrutura da capa é a primeira identificação visual sobre um produto editorial;

• Pode ser composta por logotipo;

• Geralmente, tanto jornais diários quanto revistas apresentam apenas um logotipo como sua marca.

Page 38: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Capa e/ou Marca

Page 39: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Formato

• Podem ser predefinidos, a sua escolha será de acordo as questões pautadas.

• Delimitado pela margem e mancha gráfica.

• Formatos conhecidos: Tablóides e Broadsheet.

Page 40: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Formato

Page 41: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Grid

• Sistema modular de organização e dinamização do conteúdo;

• Rede de linhas-guia relativas aos eixo axial do documento;

• Preocupação com a legibilidade do componente textual do periódico.

Page 42: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Grid

Page 43: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Tipografia

• Elemento mais importante no design de um impresso;

• Compreende tanto a criação quanto a composição de caracteres para transmitir mensagens.

Page 44: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Tipografia

1. Presença de serifa na fonte;

2. Design particular da fonte (estilo);

3. Composições de letras em caixa alta e baixa;

4. Espaçamento entre letras (kerning);

5. Espaçamento entre linhas (leading);

Page 45: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Tipografia

6. Extensão da coluna;

7. Alinhamento dos parágrafos do texto;

8. Relação entre figura (tipografia) e o fundo.

Page 46: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Tipografia (Ficar atento à)

• Adequação da tipografia à funcionalidade do projeto gráfico;

• Limitação da quantidade de tipos de fonte utilizados em um periódico;

• Escolha do estilo tipográfico certo para promover a legibilidade.

Page 47: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Tipografia (Cuidados)

• Uso de Capitulação;

• Uso de recuos;

• Uso de boxes;

• Atenção ao uso de negrito, itálico e sublinhado.

Page 48: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Cores

• Qual a sua influência perante o público-alvo;

• Serve para diferenciar, evidenciar ou camuflar determinados elementos da página;

• Paleta de cores específica para transmitir a identidade da publicação.

Page 49: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Cores

Page 50: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens

Page 51: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Fotografia

• Grande poder expressivo e informativo;

• O editor deve pensar visualmente e o fotógrafo editorialmente para uma perfeita integração entre imagens e textos;

• Quanto mais expressiva ou sintética em relação ao conteúdo seja a foto, maior destaque ela deve possuir na página.

Page 52: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Fotografia

Page 53: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Ilustração

• Maior poder de interpretação, pois muitas vezes exprimem a opinião de um autor;

• Podem auxiliar na descrição de eventos complexos, de difícil explicação;

• Podem possuir forte teor informativo (ilustrações informativas), quanto opinativo (charges e tirinhas).

Page 54: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Ilustração

Page 55: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Infográficos

• Representações visuais da informação que podem utilizar textos, ilustrações e fotografias;

• Capaz de simplificar processos ou ocorrências complexas ou peculiares, que não podem ser "vistos" facilmente pelos leitores;

• Maior capacidade de fixação do conteúdo na mente do leitor.

Page 56: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Infográficos

Page 57: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Tabelas ou Gráficos

• Maior capacidade de fixação do conteúdo na mente do leitor ao se fazer comparações.

Page 58: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Tabelas ou Gráficos

Page 59: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Composição (critérios)

• Toda composição é, em si, uma mensagem;

• A padronização dos critérios de composição transmitem melhor a personalidade gráfica de um jornal, por exemplo.

Page 60: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

• Estilo gráfico

• Coerência estilística dos elementos que compõem o projeto gráfico;

• Pode variar em cada página ou edição de uma publicação;

• Quanto mais conciso, maior a capacidade de reconhecimento futuro do leitor.

Page 61: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Design Editorial

ABORDAGEM INICIAL

Design Editorial contemporâneo

• Valorização do conteúdo pela organização da página;

• Modulação como forma de padronização da diagramação;

• Divisão dos conteúdos em peças para os diferentes gêneros;

• Rigor no uso da tipografia

• Sensatez no uso de cores e respeito aos preceitos da informação;

• Uso eficiente da infografia.

Page 62: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.
Page 63: BREVE HISTÓRIA DA EDITORAÇÃO E PRINCÍPIOS BÁSICOS DE DIAGRAMAÇÃO DE MATERIAIS Semana 01 e 02.

Download da semana 01 e 02

www.estudiomultifoco.com.br/ftc