revisÃo n1 - designgrafico8.files.wordpress.com · dar importância maior para a tipologia e...

40
REVISÃO N1 Projeto Gráfico Jornal I Projeto Gráfico Revista Capa, Primeiras Páginas II Projeto Gráfico Revista Publicação, Páginas Internas III Projeto Gráfico Revista Leis compositivas e desfile IV Projeto Gráfico Revista Colunas, grades, margens, espaçamento e largura. V Projeto Gráfico Revista Contraste, título, subtítulo, capitular, legenda e imagem

Upload: vantruc

Post on 10-Nov-2018

214 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

REVISÃO N1

Projeto Gráfico Jornal

I – Projeto Gráfico Revista Capa, Primeiras Páginas

II – Projeto Gráfico Revista Publicação, Páginas Internas

III – Projeto Gráfico Revista Leis compositivas e desfile

IV – Projeto Gráfico Revista Colunas, grades, margens, espaçamento e

largura.

V – Projeto Gráfico Revista Contraste, título, subtítulo, capitular,

legenda e imagem

Page 2: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

Projeto Gráfico Jornal

Qual é a diferença entre projeto gráfico e

diagramação?

Projeto Gráfico

Projeto gráfico é um conjunto de elementos

que formam e dão característica a um meio de

informação.

Diagramação

Distribuição do texto em uma página, levando

em conta o destaque, a atração, a forma e a

estética.

Page 3: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

Projeto Gráfico Jornal

Tipos de diagramação

1. Vertical – Matérias,

títulos e fotos são

dispostas no sentido

vertical, de cima para

baixo, ocupando somente

uma coluna, disposta

sempre em seqüência.

Monotonia e dificuldade

de leitura.

Page 4: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

Projeto Gráfico Jornal

Tipos de diagramação

2. Horizontal – Matérias,

títulos e fotos são

dispostos em módulos

horizontais.

Atraente e facilita a

leitura em comparação ao

método vertical.

O uso constante deste tipo

de disposição também causa

monotonia e cansaço.

Page 5: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

Projeto Gráfico Jornal

Tipos de diagramação

3. Modular – Matérias,

títulos e fotos são

dispostos no sentido

vertical e horizontal.

Impacto visual e leitura

mais agradável.

Page 6: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

I – Projeto Gráfico Revista Capa

• Embalagem do produto.

• Destaca a manchete principal.

• Sintetiza o conteúdo

Jornalístico.

Page 7: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

I – Projeto Gráfico Revista Capa

Manchete principal

Dar importância maior para a

tipologia e disposição do

título na capa;

Aplicar a tipologia em fundo

simples para dar maior

visibilidade;

Evitar colocar títulos

vazados sobre a ilustração.

Page 8: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

I – Projeto Gráfico Revista Capa

Logo da revista

Os fatores que mais pesam no

projeto de um logo são a

tipologia e a legibilidade;

Sua produção deve estar ligada

a uma situação permanente.

Evitar alterações freqüentes.

Page 9: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

I – Projeto Gráfico Revista Primeiras Páginas

Primeiras páginas da revista

• Editorial

• Sumário

• Expediente

Page 10: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

II – Projeto Gráfico Revista Páginas Internas

Áreas mais valorizadas

As áreas mais valorizadas da página

dupla são o canto superior esquerdo e

o canto superior direito, pois são as

áreas para as quais as pessoas mais

olham.

Metades externas.

Parte superior.

Page 11: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

II – Projeto Gráfico Revista Páginas Internas

Anunciantes

Eles preferem as páginas

direitas porque quando as

pessoas seguram uma revista

e a folheiam, tendem a se

concentrar nas páginas

direitas, pois a mão

esquerda fica segurando

a revista enquanto a

direita folheia.

Page 12: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

II – Projeto Gráfico Revista Páginas Internas

• As imagens envolvem o

leitor por meio de emoção e

curiosidade;

• Só exagere graficamente se

isso esclarecer o

significado;

• Use gráficos e tabelas

para substituir longas

descrições;

• Transformar palavras em

imagens ajuda a amarrar

melhor a edição.

Page 13: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

II – Projeto Gráfico Revista Páginas Internas

Toda página deve ter um

porta de entrada

receptiva

Pode ser qualquer coisa

– verbal, imagem -, mas

tem de identificar,

para os leitores de

que assunto o espaço

trata.

Page 14: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

Infográfico

II – Projeto Gráfico Revista Infográfico

São quadros informativos que misturam

texto e ilustração para transmitir uma

informação visualmente.

Page 15: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

II – Projeto Gráfico Revista Infográfico

Page 16: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

III – Projeto Gráfico Revista Leis compositivas

São aquelas que regem um impresso segundo

sua funcionalidade e estética:

• Equilíbrio

• Variedade

• Destaque

• Contraste

Page 17: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

III – Projeto Gráfico Revista Leis compositivas

Equilíbrio

Distribuição dos elementos na página;

Brancos de uma página.

Page 18: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

III – Projeto Gráfico Revista Leis compositivas

Variedade

Fotos com formatos diferente;

Texto em colunas com

larguras diferentes;

Tipologias diferentes.

Page 19: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

III – Projeto Gráfico Revista Leis compositivas

Destaque

Visível intenção de dar destaque a um

elemento da página.

Page 20: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

III – Projeto Gráfico Revista Leis compositivas

Contraste

Cor;

Tamanho;

Tipologia.

Page 21: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

IV – Projeto Gráfico Revista Colunas, grades

Combinar colunas de diversas

larguras na mesma página,

dentro da mesma matéria ou

entre matérias, é permitido.

Page 22: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

IV – Projeto Gráfico Revista Margens

Sangramento de imagens

• O sangramento aumenta a

página na imaginação do leitor,

e isso fortalece o impacto não

só da página, mas também do

assunto da foto.

• Não desperdice o sangramento

em fotos de produtos com fundo

neutro.

Page 23: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

Sangramento de imagens

IV – Projeto Gráfico Revista Margens

Chame atenção com um forte sangramento

• Ele destrói uma parte da moldura e elimina

uma pequena parte do padrão que o observador

espera encontrar.

• Evite mini-sangramentos insignificantes.

Page 24: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

IV – Projeto Gráfico Revista Espaçamento

A proximidade exprime relacionamento

• A foto flutua a meio caminho entre o texto de

cima e o de baixo. Como o espaço é idêntico, a

foto não pertence a nenhum dos dois.

• Na coluna do meio ela pertence ao final do

texto de cima.

• No exemplo da direita, a foto pertence ao

texto abaixo dela.

Page 25: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

IV – Projeto Gráfico Revista Espaçamento

• Mais espaço antes do título e menos

espaço depois deles faz com que fiquem

pertencendo ao texto que vem a seguir.

• Um subtítulo a meio caminho

entre o parágrafo precedente e

o seguinte não leva o leitor

para o texto que vem a seguir.

Page 26: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

IV – Projeto Gráfico Revista Largura

Uma página totalmente sangrada causa

impacto porque a vastidão de espaço dentro

dela parece transbordar para fora dos

limites do papel.

Aumente seu impacto contrastando-a com uma

foto menor inserida nela.

Page 27: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

IV – Projeto Gráfico Revista Largura

Expanda um ponto focal

com chamarizes espalhados

em volta dele.

Page 28: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

IV – Projeto Gráfico Revista Largura

Atravesse a dobra com parte de um elemento

gráfico que seja grande o suficiente para se

tornar visível.

Page 29: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Contraste

Cheio/vazio

O imenso espaço vazio no meio do qual

flutua a pequena mensagem é contraposto à

densa textura da página direita.

A página esquerda chama 100% de atenção.

Page 30: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Contraste

Alinhado/aleatório

O alto das colunas de texto está

precisamente alinhado. Isso é destacado

pelo contraste com o espaço em branco acima

delas. O texto dentro das colunas fica com

comprimentos variados. A borda claramente

delimitada se contrapõe à borda irregular.

Page 31: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Contraste

Horizontal/vertical

Contrapor as direções dos elementos na

página criam impacto.

Page 32: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Contraste

Nivelamento/angularidade

O contraste entre as unidades horizontais e

os ângulos inesperados cria uma tensão

interessante.

Page 33: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Título e subtítulo

Tipo nos leads

Lead é uma ponte que tem seqüência de três

passos:

O título (1) propõe uma idéia básica

O subtítulo (2) destaca seu significado

O primeiro parágrafo (3) anuncia sua utilidade

Page 34: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Título e subtítulo

Tamanho

O tamanho do tipo do título

deve ser maior do que o

subtítulo.

O tamanho do subtítulo é

maior que o do texto,

sinalizando sua importância.

Ele deve ser grande com

entrelinha generosa

para estimular uma

leitura rápida.

Page 35: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Entretítulo e Capitular

Um entretítulo no alto de uma coluna é um

erro grave. Atrai a atenção do leitor,

fazendo com que ele salte

a coluna esquerda e pode

ser confundido com o

início de uma outra

história.

Page 36: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Entretítulo e Capitular

Viúvas e forcas são sempre acusadas de

“ruins” quando aparecem no alto da

coluna.

Page 37: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Entretítulo e Capitular

Capitulares são usadas no lugar de

entretítulos porque dão cor e

personalidade. Elas chamam a atenção.

Page 38: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Legenda

Cada foto merece sua própria

explicação.

Evite juntar as legendas

num só bloco em outro

lugar da página.

Page 39: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Legenda

Use uma fonte que contraste com o texto

para que a legenda fique fácil de

encontrar.

Nunca coloque a legenda em cima da foto

porque as pessoas não irão vê-la.

Page 40: REVISÃO N1 - designgrafico8.files.wordpress.com · Dar importância maior para a tipologia e disposição do título na capa; ... leitor por meio de emoção e curiosidade; ... cima

V – Projeto Gráfico Revista Legenda

Coloque a legenda à direita se não houver

lugar embaixo.

Olhamos primeiro a foto,

espiamos embaixo para achar

a explicação, depois nos

movemos para a direita.