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. :)

Blog Widget by LinkWithin
22



22 comentarios para “25 geradores online para você melhorar o design do seu blog”

  1.  cassiano Escreveu:

    mto bom!!

  2.  Tonho Mauro Escreveu:

    Sensacional.

    Contribuição muito bem-vinda.

    Abraços.

  3.  Rafael Escreveu:

    muito bom essa dica !
    abracos

    http://www.topronto.net

  4.  Ângelo Escreveu:

    Muito bom mesmo!

  5.  filipedurando Escreveu:

    Cara, Muito EXCELENTE a DICA!
    Estou montando um site e tava com preguiça de ter que fazer tudo em flash ou dreamweaver!
    Sua Dica caiu como uma luva, esse post vai para os meus favoritos!

  6.  magu Escreveu:

    opaaa muito boa dica!

    =D

  7.  Diego Escreveu:

    Opa! Muito boas as dicas!
    Valeu!! =)

  8.  wibbo Escreveu:

    Execelente post!
    Ainda não conhecia todos os que foram postados.
    Algumas utilidades bem interessantes.
    Abração

  9.  marcella Escreveu:

    muito ruim….

  10.  Gabriel moraes Escreveu:

    Ruim. O gerador de layout é só para Wordpress :(

  11.  bruno Escreveu:

    Muito bom cara ta de parabens oque seria do meu blog sem vc!!!!

    Caio Novaes/Brogui respondeu:

    @bruno, que bom que pude ajudar cara, abs!

  12.  bruno Escreveu:

    Aí caio muito obrigadu mesmo cara vc me ajudou muito continue assim
    vlw!!

    by:bruno

  13.  bruno Escreveu:

    Aí cara eu voltei para botar mais coisas no meu blog ok?
    vlw:bruno

  14.  bruno Escreveu:

    Meu blog aí
    centrodainformatica.blogspot.com

  15.  Paulo Escreveu:

    Quero saber onde encontrar um formulário para postar respostas no meu futuro blog

  16.  Aramak Escreveu:

    Ajudou aqui também cara! Valeu!

  17.  dani Escreveu:

    A dorei as dicas!!

  18.  kleyton Escreveu:

    exelente…

  19.  Sih.. Escreveu:

    legal adorei as dicas :D

  20.  Rogério Escreveu:

    Rafael, uma sugestão que não pode faltar aqui é o BannerFans. Usei bastante no layout do meu blog.

  21.  Rogério Escreveu:

    Perdão, Caio, troquei seu nome, mas a dica continua a mesma!

Este blog não é uma democracia, se você comentar besteira, não terá seu comentário aprovado.



*Para ter um avatar nos comentários, basta ir ao site Gravatar.com, inserir o email e a password e enviar uma fotografia ou uma imagem à sua escolha. Os gravatares têm o tamanho de 50×50 pixels e sempre que utilizar o e-mail cadastrado, aparecerá a sua fotografia.