Desenho eficaz de páginas da Web

Design e layout não são fáceis. As pessoas estudam design durante muitos anos para aprender a utilizá-lo bem e os melhores designers ganham muito dinheiro. Contudo, há determinados princípios para que o seu projeto seja eficiente, o que o ajudará a criar um site da Web com aparência profissional. Examine alguns desses recursos on-line e, em seguida, leia o manifesto.

Design da Web 101
Essa introdução divertida faz várias perguntas importantes que precisam ser abordadas antes do início da construção do site. O design do site depende principalmente do objetivo e do público a que se destina. Leia-o antes de iniciar.

Dicas para escritores e designers
Um recurso peculiar, porém abrangente e útil para designers da Web, escrito por Dave Siegel. Uma grande parte das informações nesse site destina-se a designers da Web que lidam com detalhes de HTML, mas algumas delas podem ser aplicadas aos projetos de lojas do ShopSite.

Como criar imagens para o designer da Web
Esse texto é especialmente útil se você tiver dificuldade em converter os logotipos e as imagens existentes para um formato pronto para Web. O conteúdo é mais específico para Macinstosh e especialmente útil para usuários do Photoshop. É bastante técnico, porém se mantém atualizado e completo. Abrange a conversão de EPS em imagens de bitmap para a Web, como otimizar o Photoshop para o trabalho na Web e qual a melhor utilização de GIF e JPEG.

Manual de estilo para Web de Yale
Este é um livro on-line. Sem grandes atrativos visuais, mas é uma aula completa e penetrante . Poderia ser considerado um curso completo sobre layout da Web, eficiente e utilitário. Você não ganhará nenhum prêmio após seguir essas instruções, mas satisfará os seus clientes, criando sites consistentes e de fácil navegação.

Um manifesto: Crimes hediondos do design de Internet, etc.

Abaixo, estão algumas coisas que aprendi nos últimos anos sobre layout eficiente para documentos da Web. Não é necessário seguir todas essas instruções. Pois talvez você não concorde com elas. Tudo bem. Mas espero que sejam lidas.

Ler texto na tela do computador não é tão confortável e conveniente quanto em uma página impressa. Precisamos solucionar esse obstáculo apresentando o nosso texto da forma mais elegante possível. Algumas das sugestões são tentativas de sobrepujar o meio, outras são simples convenções adotadas há anos pela comunidade da Internet.

Não escreva em MAIÚSCULAS. NA INTERNET, ISTO É CONSIDERADO ESTRIDENTE E DIFÍCIL DE LER. Você viu que aparência horrível? Se for necessário enfatizar uma determinada palavra, utilize negrito. Um título ou cabeçalho em maiúsculas pode ser adequado em algumas circunstâncias ocasionais, mas prefiro uma marca de cabeçalho ou um tipo de letra maior.

Divida os textos longos. As pessoas se cansam ao ler textos na tela do computador. O senso comum diz que é preciso ser breve. Se você tem muito a dizer, considere a possibilidade de colocar uma linha em branco entre os parágrafos, como fiz neste manifesto. Para fazer isso, insira uma marca "<p>" entre os parágrafos a serem separados. Se quiser terminar uma linha mas não colocar um espaço entre ela e a próxima, utilize a marca "<br>". O texto às vezes aparece misturado na Web. Há um delicado ponto intermediário entre grandes blocos de texto não legíveis e linhas dispersas.

Não utilize caracteres que distraiam a atenção. Eles chocam os olhos e são de difícil leitura. Não use pontos de exclamação e de interrogação demais. Vários pontos de interrogação (??????) e de exclamação (!!!!) parecem horríveis. Muitas ... reticências... também quebram a continuidade da linha e fazem com que o texto pareça menos profissional. Tipos em negrito espalhados pelo parágrafo tornam a página menos atraente. Dê uma olhada no seu livro favorito e veja com que cuidado um escritor utiliza recursos para chamar a sua atenção. Se o seu livro preferido for a biografia de Howard Stern, esqueça o que eu disse.

Falando neste assunto, não utilize pontos de exclamação, a menos que seja necessário. E tente não exclamar muito. Você não quer parecer muito ansioso, especialmente quando estiver tentando vender algo. Utilize o poder das palavras, sem se apoiar na pontuação para dizer o que deseja.

Se forem colocadas "aspas" em volta de tudo, "elas" perderão o sentido. Utilize-as com economia. Lance mão desse recurso quando estiver usando palavras que não são suas, uma citação direta ou uma palavra que não faz parte do seu vocabulário. Por exemplo: sempre que utilizo o termo "superestrada da informação" eu o coloco entre aspas, porque o considero um termo bobo, inventado pela mídia. Se a coloco entre aspas é para dar um tom irônico à palavra.

Mantenha as imagens pequenas. Isso é útil no que concerne à velocidade e à estética. Se for exibida uma imagem que deve ser vista em detalhe, como uma pintura ou fotografia que você esteja tentando vender, está correto apresentá-la na tela inteira. Mas no caso de um logotipo ou foto de um produto, certifique-se de que ocupa menos do que um terço da altura e largura da tela. De um modo geral, se as imagens puderem ser reconhecidas, é porque estão no tamanho adequado. Quanto ao tamanho do arquivo de imagem, tente mantê-lo com 20 K aproximadamente. Para obter mais recomendações a respeito de imagens, veja Recomendações sobre imagens para o vendedor on-line.

Se as imagens aparecerem em colunas, mantenha uma largura uniforme. Como o ShopSite lista os produtos em colunas, se as imagens tiverem a mesma largura parecerão mais nítidas. A maioria dos softwares de edição de imagem permitem especificar a largura em pixels.

Acima de tudo, utilize o tempo necessário para criar imagens de boa qualidade. As pessoas avaliarão os seus produtos e serviços com base na aparência do seu site. Imagens de má qualidade darão uma péssima impressão de você. Se for difícil criar boas imagens, contrate alguém para fazer isso.

Não utilize texto piscando! Este é uma das minhas maiores aversões. Gostaria que isso nunca tivesse sido inventado. Reconheço que às vezes esse recurso é útil, quando algo é extremamente urgente. Porém, na maioria dos casos, serve apenas para distrair a atenção. Os seus olhos são desviados para esse elemento mesmo quando você está tentando ler outra coisa. Suponho que possa ser útil para distrair alguém para que não leia os caracteres gráficos miúdos... ha, ha, ha.

Voltar à página principal da Ajuda | Pesquisar | Enviar comentários
Se você não conseguir encontrar a ajuda que precisa, envie um comentário detalhado.