Os 30 blogs mais bem projetados avaliados

“Ah, isso é diferente!” Sim, a mais recente reformulação do Diário de Renda eleva o número total de grandes reformulações deste site para cinco em três anos. Essa é a ênfase que Michael coloca em ter um design de blog de boa aparência, alta conversão e promoção de conteúdo.

Se você precisa de um designer ou desenvolvedor que poderia ter começado ontem, acesse AweseomeWeb.com

Para comemorar o redesenho e, mais importante, fornecer esta lista inspiradora.

Os critérios para um bom design de blog

Para remover o máximo de subjetividade possível, comecei com esses cinco bons critérios de design de blog.

• Simplicidade – É simples?
• Padrões de Web Design – Ele segue padrões de web design como fonte escura sobre fundo claro, títulos claramente diferenciados, uso de sprites CSS, linhas consistentes e conformidade com a proporção áurea?
• Atenção aos detalhes – Existe consistência no design e, de outra forma, pixel perfeito?
• Fácil de navegar – Eu poderia encontrar e usar facilmente menus, links e outros componentes de navegação?
• Memorabilidade – Eu poderia me lembrar de como era depois de sair do site?

Os 30 blogs mais bem projetados

Em nenhuma ordem específica, mas agrupados aproximadamente pelos estilos de design e assuntos dos blogs correspondentes, aqui está nossa análise dos 30 principais designs de blog.

1. Interruptor Autônomo

Manchetes grandes e em negrito, uso sutil de sombras e praticamente impossíveis de ver gradientes, o FreelanceSwitch.com é um dos melhores.

2. Copyblogger

Copyblogger.com é o epítome do design de blog simples, sólido e direto. Você sabe exatamente onde clicar assim que chegar à página.

3. Personificado

Como o Copyblogger, o Pearsonified.com é lindo em sua simplicidade e sedutor com seu punhado de cores brilhantes.

4. Blogue KISSmetrics

O KISSmetrics Blog faz um ótimo trabalho ao combinar elementos de design modernos, mantendo um senso de profissionalismo para seu mercado-alvo principalmente corporativo.

5. AVC

O AVC.com é super limpo e, com 16 pixels, usa uma fonte um pouco maior que a média, o que o torna visivelmente mais agradável de ler.

6. Cotação de Inicialização

StartupQuote.com é tão elegante quanto possível. Sua dedicação em retratar exclusivamente as citações é o que faz com que seu site se destaque.

7. A Próxima Web

Mas o TNW faz um ótimo trabalho ao incorporar os anúncios sem distrair muito de um design limpo e fácil de navegar.

8. Insider de negócios

Se você leu um artigo no BusinessInsider.com, notou que o site foi projetado para mantê-lo conectado ao conteúdo por dezenas e dezenas de visualizações de página.

9. Blog da Web

Parece ótimo, mas o Webs Blog também está perfeitamente integrado ao restante do site, apesar do blog existir em um subdomínio.

10. Vá de mídia

Com sobreposições de imagem cuidadosamente colocadas, o design simplesmente sai da tela e é difícil esquecer o design do GoMediaZine.com.

11. Blog Olá Bar

O Hello Bar faz um trabalho impressionante ao integrar texturas sutis em seu design para dar ao site uma aparência vintage, mas moderna. Além disso, as nuvens se movem!

12. Blogussão

O design do Blogussion.com é o primeiro design inspirador que me lembro de encontrar na internet.

13. Nerd moderno

O logotipo do Modernerd.com é simples, as fontes são consistentes e a imagem de fundo comunica o que é o blog.

14. Eu visto sua camisa

IWearYourShirt.com faz um trabalho maravilhoso de empacotar informações de forma limpa acima da dobra, enfatizando o conteúdo importante abaixo.

15. Bolinhos Johnny

Consistente com sua marca atemporal, quase todos os elementos de design são preto e branco, o que faz com que as fotos e os produtos da Johnny Cupcakes se destaquem.

16. A aveia

Com sua barra lateral descentralizada e um link “Email” transbordante no rodapé, o design do TheOatmeal.com tem suas falhas. Mas lendo entre as imperfeições, você descobrirá que o design é perfeito para o de Matthew Inman, “é assim que é e se você não gostar, vou liberar meu exército de fãs castigadores do Facebook para que você nunca esqueça” atitude que torna seu site ótimo.

17. Querido Em Branco Por Favor Em Branco

DearBlankPleaseBlank.com é um blog de design criativo com sua imagem de cabeçalho em constante rotação, uso pitoresco de opacidade e o fato de que tudo na barra lateral tem a mesma largura exata, até os anúncios.

18. Tut+

Tudo sobre a rede TutsPlus.com e Envato é lindo quando se trata de design (incluindo o já mencionado FreelanceSwitch.com). Eles têm um talento especial para escolher esquemas de cores perfeitamente alinhados e sua atenção aos detalhes é impecável, mesmo em seus posts e tutoriais.

19. Construa a Internet

BuildInternet.com faz parte da Smashing Magazine's The Smashing Network , com razão, com sua imagem de postagem exclusiva e compromisso em manter seus elementos de design em todo o site.

20. 45royale Inc.

45royale.com é um estúdio de web design que possui um cabeçalho que captura a imaginação, ao mesmo tempo em que apresenta e navega pelo conteúdo do blog abaixo.

21. Mural do Web Designer

Como outro membro da The Smashing Network , o WebDesignerWall.com é um dos designs mais amplamente reconhecidos no mundo, com suas manchetes de arregalar os olhos e uma imagem de cabeçalho inesquecível.

22. Depósito de Web Designer

Semelhante ao Web Designer Wall, o WebDesignerDepot.com hospeda outro daqueles designs impossíveis de esquecer.

23. Eu amo cores

Ilovecolors.com.ar tem um estilo semelhante, mas se destaca com uma área de conteúdo inteligentemente projetada que é enfatizada pelo sombreamento estratégico da imagem de fundo.

24. Tut Candy

O cabeçalho do TutCandy.com faz você salivar, incorporando seu slogan, “Apenas os tutoriais de design mais saborosos”.

25. Owltastic

Owltastic.com é uma bela representação do que você pode fazer com diferentes tons de azul. No entanto, de alguma forma, todo o conteúdo importante ainda parece se destacar.

26. Vectips

O Vectips.com faz um bom trabalho ao manter uma sensação eventualmente vendável em um site de marca pessoal.

27. O Cubículo de Projeto

O blog final da Smashing Network nesta lista pertence a TheDesignCubicle.com. Parece um site, mas parece um capítulo de um livro.

28. TemaBIG

Eu gosto da sutileza dos sprites no menu de navegação do ThemeBIG.com junto com aquela sensação de boas-vindas que você tem quando entra no site pela primeira vez.

29. Ecoki

Ecoki.com é um blog Eco-Lifestyle com um design notavelmente bem marcado que é consistente em todos os cantos e recantos do site.

30. Ficado

Tudo, desde o cabeçalho até a área de conteúdo, até a área de comentários, é personalizado e em sintonia com o resto do site.

Aí está

Eu gostaria de visitar todos os blogs do mundo antes de fazer essa lista, mas estava começando a ficar com fome.

A partir de agora, quando alguém precisar de um web designer ou desenvolvedor, vá para AwesomeWeb.com

Se você conhece algum ótimo design de blog que eu perdi, por favor me esclareça com alguns dos seus favoritos na área de comentários abaixo.