Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

UFSJ-PE-Diagramação e Design

No description
by

Profª. Alessandra de Falco

on 8 August 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of UFSJ-PE-Diagramação e Design

Produção Editorial
Diagramação e design
O que é diagramação?
“é a arte de coordenar corretamente o material gráfico com o material jornalístico, combinar os dois elementos com o objetivo principal de persuadir o leitor. O gráfico orientando o texto e vice-versa” – Rafael de Souza em Diagramação – O Planejamento Visual Gráfico na Comunicação Impressa
O que é diagramação?
No aspecto da programação visual, a diagramação é o projeto, a configuração gráfica de uma mensagem estampada em alguma publicação (jornal, livro, revista, cartaz etc) servindo de modelo e imprimindo uma identidade para a sua produção em série
O bom diagramador
Tem boa noção sobre a relação conteúdo-espaço, ou seja, sabe adequar títulos, textos, fotos, ilustrações e demais recursos gráficos à dimensão da página no computador onde todo o conteúdo será impresso. Antes da execução técnica tem a importante missão de pensar na elaboração do projeto visual gráfico da página
O trabalho de design pode ser considerado um quebra cabeça com diferentes peças divididas em títulos, textos, fotos e ilustrações, fios, selos, espaço em branco, etc

O encaixe dessas peças deve obedecer ao projeto gráfico do veículo, que é específico e depende do público a que se destina, por isso procura se orientar por algumas regras
Prof. Alessandra de Falco
“é fazer o projeto da distribuição gráfica das matérias a serem impressas (textos, títulos, fotos, ilustrações, etc) de acordo com determinados critérios jornalísticos e visuais. Distribuir técnica e esteticamente, em um desenho prévio, as matérias destinadas à impressão” – Carlos Rabaça e Gustavo Barbosa em Dicionário da Comunicação
"é a consciência dos elementos gráficos com a estética – o liame entre técnica do jornal e a arte da apresentação. A diagramação busca dar o padrão de representação gráfica, ligando harmonia e técnica” – Juarez Bahia em Jornal, História e Técnica
Segundo o Manual de Redação da Folha de S.Paulo, diagramação consiste no trabalho de compor títulos, textos, gráficos, fotos, mapas e ilustrações na página, de forma equilibrada e atraente, buscando criar um caminho de leitura segundo a hierarquia dos assuntos determinada pelo editor. Dentro dos limites do projeto gráfico do jornal, o diagramador deve procurar criar destaques e contrastes entre os elementos visuais da página para torná-la jornalisticamente eficaz e plasticamente agradável
As decisões mais importantes são:
Quais elementos gráficos serão utilizados?
Qual a ordem de sua apresentação?

Essas decisões são influenciadas pelo tipo de mensagem a ser veiculada e pelo consumidor
Quais
regras são usadas?

Design
Vinte regras
para um bom
design

"Regras podem ser quebradas - mas nunca ignoradas"
Elementos do design
Timothy Samara

David Jury, tipógrafo e escritor
About Face, Suiça, 2004
1. Tenha um conceito
Uma mensagem, uma história, uma ideia, uma narrativa, uma expriência útil a ser transmitida

Uma mensagem clara, vale mais do que uma imagem bonita
2. Comunique, não enfeite
Uau... Que legal! Mas o que é isso mesmo?

A forma carrega significado, seja ela simples ou abstrata

Deve ser adequada a mensagem e ao público

É bom experimentar efeitos e detalhes, mas sem jogá-los aleatoriamente e distorcer a mensagem
3. Crie uma unidade visual
Faça com que todas as partes se comuniquem

Os elementos se relacionam de forma harmônica?

O uso uniforme de cor, tipografia, entre outros recursos, cria uma presença unificada que será identificada com facilidade pelo público
4. Utilize de 2 a 3 tipos
Escolha tipos para objetivos específicos

Varie usando o bold ou o itálico, alterando o tamanho e a cor

Você também pode trabalhar com textura, mas não exagere

O excesso de tipos causa distração e pode confundir ou cansar o leitor
1. Tenha um conceito
Vinte regras
para um bom
design
2. Comunique, não enfeite
5. Mostre 1 coisa de cada vez
Primeiro, chame a atenção do público para algo importante (com uma imagem impressionante, uma tipografia com cor ousada) e depois, conduza-o a outros elementos

Estabeleça uma hierarquia: a ordem que você quer que o leitor veja o material - isso é essencial para a acessibilidade e facilidade do uso
6. Escolha as cores com objetivo
Não selecione cores do nada, saiba o que acontecerá quando misturar determinadas cores e o que elas significarão para o público

As cores transmitem significados pscicológicos e emocionais que variam para grupos e indivíduos

Elas afetam a hierarquia visual e a legibilidade do texto
7. Menos é mais
Quanto mais elementos em um espaço, mais difícil será para o público ver o que deve ser visto

