Editoracao eletrônica e design gráfico

1

Publicidade e Propaganda

Editoração Eletrônica e Design Gráfico

Profa. Amanda Generozo

E-mail: [email protected]

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Aula 3 Sistema de leitura ocidental (centro óptico, centro geométrico, zona principal e zonas mortas da página). A força visual dos blocos de leitura do layout. A hierarquia visual e o entendimento da mensagem. Os elementos na página e a integração entre texto e ilustração através do computador.

Ementa: Princípios de layout e design gráfico.

Conteúdo programático: • A força visual dos blocos de leitura do layout. • A hierarquia visual e o entendimento da mensagem. • Princípios de layout e design gráfico.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Conceito de Editoração Eletrônica

Falleiros conceitua editoração eletrônica como “O ramo da computação gráfica voltado para a produção de peças gráficas e editoriais, tais como jornais, livros, revistas, catálogos, malas diretas, folhetos, etc.”

(FALLEIROS, Dario Pimentel. O Mundo Gráfico da Informática. São Paulo:Ed. Futura, 2003.)

Na prática: • Podemos considerar a editoração eletrônica como a etapa do processo

de criação, na qual são produzidos, por meio de computadores, layouts e/ou arquivos finalizados.

• Além das peças gráficas e editoriais como as citadas pelo autor, podemos incluir ainda as peças publicitárias, tais como: anúncios, outdoor, catazes, mídia externa, etc.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico A importância do planejamento visual e da editoração eletrônica no desenvolvimento de uma peça gráfica Considerações do contexto social, cultural e econômico:

• Vivemos em uma Era Midiática; • A tecnologia está democratizando a informação e tornando-se

acessível e disponível; • A informação em excesso faz com que cada mensagem dispute a

atenção do público; • Existe um bombardeio de produtos e serviços, todos buscando

consumidores comuns; • A sociedade está visualmente mais rica e ousada.

E o design com isso? Simples: • Necessidade de tornar marcas, produtos e serviços

diferenciados, de fazer com que sejam percebidos em meio ao turbilhão de informações e mensagens publicitárias.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Quando começa o planejamento visual?

Leitura e entendimento do briefing

Definição do formato.

Layout e o uso do grid.

Tipografia e Imagem. Uso das cores.

Quando começa a editoração eletrônica?

Produção do layout.

Quando termina a editoração eletrônica?

Na finalização do arquivo.

rough (raf)

pesquisa/estudo

para aprovação do cliente

para impressão/veiculação

NO

VOS JO

BS/C

LIENTES

JOB

S PERIÓ

DIC

OS

}

}

}

}

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Ferramentas para editoração eletrônica

Plataformas utilizadas: MAC (Macintosh) e PC

Softwares mais utilizados para editoração eletrônica: Basicamente, os aplicativos para editoração eletrônica se enquadram em três categorias:

Ilustradores: usam vetores para produzir ilustrações, gráficos, desenhos e logotipos. Principais softwares: Adobe Illustrator, CorelDRAW e Macromedia Freehand.

Editores de imagens: trabalham com bitmaps para produzir, editar e retocar imagens e fotos. Principais softwares: Photoshop.

Paginadores/finalizadores: fazem a montagem final (diagramação) dos elementos – textos, ilustrações e fotos (vetores e bitmaps) – e dão forma ao projeto gráfico. Principais softwares: Adobe InDesign, Pagemaker e QuarkXPress.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Concepção gráfica na mídia impressa

• A instantaneidade dos meios eletrônicos criou a necessidade de ordenamento dos elementos no espaço gráfico e a uniformidade gráfica e editorial tornou-se um imperativo;

• A estrutura gráfico-editorial representa para o leitor a imagem da publicação (jornal, revista, newsletter entre outros);

• A primeira página de uma publicação representa a “embalagem de todo o produto”. Então, a capa deve reunir características e atrativos próprios que permitam ao leitor identificar a publicação por meio dela.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade gráfica e editorial

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade gráfica e editorial

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias

Campanha: UNHATE (Não odeie) - Benetton

Com a campanha Unhate, a marca italiana de roupa pretende opor-se à cultura do ódio e incentivar a proximidade entre os povos, crenças, culturas e a compreensão pacífica das razões dos outros.


Campanha: Você pode ser o que quiser - Boticário

A história sempre se repete. Tdo chapuzinho vermelho que se preze, um belo dia, coloca o lobomau na coleira.

