Relacionamento entre imagem e texto

O informativo da Ong Change People “How to make information accessible a guide to producing easy read documents” aponta alguns critérios na aplicação de imagens:

• Dimensão: o tamanho (largura x altura) deve ser o maior possível sem que haja sobreposição de outros itens no layout. A proporção da imagem deve ser respeitada, evitando-se distorções e aspecto enevoado (blur).
• Posicionamento: o posicionamento das imagens deve ser coerente, ou seja, a imagem deve estar na mesma página e próxima ao texto ao qual se relaciona. 
• Sentido: As imagens devem estar em sintonia com o texto apresentado, e caso a imagem seja repetida em um outro bloco de texto, seu significado deve permanecer o mesmo.
• Fotos: podem substituir imagens com sucesso, porém, a foto deve conter apenas elementos simples e que se dirijam diretamente ao sentido do texto.
• Outros recursos: Caso a imagem aplicada não contenha o sentido completo a ser passado, pode-se fazer uso de balões de falas (como nos quadrinhos), ou uma sequência de imagens que complementem a primeira, ou ainda, aplicar setas e marcadores coloridos. Outro recurso é o de combinar imagens para criar novos significados.

O manual "How to make information accessible
a guide to producing easy read documents".

2012 com muita cor!

Aplicando cores

A melhor maneira de se planejar e aplicar cores em um layout é criando um esboço a traço ou em tons monocromáticos. Desta forma pode-se garantir que as cores não serão, isoladamente, as responsáveis por comunicar ou dar sentido a mensagem.

Uma composição contrastante é composta com tons de harmonia tríade ou de cores complementares (opostas no espectro), mas não tonalidades adjacentes (cores aproximadas).

No artigo Color a Microsoft aponta que as cores possuem alto contraste quando existe uma grande diferença de valores entre: tom, saturação e/ou brilho.

Hue, saturation e luminosity.

Color Universal Design

O Color Universal Design é um composto de diretrizes que busca garantir às informações gráficas, principalmente as transmitidas em vias públicas, a possibilidade de serem compreendidas por um maior número de pessoas.

Na imagem acima observa-se:

A.     Imagem original;

B.  Imagem original visualizada por portador de daltonismo;

C.  Design otimizado.

Pluggins e Softwares

Existem disponíveis para download o pluggin Vischeck e o software Fujitsu Color Doctor que através de filtros que simulam as cores vistas pelo portador de daltonismo.

A partir da versão CS4, o software Adobe Photoshop disponibiliza um filtro de mesma função.

Espectrode cores segundo os tipos de daltonismo. Adaptado: Sci-fun.

Algumas dicas

Quando há pouca variação das cores nas imagens deve-se alterar o brilho ou a matiz da cor. No tópico Prova de cores em mídia eletrônica a Adobe aconselha:

·        O vermelho puro tende a aparecer escuro e turvo; o vermelho alaranjado é mais fácil de        reconhecer.

·        O verde azulado é menos confundido do que o verde amarelado.

·        O cinza pode ser confundido com magenta, rosa-pálido, verde pálido ou verde 

      esmeralda.

·        Evite as seguintes combinações sempre que possível: vermelho e verde; amarelo e 

      verde brilhante; azul claro e rosa; azul escuro e violeta.

·        Adicione contornos brancos, pretos ou de cores escuras nos limites de cores.