INSTITUCIONAL
COMUNIDADE
BLOG
AJUDA
MINHA CONTA
EN PT ES

Imagen6538P

Uso: Cores, Contrastes e sublinhados

Para obter uma leitura cômoda se deve sempre procurar um bom contraste entre as cores de fundo e as dos textos. É necessário encontrar uma combinação que não distorça a leitura. Por María José Serres, da equipe de marketing de ARTech

Se usam fundos estampados, eles devem permitir a leitura do conteúdo sem chamar a atenção do olho. Não se deve esquecer que o fundo é um meio para ajudar -> leitura e favorecer a compreensão do conteúdo.

A leitura vai ser mais c
ômoda quanto maior seja o contraste das cores. O maior contraste se obtém com fundo branco e letras pretas. A combinação inversa (fundo preto e letras brancas) se bem tem muito contraste não é tão usada. Têm havido discussões sobre qual das duas opções é a melhor para ler texto. Minha opinião é que convém orientar o contraste ao tipo de sites a realizar e seu público objetivo. Se eu quero fazer um site para skaters, rockandrollers, motociclistas, etc. o fundo preto vai gostar mais. Em sites corporativos, intranets, sites de bancos, etc. recomendo usar a combinação de fundo branco e letras pretas. Seguindo no mesmo âmbito de aplicações Web, se quiser variar a cor de fundo, sempre é recomendável seguir com fundos claros, cores pastéis, e letras de cores escuras, preto ou próximas ao preto.

H
á sites onde se podem provar online algumas das combinações de cores entre fundo e texto. Um deles é http://www.nbp.org/ic/nbp/process.html?mv_nextpage=customize%2ehtml&mv_todo=set&style_size=large&id=EcfxrsZw

Se quiserem ler sobre pesquisas no tema, recomendo ler http://www.usabilitywebsite.com/usabilityresearch_color.htm
Na vers
ão 8.0 de GeneXus se podem estabelecer as combinações de cores no editor de temas, na classe "Form" e brincar com elas sem ter que mudar nenhuma linha de código.



H
á duas cores para os textos que têm um significado particular, independentemente do que diga o texto. E é por isso que se devem usar essas cores só para obter esses significados e vice-versa, para obter esses significados, só usar essas cores.
Estas cores são o vermelho e o azul.

A cor vermelha significa atenção, erro, perigo (também se aplica ao meio físico, como o cartaz de "Pare") portanto deve usar-se só para as mensagens de erro. Em caso de mostrar mensagens de erro em outra cor que não seja o vermelho, o usuário vai ter mais dificuldade em identificar esse texto como uma mensagem de erro (->s vezes se usam ícones de atenção, mas a recomendada e mais usada é a cor vermelha)

A cor azul, normalmente acompanhada com o texto sublinhado indica um enlace.
Se em um texto se encontrar uma palavra em azul, intuitivamente se tende a pensar que
é um enlace (embora não esteja sublinhado), e se defrauda ao usuário se este procura clicar na palavra que não vai a lugar nenhum.

Muitas vezes os enlaces dentro dos blocos de texto se mostram na mesma cor que o enlace, n
ão em forma tão intuitiva como a que resulta de usar a combinação com a cor, portanto recomendo nã

Relacionado
Tipografia
Alihamento dos textos
Fontes
Usabilidade: velocidade de descarga
Usabilidade: Tipos de links.
Novos parceiros acadêmicos no Brasil!