Era uma vez, uma garota branca como a neve que causava muita invejanão por ter conhecido sete anões, mas vários morenos de 1,80 m.


Campanha: Você pode ser o que quiser - Boticário


Campanha: Havainas


Campanha: Havainas

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Sistema de leitura ocidental

• O início da escrita ocidental é sempre no lado superior esquerdo.

• O movimento ótico na leitura ocidental é da esquerda para a direita.

• A visão instintivamente se desloca em diagonal para o lado inferior oposto, assim, a rota básica da vista se projeta do lado superior esquerdo para o lado inferior direito.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Zonas de visualização na mídia impressa

1. principal ou primária; 2. secundária; 3. morta; 4. morta; 5. centro ótico; 6. centro geométrico

Edmund C. Arnold

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Zonas de visualização na mídia impressa

• Principal ou primária: deve conter um elemento forte – como uma imagem, um grande título, um grafismo – para atrair o interesse do leitor.

• Secundária: deve conter elementos para finalizar a página que ajudem a compreender a mensagem da página como um todo.

• Morta: o projeto gráfico deve atentar-se para as zonas mortas da página e preenchê-las com elementos de grande atração visual para conduzir a leitura de forma confortável e rápida.

• Centro ótico: está situado um pouco acima do centro geométrico e deve apresentar aspectos atrativos para que a leitura se torne ordenada e racional.

• Centro geométrico: é o ponto de cruzamento das diagonais.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Estudos de Alfred Yarbus divergem do esquema de Edmund Arnold

• A partir dos anos 1980 e 1990, estudos que captavam os “caminhos” do olhar sobre uma superfície demonstraram que ideia de zonas de visualização era mais uma aposta errada.

• Estudos do russo Alfred Yarbus sobre a maneira como observadores olham para uma obra visual mostram que o olhar do ser humano segue caminhos variáveis, mas fortemente determinados pelos elementos de maior interesse na composição visual.

A possibilidade: • Quem determina para onde se olha numa composição visual é

o artista que criou a composição. Vale a leitura: http://meiradarocha.jor.br/news/2007/08/10/zonas-de-visualizacao-da-pagina-impressa/

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Exemplos de aplicação das zonas de visualização da página





Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico A hierarquia visual

• Estabelece o nível de importância de cada informação dentro da página impressa;

• Guia o leitor, determinando uma harmonia dos movimentos que leva a compreensão da mensagem;

• Agrupa informações semelhantes ou relacionadas por meio dos elementos gráficos.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Como criar hierarquia na página?

• Distribuição do espaço gráfico; • Distribuição dos elementos dentro do espaço gráfico; • Adição de elementos gráficos (imagem, box, linha fina); • Área destinada à imagem; • Peso da fonte utilizada no título; • Bloco de texto.

Pontos a considerar: • Público para o qual a publicação se destina; • Função da publicação; • Scanner da página feito pelo leitor; • Interesses desse público; • Agilidade na informação.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Elemento gráficos

Recursos visuais utilizados na composição do layout.

Nas peças publicitárias, os principais são: Título, texto, imagem (bitmap ou vetor) e logotipo. Alguns anúncios utilizam-se do grafismo.

Nos editoriais, os principais são: Cabeçalho e vinhetas. Título, subtítulo, intertítulo. linha fina, highlight, texto, imagem (bitmap ou vetor), infográficos, legendas, box.

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos na publicidade








Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos

gráficos nos editoriais

Padrão gráfico

Espaço gráfico Proporção da foto Peso do título Inclusão da linha fina

Agrupamento das informações

Zona secundária Ponto de atenção

Agr

upam

ento

das

in

form

açõe

s

Zonas de visualização

Ent

rada

da

pági

na

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais Zonas de visualização

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Título

Cabeçalho

Linha fina

Infográfico Infográfico

Vinheta

Highlight

Bloco de texto

Leganda

Subtítulo

Intertítulo

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Hierarquia visual e elementos gráficos nos editoriais

Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico

Bibliografia desta aula:

SILVA, Rafael Souza. Diagramação: o planejamento visual gráfico na comunicação impressa”. São Paulo : Summus Editorial, 1985.

AMBROSE, Gavin. Layout : s.m. um arranjo de partes etc. de acordo com um plano. 1ª ed. Porto Alegre: Bookman, 2009.

Arquivo pessoal de imagens.