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?

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.

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.

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.

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.

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.

No Brasil

ABORDAGEM INICIAL

No Brasil

ABORDAGEM INICIAL

No Brasil

ABORDAGEM INICIAL

No Brasil

ABORDAGEM INICIAL

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.

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.

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.

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.

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.

No Brasil

ABORDAGEM INICIAL

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)

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

ABORDAGEM INICIAL

Beaux-A

rt

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

ABORDAGEM INICIAL

Beaux-A

rt

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

ABORDAGEM INICIAL

Art

& C

raft

s

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

ABORDAGEM INICIAL

Art

Noveau

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

ABORDAGEM INICIAL

Const

ruti

vis

mo

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

ABORDAGEM INICIAL

De S

tijl

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

ABORDAGEM INICIAL

Bauhaus

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

ABORDAGEM INICIAL

Art

Déco

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

ABORDAGEM INICIAL

Vern

acu

lar

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

ABORDAGEM INICIAL

New

Wave

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

ABORDAGEM INICIAL

New

Wave

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

ABORDAGEM INICIAL

Cubis

mo

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

Evolução Visual

ABORDAGEM INICIAL

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.

Design Editorial(Projeto Gráfico)

ABORDAGEM INICIAL

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

Design Editorial

ABORDAGEM INICIAL

Componentes relevantes:

• Organização do conteúdo;

• Padrão visual;

• Definição da estrutura.

Design Editorial

ABORDAGEM INICIAL

Componentes do layout:

• Capa e/ou Marca; • Cores;

• Formato; • Imagens;

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

• Tipografia; • Estilo gráfico.

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.

Design Editorial

ABORDAGEM INICIAL

• Capa e/ou Marca

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.

Design Editorial

ABORDAGEM INICIAL

• Formato

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.

Design Editorial

ABORDAGEM INICIAL

• Grid

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.

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

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.

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.

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.

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.

Design Editorial

ABORDAGEM INICIAL

• Cores

Design Editorial

ABORDAGEM INICIAL

• Imagens

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.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Fotografia

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

Design Editorial

ABORDAGEM INICIAL

• Imagens > Ilustração

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.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Infográficos

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.

Design Editorial

ABORDAGEM INICIAL

• Imagens > Tabelas ou Gráficos

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.

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.

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.

Download da semana 01 e 02

www.estudiomultifoco.com.br/ftc