| 26 dicas de webdesign
(parte 4) |
|
artigos
>> <web>design >> 26 dicas de
webdesign (parte 4)
(artigo originalmente publicado no
site Aranha Internet e design)
Fábio Carvalho
31/3/2001
quebrando a monotonia dos
textos
Uma forma de quebrar a monotonia de grandes blocos
de texto é usar as maiúsculas iniciais
de cada parágrafo em um tamanho, fonte
ou cor diferete do resto do parágrafo.
Você também pode criar todo um alfabeto,
com uma tipologia que não é padrão
da Web, e salvar cada letra deste alfabeto como
uma arquivo gráfico separado, e usar estes
arquivos no lugar da primeira maiúscula
de cada parágrafo. Isto terá um
efeito ainda maior do que apenas mudar fonte/cor/tamanho.
Mas lembre-se de manter estes arquivos pequenos
em termos de bytes, para não aumentar demais
o tempo de carga de suas páginas.
Você também pode intercalar subtítulos
ao longo de seu texto, que além de quebrar
a monotonia, poderão chamar a atenção
para pontos importantes.
não se prenda a números
(GIF)
Não se preocupe se quando estiver
reduzindo o número de cores de uma imagem
GIF, você acabar com um número que
não lembre os "números cabalísticos"
de computação (as potências
de 2 – 2, 4, 8, 16, 32, 64, e assim por diante).
Eles não são de forma alguma obrigatórios,
por mais que certos programas de edição
e otimização de imagens para Web sugiram
como opção padrão estes números.
Se o seu arquivo fica com boa apresentação
com um número de cores como 3, 5, 13 ou 25,
não há porque usar 4, 8, 16 ou 32
respectivamente, só porque estes parecem
números mais "naturais" em informática.
Lembre-se que, dependendo do tamanho em pixels de
sua imagem, 1 cor a menos na palheta pode representar
um significativo decréscimo em bytes.
minimize variações
na horizontal (GIF)
A maioria de nós já está
cansado de saber que quanto menos cores num arquivo
GIF, menor o tamanho em bytes do arquivo final.
Mas um detalhe que muitos talvez desconheçam
é que, devido à maneira como um
arquivo GIF é compactado, dois arquivos
do mesmo tamanho em pixels, e com o mesmo número
de cores, podem ter tamanhos diferentes.
Em um arquivo GIF, os pixels são compactados
baseados em quantos pixels de uma mesma cor encontram-se
em sequência, para cada linha que compõe
um arquivo. Desta forma, embora os dois exemplos
abaixo tenham o mesmo tamanho em pixels, e o mesmo
número de cores, o da esquerda possui apenas
137 bytes, enquanto o da direita possui 188 bytes.
  
Isto acontece porque no primeiro caso as linhas
horizontais são formadas integralmente por
pixels de uma única cor. No segundo caso,
os pixels se alternam nas duas cores existentes
na imagem. Imagine então o caso de uma imagem
maior, e com mais cores.
Portanto, sempre que possível, reduza o número
de pixels de cores diferentes intercalados numa
mesma linha horizontal.
segue
>>
|
