8 dicas para aperfeiçoar seu design

É fácil perceber como a web 2.0 mudou a cara da internet. Os layouts e designs dos sistemas modernos ficaram muito mais atrativos e simples, bem como a forma de desenvolvê-los. Isso mesmo, não é preciso ser o deus do photoshop para criar sistemas apresentáveis na web 2.0. A seguir algumas dicas de como melhorar seu design, mesmo que você não seja bom com ferramentas de desenho (assim como eu :p):

1 – Utilize um framework CSS

Frameworks são plataformas projetadas para auxiliar no desenvolvimento. Várias linguagens de programação já tem seus frameworks (PHP, Ruby, Phyton, C#, ASP). Baseando-se nesse conceito, alguns frameworks baseados em CSS já foram lançados e ajudam muito na hora de dividir o layout das páginas.

blueprint

Existem muitos frameworks desse tipo na web, eu utilizo o blueprint mas você pode conferir uma lista de vários frameworks CSS aqui, escolha um deles e diga adeus ao quebra-cabeças box model.

2 – Centralize seu conteúdo

Faça como todos os grandes sistemas web modernos. O conteúdo centralizado facilita a navegação além de permitir um melhor controle do layout.

3 – Icones falam mais que palavras

Além de consumirem menos espaço e deixarem o seu site muito mais aporveitável.

icons icones2

Este artigo da Smashing Magazine traz uma coleção de 50 conjuntos de ícones ideais para o desenvolvimento web. Aproveite!

4 – Estilize suas tabelas

Muitos pensam que criar um site tableless é evitar todas as tabelas, mas isso é um erro. Tableless apenas define o desenvolvimento com a divisão do layout feita sem tabelas. Tabelas são muito úteis na hora de exibir dados e/ou relatórios.

tabela

Com alguns toques pode-se criar tabelas agradáveis e acessíveis, combinando com o resto do seu design. Alterar as cores das linhas ajuda a manter o usuário na linha certa.

5 – Backgrounds podem ser divertidos

Foi-se o tempo em que um degradêzinho em tom de cinza marcava o fundo dos sites. Hoje pode-se chamar a atenção para um site que tem um background vivo e atraente. Mais uma vez não precisamos entender de desenho para criar belos backgrounds, basta procurar recursos como o http://pattern8.com/ para conseguirmos imagens repetidas bem legais.

6 – Textos de introdução grandes e explicativos

Dê ao usuário uma idéia instantânea do que seu site ou serviço trata.

20-37-signals 20-ex-blogs

Isso com certeza torna a experiência do usuário muito mais simples e direta.

7 – Belas fontes trazem acessos

Escolha bem as fontes que você pretende usar, pois uma fonte desagradável à leitura é difícil de aturar.

Free Fonts

Nesta matéria da Smashing Magazine temos uma coleção de fontes compatíveis com o estilo web 2.0. Todas são grátis e perfeitas para logos e imagens.

8 – Dê vida a seus botões

Escolha icones e imagens para estilizar os botões de formulário do seu site.

download-buttons

O site http://www.button-download.com/ pode dar uma boa ajuda.

Um comentário sobre “8 dicas para aperfeiçoar seu design

Deixe uma resposta

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s