CRP-0357 Produção Gráfica

Aula 4Critérios de avaliação gráfica

e alfabetização visual

Hemisférios cerebrais

O cérebro é mais do que uma máquina racional

Relembrando:o que faz o “bom” design?

• Harmonia

• Equilíbrio

• Figura vs. Fundo

• Ênfase, hierarquia

• Formas

• Camadas

• Contraste

• Fluxo / Ritmo

• Simplicidade / Síntese

Gramática visual:• Harmonia = uniformidade, não paz.

• Equilíbrio = estabilidade, não simetria.

• Figura/fundo = diálogo, não interferência.

• Contraste = visibilidade, não choque.

• Hierarquia = ordem, não aleatório.

Gramática visual:• Formas = identificação, não imaginação.

• Camadas = curiosidade, não pilhas.

• Ritmo = continuidade, não rigidez.

• Simplicidade = clareza, não obviedade.

Harmonianão é tranquilidade, mas unidade.

Equilíbrioé estabilidade. A falta de equilíbrio gera tensão: 

algo prestes a cair desespera.

Simetriaé mais fácil de entender, mas:

Não existe na natureza.

É previsível e monótona.

É estática e imóvel.

Imagem vs. Fundo O olho separa a imagem do fundo: foco.

Ao contrário dos textos, não se "lê" imagens de

forma segmentada e contínua.

Contraste Não é destaque: é o o que torna o mundo visível.

RelaçãoEnxergamos as coisas

por sua relação com o ambiente em volta.

Por isso é necessário ter espaços em branco.

Ênfase: Atrai a atenção do leitor e o guia pelo conteúdo

Determina ordem e hierarquia, evita a confusão e

transmite a mensagem com maior eficiência.

Hierarquia: estabelece ordem.

• Em um design bem executado, nada está em um lugar “por acaso”.

• Como comida, em que temperos e quantidades não são aleatórios.

• Ou como música, que as notas seguem uma ordem estabelecida

• Ou como palavras em uma frase.

• O design funciona como uma expressão verbal.

FormasSão facilmente identificáveis.

CamadasComo um decote ou a janela do vizinho.

Fluxo e RitmoComo em música,

orientam o público para uma rota específica.

Texto, tecido e textura.• Tem origem no mesmo termo em latim.

• A idéia era que o Calígrafo "costurava" o fio do

pensamento. Quanto mais uniforme, melhor.

• Linha de pensamento

• Fio da meada

Simplicidadee Síntese

Regra única: a mensagem deve serCLARA e DIRETA, como uma bronca de pai.

Gramática visual:• Harmonia = uniformidade, não paz.

• Equilíbrio = estabilidade, não simetria.

• Figura/fundo = diálogo, não interferência.

• Contraste = visibilidade, não choque.

• Hierarquia = ordem, não aleatório.

Gramática visual:• Formas = identificação, não imaginação.

• Camadas = curiosidade, não pilhas.

• Ritmo = continuidade, não rigidez.

• Simplicidade = clareza, não obviedade.

Elementos estruturais:Proximidade e alinhamento

Proporção

Consistência

Legibilidade

ProximidadeReconhecemos, agrupamos e damos sentido

a elementos que estão próximos.

Alinhamento• Deve ser consistente: é bom repeti-lo em todas as

páginas, sempre que o assunto ou a hierarquia de

elementos forem os mesmos.

• Para romper com ele é preciso consciência (calcular

o impacto) e coragem: o novo alinhamento deve

ser evidente e chamar a atenção.

• Se for modesto dará a impressão de descuido.  

Teste da régua: • Elementos que parecem estar “soltos”, jogados em

algum lugar sem nenhuma relação com as

margens ou mesmo com os outros elementos de

texto. Isso costuma dar um enorme trabalho e

desconforto ao leitor, que fica tentando procurar

os pontos em comum.

• O agrupamento evidente dá a sensação de

harmonia e consistência gráfica.

Desalinhamento• Elementos parecem estar “soltos”, jogados em

algum lugar sem nenhuma relação com as margens ou mesmo com os outros elementos de texto.

