Evitando web design Blunders

Basta cruzar o Web - especialmente áreas com lotes de páginas pessoais, como o site GeoCities ou área Hometown de AOL - e você pode encontrar muitos exemplos de páginas mal concebidos. Mas o que é que faz com que essas páginas ruim? Dos muitos erros de design que você pode fazer, três são comuns entre os novos criadores de páginas Web: páginas de carregamento lento, combinações de cores feias e textos pequenos.

páginas de carregamento lento

Este é o No. 1 bane de design da página Web, seja amador ou profissional. As pessoas pensam que está projetando uma revista e lançar grandes, gráficos não comprimidos ao redor, vários por página. Em seguida, eles adicionar elementos pequenos bonitos do projeto, cada um dos quais tem de ser enviado como um arquivo separado pelo servidor Web. Como cada um dos diferentes elementos entra, as mudanças de design de página e shimmies de uma forma garantida de causar a doença de movimento. Quando uma página de teus cargas lentamente, geralmente é devido ao fato de que você está cometendo um dos dois erros principais.

  • Erro # 1 envolve uma falta de cuidado com um ou dois gráficos individuais. Ao manter estes gráficos arquivos grandes, você condenar a página inteira para retardar o carregamento.
  • Erro # 2 é a utilização de gráficos de forma devassa em geral. Altamente páginas criadas podem ter muitos pequenos elementos gráficos que causam muitas transferências de arquivos separados, como a página é carregada. A menos que a página é cuidadosamente projetado, a página realmente muda um pouco como cada gráfico entra. O efeito geral pode ser bastante desconcertante.

Os gráficos não só pode causar sua página para carregar lentamente - eles também levar um longo tempo para criar, tendem a ter problemas de direitos autorais, e apresentar questões de design e layout de página desafiadoras. Manter o uso de gráficos na sua página simples até chegar realmente bom em projetar com gráficos, ou até que você pode obter ajuda de alguém que tem esse talento si.

combinações de cores feias

Muitos editores de páginas de internet não muito cuidado se as combinações de cores que eles usam são atraentes ou não. Outros preocupam, mas não pode avaliar criticamente seu próprio trabalho e ver como feio e / ou difícil de usar o resultado é.

Você pode entender que certas combinações de cores pode ser feio, mas talvez parece estranho para nós dizer que as cores ruins podem levar a páginas difíceis de usar. A razão é que na Web, cor identifica hiperlinks, com as ligações não utilizadas e links utilizados recentemente com cores diferentes. As cores padrão para links são azul para links não visitados e púrpura para links visitados. Se você alterar essas cores, os visitantes têm dificuldade em identificar quais links eles visitaram e em quais links eles não têm.

Se você simplesmente deve alterar as cores dos links, tente usar combinações de cores que são análogos aos dos normais - uma cor mais clara, atraente para links não visitados, e uma cor opaca para os visitados. Isto é, pelo menos, semelhante, conceptualmente, para as cores padrão. Em seguida, teste o projeto em algumas pessoas e ver se eles podem descobrir rapidamente quais são as ligações que.

Agora, de volta para feio. Só porque a Web torna possível a utilização de várias combinações de cores não significa que você deve fazê-lo. O texto preto em um fundo branco ou off-white é o que as pessoas estão acostumadas, e é sempre a escolha mais segura. E com esta combinação, as cores de link padrão mostram-se muito bem. Você pode usar uma barra gráfica em algum local consistente na página para dar suas páginas da Web um olhar colorido, gráfica, sem sacrificar a previsibilidade e capacidade de leitura dentro do corpo de cada página.

Algumas outras combinações de cores funcionam razoavelmente bem, mas muitos não o fazem. Lembre-se também que alguns usuários executar seus monitores no modo de 256 cores e que apenas 216 cores fora do 256 - a paleta de cores Web-safe - são o mesmo em PCs e Macs. Assim, uma combinação de cores que fica bem em seu sistema pode parecer pobre em um sistema com menos colors- da mesma forma, cores que ficam bem em um PC pode não parecer tão quente em um Mac.

texto pequeno (e texto grande, também)

Um erro comum que as pessoas fazem é usar texto pequeno em suas páginas da Web. Pequeno texto faz parecer bem legal, e ele permite que você embalar em um monte de informações. Devido a estas tentações, mesmo grandes sites, como as primeiras versões do site da Microsoft, fizeram este erro. O problema é que o texto pequeno torna-se texto muito pequeno quando visto em um monitor de alta resolução. Tão pequeno, na verdade, que muitas das pessoas que visitam seu Web site pode não ser capaz de ler facilmente o texto na sua página.

Menos comum, mas igualmente prejudicial, é um texto que é muito grande. Você não precisa criar páginas da Web com texto que é legível de 20 pés de distância. Sério. (As pessoas com problemas de visão verdadeiros mudar Windows e / ou o seu navegador para exibir o texto em tamanho extra-grande, então eles têm uma maneira de ler o texto que começa tamanho normal.) Isso parece horrível, especialmente quando visto em um sistema com relativamente baixa resolução, como 800 x 600 resolução.

Ambos estes problemas são agravados pela crescente tendência para incorporar grande parte do texto de um site em imagens gráficas. Este texto tem sempre uma aparência consistente, porque ele é tratado pelo navegador como uma imagem gráfica, mas que o olhar pode facilmente ser muito pequeno ou grande. Quando você salvar o texto como arquivos de imagem, o texto não pode ser redimensionada pelo navegador para acomodar diferentes configurações do navegador. Assim, o usuário não pode resolver todos os problemas que está tendo com o texto exibido graficamente.

Então, qual é o texto "de tamanho normal"? Que bom que você perguntou. Não há um tamanho exato normal, mas há uma gama normal. Para encontrá-lo, coincide com o tamanho do texto na sua página da Web para o tamanho do texto em algumas páginas da Web que você gosta. Em seguida, perguntar várias pessoas - não todos mais jovens e hawk-eyed, nem todos mais velhos e menos visualmente aguda - de dizer se eles podem facilmente ler o texto enquanto está sentado confortavelmente um par de pés a partir do computador. Se não, resolver o problema antes que se torne um fardo para seus visitantes do Web site.

menu