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.

Anúncios

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