25 geradores online para você melhorar o design do seu blog

01/10/2008

Todos sabemos que uma das coisas que mais chamam atenção em um blog (depois do conteúdo, é claro) é o design, muito tem se falado sobre isso depois que lançaram as tendências da web 2.0 em design, como botões maiores, abas com degradê, backgrounds com barras diagonais, logos com reflexo entre outras centenas de coisas.

Abaixo tem uma lista com 25 geradores online para você colocar apenas alguns parâmetros que deseja utilizar (como cores e formas) e o sistema faz tudo automatico e online para você colocar em seu blog, incrementá-lo, e consequentemente, consiga um maior número de visitas.

Os 25 geradores são:

1. – Gerador de logo Beta
25generation1 imagem

Esta é uma moda geral, tudo o que ainda não está 100% pronto ou ainda poderá sofrer evoluções, deverá ser considerado beta. Este site gera diversos logos betas para você.

2. – Botões Web 2.0
25generation2 imagem

Este gerador lhe ajuda a fazer botões em apenas 4 etapas, você pode mudar cores, formas, texto e pode até colocar ícones personalizados. Tem mais de 50 tipos de letra e uma grande variedade de ícones

Cliquem no link abaixo para que consigam ver todos os outros 23 geradores online !

3. – Gerador de listras diagonais
25generation3 imagem

Como o próprio nome diz, este gerador gera aquelas famosas listras diagonais que ficaram famosas em layouts ditos como da Web 2.0

4. – Textos da Web 2.0 (com ou sem reflexo)
25generation4 imagem

Neste gerador, você pode adicionar um efeito de reflexo, além de colocar seu logo com os “padrões” da web 2.0. Você pode até colocar um logo de beta se for o caso.

5. – Outro bom gerador de textos Web 2.0
25generation5 imagem

Este outro é a mesma coisa do de cima, só que ele tem ajustes de cores, texto e reflexo. Você também pode acrescentar pequenos ícones da Web 2.0

6. – Gerador de Tabs
25generation6 imagem

Este gerador é muito bacana, você ajusta as guías e em seguida faz o download da sua aba personalizada. Simples assim.

7. – Gerador de listras para serem usadas no canto do blog
25generation7 imagem

Estas são aquelas faixas que ficam no canto do blog, como se pegasse o topo e a lateral, você pode colocar qualquer mensagem dentro das fitinhas, como “beta” ou “tal blog atingiu 20.000 visitas, obrigado leitores”

8. – Outro gerador de listras para serem usadas no canto do blog
25generation8 imagem

Este é igual o de cima, porém as listras são um pouco mais personalizáveis.

9. – Gerador de ícones (barra de endereços)
25generation9 imagem

Este gerador do que chamam de “favicon” é bem simples, ele serve para você fazer um daqueles ícones que ficam ao lado do seu endereço em alguns navegadores.

10. – Gerador de botões online
25generation10 imagem

11. – Outro gerador de botões online
25generation11 imagem

12. – Gerador de imagens de loading (ou “carregando”, como queira)
25generation12 imagem

Este site gera diversos gifs de loading para você substituir os que aparecem normalmente em diversas aplicações em ajax, por exemplo.

13. – Mais um site que gera imagens de loading
25generation13 imagem

Este site é basicamente a mesma coisa que o de cima.

14. – Gerador do efeito Gradient
25generation14 imagem

Este gerador de Gradient é um pouco mais complicado que os outros, pois tem diversos ajustes que podem ser feitos para se chegar a tonalidade de cor pretendida, mas mesmo assim é um gerador muito bacana que mostra um resultado bem profissional.

15. – Outro gerador do efeito Gradient
25generation15 imagem

Este é o contrário do acima, muito mais simplificado, porém com menos funções e possiblidades.

16. – Gerador de background xadrez
25generation16 imagem

Caso você seja um Escocês ou um lenhador, você pode fazer um fundo para seu blog utilizando este gerador.

17. – Gerador de CSS
25generation17 imagem

Basta colocar as cores e posições que ele te manda o código todo mastigadinho.

18. – Navegação CSS
25generation18 imagem

Este aqui te ajuda a criar um menu personalizado em CSS

19. – Gerador de Menu em CSS
25generation19 imagem

Este aqui é igual o acima, porém, tem diversos modelos gratuitos disponíveis.

20. – Gerador de Menu Multinível em CSS
25generation20 imagem

Este é para você fazer os famosos menus “drop down”.

21. – Gerador de Popups em Javascript
25generation21 imagem

Se você sempre quis ter uma janela de Popup no seu blog e não sabia como fazer, este aplicativo online faz tudo para você, basta responder as perguntas colocadas na tela e pronto.

22. – Gerador de temas para o WordPress
25generation22 imagem

Este gerador de temas para wordpress facilita muito a vida de quem tá iniciando nessa ferramenta e quer ter um template único.

23. – Gerador de formulários de e-mail
25generation23 imagem

Se você sempre quis manter contato com seus leitores e não sabia como, esta é a ferramenta que você estava procurando.

24. – Gerador de esquema de cores
25generation24 imagem

Este é um gerador de esquema de cores muito bacana, com ele você pode escolher quais cores utilizar em seu site, quais combinam e não combinam, enfim, excelente gerador para quem está pretendendo fazer o site seguindo rigorosos padrões de design.

25. – Gerador de bordas arredondadas
25generation25 imagem

Gerador simples, praticamente só colocar o raio, cor, borda, gerar e colocar no site, Ctrl C Ctrl V no código.

Apreciem com moderação.

Traduzido do Design Vitality com meu toque pessoal. icon smile imagem

Postado por
Caio Novaes

 
Veja abaixo outros posts do Brogui:

www.Brogui.com - desde 2003