Pense em quanto lixo visual é lançado sobre alguém que caminha diariamente pelas ruas e se pergunte:

"Não faria mais sentido apagar uma parte de todo esse material insignificante em favor de algo claro, simples e inteligível?
8. Crie espaço em branco
O uso do espaço em branco é tão importante quanto o uso dos demais elementos

O espaço em branco chama a atenção para o conteúdo e dá uma folga aos olhos

A falta do espaço branco sobrecarrega e confunde o público, que pode se desinteressar pelo conteúdo
9. Trate a tipografia
como imagem
A tipografia é um material visual - composta de linhas, pontos, formas e texturas - que precisa se relacionar com os outros elementos incluidos no design

Tanto o estilo - bold, caixa-alta, com serifa - como o posicionamento da tipografia complementam a composição
10. Mantenha a tipografia
amigável
Torne-a legível e inteligível

A tipografia pode remeter ao seu público segmentado e se referir a uma época

Ela deve transmitir informação de forma clara

Destaque dados importantes
11. Seja universal,
não se trata de você
Um público amplo tem que entender o que você quis dizer com a forma, a cor, a imagem

O designer sempre tem uma pauta

O público tem que lembrar o que foi visto

Seja claro à luz do senso comum
12. Condense e separe
Crie contraste visual que envolva os olhos, aproximando alguns materiais e separando outros

Dê um ritmo aos espaços, tornando alguns mais compactos e outros mais soltos, puxando um em direção ao outro
13. Jogue com luz e sombras
Certifique-se que há uma ampla gama de tons

Destaque diferenças entre claro e escuro

Constraste tons
14. Seja decidido
Posicione o material visual com confiança e tome decisões claras sobre tamanho, disposição de elementos etc

A determinação faz com que o público acredite no que a mensagem diz

Não o deixe tentando compreender problemas visuais e não focar na mensagem
15. Meça com os olhos:
o design é visual
Uma coisa é o que ela parece - faça com que tenha a devida aparência

Curiosamente, as ilusões óticas são responsáveis por 90% da lógica visual da composição- As formas circulares sempre parecem menores que as quadradas, por isso devem ser sutilmente aumentadas

Os elementos estão alinhados?
16. Produza imagens
Não use aquela mesma fotografia de banco de dados de sempre, que aparece em todo lugar

Tente não contar com o que já existe, embora seja mais fácil e barato

Transforme imagens já existentes

As imagens estabelecem uma forte relação com o público
17. Ignore modismos
Comunique-se com o seu público, que tem gostos específicos e expectativas sobre como quer que seja a comunicação

O design tem que ser significativo para o público, o que fará com que dure por mais tempo
18. Crie movimento
Estático = monótono
Faça o público acreditar que há uma experiência em movimento

Se o layout for plano e não transmitir interação espacial, o público perderá o interesse na mensagem
19. Preste atenção à história,
mas não a repita
O design do passado tem seu lugar, mas é fundamental que o designer considere as mudanças nas estratégias de comunicação e estética que aconteceram

Aprenda com o trabalho dos outros, mas faça o seu próprio trabalho
20. Cuidado com a simetria
Nem sempre a simetria é uma boa estratégia de design

Em geral, os planos visuais simétricos são estáticos e oferecem pouco movimento

Atrapalham a integração de imagens e limitam a flexibilidade do designer que não quer se ajustar ao molde
O design da página de um veículo de comunicação pode se apresentar de forma simétrica ou assimétrica

No estilo simétrico, o equilíbrio formal do layout ocorre no centro da página, servindo como ponto de apoio, dividindo a página de modo uniforme, seja no sentido horizontal ou vertical

No estilo assimétrico, a inexistência de um centro definido requer do diagramador mais criatividade e habilidade no manuseio de recursos gráficos
simetria x assimetria
“É a folha mais impessoal do jornal e a que procura o público mais diferenciado: nela, todos devem se reconhecer” – Matinas Suzuki Jr., Primeira Página Folha de S.Paulo

“A primeira página é o primeiro encontro com o leitor” – Alberto Dines, 100 Páginas que fizeram a história do jornalismo brasileiro nos últimos 80 anos
Capa ou
primeira página
3. Crie uma unidade visual
4. Utilize de 2 a 3 tipos
5. Mostre 1 coisa de cada vez
6. Escolha as cores com objetivo
7. Menos é mais
8. Crie espaço em branco
9. Trate a tipografia
como imagem
10. Mantenha a tipografia
amigável
11. Seja universal,
não se trata de você
12. Condense e separe
13. Jogue com luz e sombras
14. Seja decidido
15. Meça com os olhos:
o design é visual
17. Ignore modismos
18. Crie movimento
Estático = monótono
19. Preste atenção à história,
mas não a repita
20. Cuidado com a simetria
16. Produza imagens
Full transcript