• Esse descuido costuma dar um enorme trabalho e desconforto ao leitor, que fica tentando procurar os pontos em comum.

• O agrupamento evidente dá ums sensação de harmonia e consistência gráfica.

ProporçãoElementos complementares são proporcionais

Proporção e complementaridade

• Componentes de uma mesma mensagem devem ser

complementares, assim serão vistos como um todo.

• Dois elementos que tenham tamanhos, cores,

formas ou direções diferentes tem naturalmente

pesos diferentes.

• Uma das melhores formas de equilibrá-los é

determinar uma proporção entre eles, derivada de

sua importância.

Coerência e Consistência

O design é responsável pela unidade do discurso

do produto que envolve.

Ele dá o “tom” da conversa.

Crie as regras que quiser, mas depois respeite-as.

LegibilidadeTextos existem para serem lidos,

Imagens existem para ser vistas.

O que faz o “bom” design?

• Harmonia

• Equilíbrio

• Figura vs. Fundo

• Ênfase, hierarquia

• Formas

• Camadas

• Contraste

• Fluxo / Ritmo

• Simplicidade / Síntese

• Proximidade e alinhamento

• Proporção

• Consistência

• Legibilidade

Por que é segredo?Se é tão importante, por que tão poucas pessoas

usam essa linguagem gráfica?

Escolas matama criatividadeAo propor que existe, para TUDO,

o certo e o errado. Isso concentra as decisões no lado racional.

Como cobrar por serviços de design?

Design ruim = resultados ruins.

• A experiência é fundamental.

• Poluição visual

• Mensagem confusa ou não transmitida

• Muitos leitores desistem de entender a mensagem

• Na web o formulário de busca é essencial

• Quase nenhuma experiência é satisfatória

Por que o design não é valorizado?

• A visão ainda é arcaica e amadora.

• Programas são amigáveis e de operação fácil – e o

que é fácil tem que ser barato.

• O profissional é visto como “artista”, não

especialista.

O design não é valorizado

Porque designers não resolvem problemas:eles mal definem os objetivos e quase nunca

medem sua efetividade.

Falta a visão do design gerando resultados.

O trabalho só é valorizado quando sua

importância é reconhecida.

O que não mostra valor sempre será caro demais.

Abstrato e concretosão inseparáveis.

Muitos só acham importante o que podem medir.

• E design – como tudo relativo ao hemisfério

direito – não pode ser medido em gramas, metros ou litros.

• Nem mesmo em horas: uma ideia pode ser criada em um instante ou demorar dias.

Como tangibilizaro intangível?

• Os objetivos foram bem definidos?

• O projeto vai aumentar a visibilidade?

• Reduzir dúvidas ou custos?

• Atrair pessoas?

• Diminuir o número de páginas?

• Aumentar a lucratividade?

• Facilitar a vida do cliente / usuário?

Então diga isso claramente.

• Quantifique, exemplifique, demonstre.

• Não faça quem tem pouca capacidadede abstração estética “supor” coisas.

• Não faça quem é analfabeto em amarelo entender

a importância do amarelo.

Absolutamente nada é pressuposto.

Nem essa frase.

Design é mensurável.• E tudo tem seu preço.

• Divida o (re)design em partese tente classificá-las por ordem de

importância e custo.

• Termos mensuráveis são difíceis de combater

ou rejeitar.

ROI (retorno sobre o investimento)

• é usado quando há muitas variáveis ou quando alguns parâmetros são difíceis de medir.

• Costuma ser um dos principais argumentos na restrição a investimentos em design.

Design e disciplinade negócios:

• Identificar e estudar os usuários;

• Modelar cenários de uso;

• Identificar barreiras para o progresso;

• Determinar o impacto das mudanças;

• Integrar o design à comunicação;

• Harmonizar objetivos do usuário e do negócio; e

• Priorizar mudanças pelo

grau de impacto e esforço.

Análise: peças

gráficas(atribua uma nota de 0 a 10 paracada uma das 44 peças a seguir.

Selecione os 3 melhores)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

FIMrespire e compute

FIMpg.eca.luli.com.br

Para casa:Nada.

Boa semana santa.