editoração eletrônica e diagramação aula 001 breve histórico da editoração eletrônica e...

Editoração Eletrônica e Diagramação

Aula 001Breve histórico da editoração eletrônica e princípios básicos de

diagramação de impressos

Editoração e Diagramação

São conceitos próximos, porém, um pouco diferentes.

• Diagramação, é a disposição dos objetos (textos, ilustrações e imagens) no layout de uma página.

• Editoração (eletrônica) é o processo, que inclui a diagramação desse layout.


Afinal, o que é Diagramação?

Também chamada de maquete, boneca ou espelho, ela é o projeto de trabalho através do qual será feita a editoração ou paginação de um impresso.

Definindo, é a junção de textos a ilustrações, imagens, tabelas ou gráficos respeitando uma programação visual estabelecida anteriormente, tendo como foco principal a hierarquia das informações, equilíbrio entre textos e outros elementos, cores e também a tipografia utilizada.



E Editoração?

Tendo em mãos o texto, o material publicitário, fotos, ilustrações, gráficos, tabelas, o editor cuida de distribuir esse material pelas páginas.

Ele tem que ter em mente o espaço que cada página lhe proporciona para ser coberto.


Objetivo

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

A escolha de uma entre as muitas técnicas conhecidas é fruto 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:

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.


Primórdios

Ao longo da história, os modos de expressão por meio de imagens evoluíram desde os desenhos pictográficos do homem pré-histórico gravados em pedras e cavernas, até as mais complexas formas de expressão da nossa realidade atual.


Primórdios

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

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

1810 1888


No Brasil

1934 1945


No Brasil

Década de 40• Influência dos argentinos (que tinham uma estrutura similar as escolas clássicas), 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

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

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

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

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



Beaux-Arts



Arts & Crafts



Art Noveau



Construtivismo Russo



De Stijl



Bauhaus



Art Déco



Vernacular



New Wave



Cubismo


Evolução Gráfica

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.


Evolução Gráfica


Design Editorial

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)

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


Design Editorial

Componentes relevantes:

• Organização do conteúdo;• Padrão visual;• Definição da estrutura.


Design Editorial

Componentes do layout:

• Capa e/ou Marca; • Cores;• Formato; • Imagens;• Grid; • Composição (critérios);• Tipografia; • Estilo gráfico.


Design Editorial

• 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

• Capa e/ou Marca


Design Editorial

• 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

• Formato


Design Editorial

• 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

• Grid


Design Editorial

• 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

• 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

• Tipografia

6. Extensão da coluna;7. Alinhamento dos parágrafos do texto;8. Relação entre figura (tipografia) e o fundo.


Design Editorial

• Tipografia (IS)

• 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

• Tipografia (Cuidados)

• Uso de Capitulação;• Uso de recuos;• Uso de boxes;• Atenção ao uso de negrito, itálico e sublinhado.


Design Editorial

• 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

• Cores


Design Editorial

• Imagens


Design Editorial

• 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

• Imagens > Fotografia


Design Editorial

• 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

• Imagens > Ilustração


Design Editorial

• 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

• Imagens > Infográficos


Design Editorial

• Imagens > Tabelas ou Gráficos

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


Design Editorial

• Imagens > Tabelas ou Gráficos


Design Editorial

• 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

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

estudiomultifoco.com.br/ftc

editoração eletrônica e diagramação aula 001 breve histórico da editoração eletrônica e...

Documents