View
9.025
Download
0
Category
Preview:
DESCRIPTION
Nesta apresentação, vamos abordar a importância do design como ferramenta estratégica, a importância do planejamento gráfico e conceitos essenciais para a construção de uma peça publicitária ou editorial: uniformidade visual, sistema de leitura ocidental, hierarquia visual e elementos gráficos.
Citation preview
1
Publicidade e Propaganda
Editoração Eletrônica e Design Gráfico
Profa. Amanda Generozo
E-mail: amanda.generozo@aedu.com
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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias
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.
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias
Campanha: Você pode ser o que quiser - Boticário
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias
Campanha: Havainas
Publicidade e Propaganda | Editoração Eletrônica e Design Gráfico Uniformidade nas campanhas publicitárias
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 Exemplos de aplicação das zonas de visualização da página
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 Exemplos de aplicação das zonas de visualização da página
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 na publicidade
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 na publicidade
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 na publicidade
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 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.
Recommended