A cor na web.

Cores e partes de uma pgina

importante saber escolher as cores que definiro uma parte da pgina
para que seja factvel o cometido desta. Veremos que cores so as mais
apropriadas para cada seo do site.
Cada elemento de uma pgina 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 pgina. Uma das ferramentas mais potentes
com as quais o web designer conta para cumprir este objetivo o uso adequado
das cores.
Nos casos de pginas mais complexas, e desde o ponto de vista do que o usurio
observa, podemos dividir estas em corpo ou se!o principal, dintel, menu e rodap
da pgina.
"em d#vida alguma a parte mais importante das mencionadas o corpo da pgina,
j que ele vai figurar a informa!o que queremos transmitir ao visitante. $or isto,
as cores dominantes nela devem permitir uma leitura de conte#dos clara e amena,
assim como uma perfeita visuali%a!o de seus elementos grficos. $ara isso,
deveremos usar uma cor para o texto que contraste adequadamente sobre o do
fundo da pgina.
&ons contrastes se obt'm( ) Com fundos claros e textos escuros, ou ao contrrio.
) Com fundos frios e textos clidos, ou ao contrrio, sempre que n!o sejam
anlogos.
* tema do contraste entre fundo e texto dif+cil de manejar nas pginas web,
devido fundamentalmente , pouca resolu!o que temos na tela do monitor, que
costuma ser de uns -..// pontos por polegada quadrada, quase 0// ve%es menos
que a resolu!o que tem uma pgina de revista tradicional.
$or isso, o t+pico conjunto fundo branco)texto preto continua sendo nas pginas
web o mais ideal para conseguir um 1timo contraste. *s 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 pastis, cin%as ou terra.
$or outro lado, n!o recomendvel usar imagens de fundo nas pginas web, salvo
se esta for de uma cor e tom muito apagados e com pouco conte#do grfico por
unidade de tela, j que distraem muito o usurio e mascaram excessivamente o
texto e os demais elementos da pgina. "1 se devem usar quando se reali%a um
bom estudo do mesmo por um profissional do web designer, j que alm do
exposto antes desacelera muito o carregamento da pgina.
*s lin2s representados nesta se!o devem ser claramente diferenciados pelo
usurio, sobretudo se a pgina for dirigida a um p#blico muito geral. "e n!o
usamos as cores de lin2 padr!o 3a%uis vivos com texto sublinhado4, sim que
deveremos usar uma cor que destaque claramente do texto informativo e do fundo.
* dintel se locali%a por costume na parte superior da pgina, e nele costuma)se 3na
verdade deve)se4 exibir o logotipo de nossa pgina, associa!o ou empresa. 5
importante a presena de um logotipo, j que cria um signo de continuidade e de
identidade em nossas pginas, mostrando aos visitantes rapidamente onde se
encontram. 6 cor deste deve ser tal que destaque claramente sobre o fundo.
Nos idiomas ocidentais se l'em as pginas de cima para baixo e da esquerda para
direita, motivo pelo qual o logotipo se situa quase sempre na esquina superior
esquerda. "e a cor de nosso logo for parecida ao que vamos dar ao fundo da
pgina podemos criar um ambiente ao redor do mesmo que permita sua correta
vis!o, o que se costuma conseguir situando uma banda na %ona superior da pgina,
com uma cor de fundo diferente ao do corpo da mesma e tal que o logo destaque
adequadamente sobre ele.
7ambm normal situar nesta %ona, , direita do logo, uma mensagem clara e
direta sobre a identidade e o conte#do da pgina.
* menu de navega!o talve% o elemento mais interativo de uma pgina,
facilitando ao visitante uma rpida navega!o por todo o conte#do do web site.
"eus lin2s devem reunir o ser facilmente vis+veis com o n!o ser impactantes
demais, j que n!o devem tirar import8ncia nem ao cabealho nem ao texto do
corpo.
$odemos criar para esta %ona uma banda vertical de uma cor diferente ao do corpo,
que pode ser igual ao do cabealho ou n!o. "eus lin2s podem se fundir um pouco
com o fundo, dando assim uma sensa!o de continuidade. 9uitos designers se
baseiam nos menus de imagens para conseguir isto, pois lhes permitem ter um
maior controle sobre o resultado final. :m 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, produ%indo)se um efeito positivo com isso.
7ambm 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.
$or #ltimo, o rodap de pgina o elemento menos importante da pgina, de tal
forma que muitos autores nem sequer o consideram. Caso de se use, n!o convm
que sua cor mude com respeito ao fundo do corpo, e se o fa% deve ser muito
ligeiramente, j que sen!o podemos distrair a aten!o do usurio e criar um corpo
de pgina estreito.
No rodap da pgina costuma)se colocar lin2s de tipo tercirio, lin2s de correio ou
acessos a servios secundrios que proporcione nosso web site.
Autoria e outras refer!ncias sobre este artigo
"entro deste artigo#
; $ manual relacionado
; % Categorias relacionadas
<nforme de &uciano 'oreno
U=>( http#((www.htmlweb.net(
Acrescentar um comentrio do artigo
'anuais relacionados com este artigo
"entro de Curso prtico de )eb "esign
*eguinte# 6 cor na web. :scolha da paleta para um web site
Anterior# 6 cor na web. * problema das imagens
? @ndice de Curso prtico de )eb "esign
Categorias relacionadas
6travs das categorias do nosso diret1rio podem ser encontrados outros tipos de recursos relacionados
com este artigo(
; :ntrar em "esign
; :ntrar em +uias de desenho