Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Curso prático de Web Design
SEÇÕES
Manuais relacionados
+Curso prático de Web Design
Categorias
+Design
+Guias de desenho

Índice do Manual Curso prático de Web Design
+ Introdução ao design gráfico
+ Design gráfico
+ Design gráfico na web
+ Componentes gráficos de um computador
+ Resolução de tela
+ Cores em um computador
+ Calibragem do monitor
+ Formas básicas em design gráfico
+ O ponto
+ A linha
+ O contorno
+ O quadrado
+ A circunferência
+ Contornos mistos
+ Contornos orgânicos
+ O design equilibrado. Introdução
+ O design equilibrado. As proporções
+ O design equilibrado. A escala
+ O design equilibrado. O contraste
+ O design equilibrado. Os agrupamentos
+ O design equilibrado. O reticulado
+ O design equilibrado. Os alinhamentos
+ O design equilibrado. As simetrias
+ O design equilibrado. O equilíbrio entre conteúdos
+ O design equilibrado. A hierarquia visual
+ Teoria da cor. Introdução
+ Teoria da cor. Natureza da cor
+ Teoria da cor. A percepção da cor
+ Teoria da cor. Modelos de cor
+ Teoria da cor. Tipos de cor
+ Teoria da cor. Propriedades das cores
+ Teoria da cor. Contrastes de cor
+ Teoria da cor. Estudo de algumas cores I
+ Teoria da cor. Estudo de algumas cores II
+ A cor na web. Cores disponíveis para a web
+ A cor na web. Paletas de cor seguras. Websafe e Reallysafe
+ A cor na web. O problema das imagens

Descrição dos capítulos

Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net


A cor na web. O problema das imagens

As cores das imagens podem sofrer mudanças se tiverem que estar encapsuladas em estruturas tais como tabelas, camadas, etc. Isto pode ter uma solução aproximada, porém não ótima. Veremos os problemas que se podem apresentar.


Um problema adicional relacionado com as cores se produz quando desejamos inserir em nossa página uma imagem dentro da célula de uma tabela, de uma camada, etc., especialmente se se trata de uma imagem em formato GIF, já que estes tipos de gráfico têm limitados sua gama de cores a 256.

O fato é que frequentemente nos deparamos com que a cor de fundo da imagem não nos coincidirá com a cor de fundo da célula ou camada, embora o código hexadecimal empregado em ambos seja o mesmo.



Isto é devido a que às vezes o formato GIF não é capaz de interpretar devidamente cores que estão fora da paleta segura, em cujo caso pode optar por aproximá-lo à cor mais parecida de sua paleta ou tentar simular a cor pedida misturando duas cores das que dispõe, procedimento que se conhece pelo nome de dithering.



O problema se acentuará mais ainda se o usuário dispõe de um sistema de 256 cores, já que então o sistema não será capaz de interpretar corretamente nem a cor do fundo do GIF nem a cor de fundo da tabela ou container, com o qual o contraste entre imagem e célula ou camadas se acentua.

Para solucionar este problema podemos fazer três coisas:
  • Usar cores e fundo pertencentes à paleta WebSafe.
  • Usar imagens GIF de fundo transparente.
  • Situar as imagens fora de células de tabela ou camadas que devam ter cor de fundo.
Nenhuma destas soluções é excelente, mas são as únicas que dispomos.

Se optarmos por usar uma imagem de fundo transparente, deveremos pensar que se esta vai funcionar como um link e configurarmos um estilo para o estado hover destes elementos, a cor de fundo da imagem mudará quando o ponteiro do mouse se situar sobre ela.

Se estivermos desenhando para milhares de cores podemos salvar a imagem em formato PNG, que teoricamente suporta milhares de cores e transparências, embora haja ocasiões em que a interpretação da cor de fundo da imagem não é correta neste formato.

Portanto, a melhor solução ao problema das imagens é utilizar sempre para os fundos cores da paleta WebSafe, já que desta forma teremos garantida a compatibilidade entre fundos a 256 cores e a milhares de cores.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Curso prático de Web Design

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em Design
+ Entrar em Guias de desenho


Comentários dos visitantes
Os comentários dos visitantes são para ampliar a informação do artigo. Todos podem participar.
Acrescentar um comentário do artigo Acrescentar um comentário do artigo



Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites