A cor na web. Cores e partes de uma página

É importante saber escolher as cores que definirão uma parte da página para que seja factível o cometido desta. Veremos que cores são as mais apropriadas para cada seção do site.

Por Luciano Moreno


Publicado em: 16/5/08
Valorize este artigo:
Cada elemento de uma página web e cada agrupamento deles, deve desempenhar na mesma um papel perfeitamente definido, que ademais deve se corresponder com seu peso visual dentro do total da página. Uma das ferramentas mais potentes com as quais o web designer conta para cumprir este objetivo é o uso adequado das cores.

Nos casos de páginas mais complexas, e desde o ponto de vista do que o usuário observa, podemos dividir estas em corpo ou seção principal, dintel, menu e rodapé da página.

Sem dúvida alguma a parte mais importante das mencionadas é o corpo da página, já que ele vai figurar a informação que queremos transmitir ao visitante. Por isto, as cores dominantes nela devem permitir uma leitura de conteúdos clara e amena, assim como uma perfeita visualização de seus elementos gráficos. Para isso, deveremos usar uma cor para o texto que contraste adequadamente sobre o do fundo da página.

Bons contrastes se obtêm: - Com fundos claros e textos escuros, ou ao contrário.



- Com fundos frios e textos cálidos, ou ao contrário, sempre que não sejam análogos.



O tema do contraste entre fundo e texto é difícil de manejar nas páginas web, devido fundamentalmente à pouca resolução que temos na tela do monitor, que costuma ser de uns 5.200 pontos por polegada quadrada, quase 300 vezes menos que a resolução que tem uma página de revista tradicional.

Por isso, o típico conjunto fundo branco-texto preto continua sendo nas páginas web o mais ideal para conseguir um ótimo contraste. Os fundos pretos ou muito escuros podem dar um bom contraste com quase qualquer cor de texto que seja luminoso, enquanto os fundos coloridos podem chegar a trabalhar bem se são apagados e de baixa saturação, como é o caso de tons pastéis, cinzas ou terra.

Por outro lado, não é recomendável usar imagens de fundo nas páginas web, salvo se esta for de uma cor e tom muito apagados e com pouco conteúdo gráfico por unidade de tela, já que distraem muito o usuário e mascaram excessivamente o texto e os demais elementos da página. Só se devem usar quando se realiza um bom estudo do mesmo por um profissional do web designer, já que além do exposto antes desacelera muito o carregamento da página.

Os links representados nesta seção devem ser claramente diferenciados pelo usuário, sobretudo se a página for dirigida a um público muito geral. Se não usamos as cores de link padrão (azuis vivos com texto sublinhado), sim que deveremos usar uma cor que destaque claramente do texto informativo e do fundo.





O dintel se localiza por costume na parte superior da página, e nele costuma-se (na verdade deve-se) exibir o logotipo de nossa página, associação ou empresa. É importante a presença de um logotipo, já que cria um signo de continuidade e de identidade em nossas páginas, mostrando aos visitantes rapidamente onde se encontram. A cor deste deve ser tal que destaque claramente sobre o fundo.





Nos idiomas ocidentais se lêem as páginas de cima para baixo e da esquerda para direita, motivo pelo qual o logotipo se situa quase sempre na esquina superior esquerda. Se a cor de nosso logo for parecida ao que vamos dar ao fundo da página podemos criar um ambiente ao redor do mesmo que permita sua correta visão, o que se costuma conseguir situando uma banda na zona superior da página, com uma cor de fundo diferente ao do corpo da mesma e tal que o logo destaque adequadamente sobre ele.

Também é normal situar nesta zona, à direita do logo, uma mensagem clara e direta sobre a identidade e o conteúdo da página.

O menu de navegação é talvez o elemento mais interativo de uma página, facilitando ao visitante uma rápida navegação por todo o conteúdo do web site. Seus links devem reunir o ser facilmente visíveis com o não ser impactantes demais, já que não devem tirar importância nem ao cabeçalho nem ao texto do corpo.



Podemos criar para esta zona uma banda vertical de uma cor diferente ao do corpo, que pode ser igual ao do cabeçalho ou não. Seus links podem se fundir um pouco com o fundo, dando assim uma sensação de continuidade. Muitos designers se baseiam nos menus de imagens para conseguir isto, pois lhes permitem ter um maior controle sobre o resultado final. Em contrapartida, demorarão mais em carregar.

Uma boa solução é o uso de textos ou imagens que inicialmente não destacam demais sobre o fundo, mas que ao situar o cursor sobre elas se iluminam ou mudam a cor, produzindo-se um efeito positivo com isso.



Também é corrente usar a parte baixa do dintel para inserir nela o menu de navegação. Neste caso, sua cor não deve destacar em excesso sobre o do dintel, devendo buscar sempre a plena integração visual entre ambos.

Por último, o rodapé de página é o elemento menos importante da página, de tal forma que muitos autores nem sequer o consideram. Caso de se use, não convém que sua cor mude com respeito ao fundo do corpo, e se o faz deve ser muito ligeiramente, já que senão podemos distrair a atenção do usuário e criar um corpo de página estreito.



No rodapé da página costuma-se colocar links de tipo terciário, links de correio ou acessos a serviços secundários que proporcione nosso web site.






Usuários :    login / registro

Manuais relacionados
Categorias relacionadas
O autor

Home | Sobre nós | Copyright | Anuncie | Entrar em contato