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