10 dicas para o Design do seu blog

Um blog precisa essencialmente de ter um bom conteúdo, mas outro lado que preza muito em um blog é a Identidade Visual. Isto inclui, claro, o Webdesign. Este é um fator importantíssimo, pois pode diferenciar o seu blog de tantos outros na rede, além de fazer com que o seu leitor se agrade e retorne ao seu blog mais vezes. Quer conferir as dicas? Segue aí:

1. Tenha um bom layout.

Vamos falar da imagem do cabeçalho. É interessante que o tamanho dela respeite o padrão do seu template e não seja muito grande, nem muito pequena. O nome do seu blog deve estar em destaque e ser o item principal. Você pode colocar algumas imagens ou detalhes de fundo, mas evite excessos, eles não devem chamar tanta atenção. Se usar imagens, use algumas que façam referência ao nome e à categoria do seu blog.

- Conheça vários Tutoriais para Blogger.

2. Tenha uma paleta de cores e a respeite.

Você usou as cores preto e vermelho no seu layout. Então espera-se que os demais itens do seu blog respeitem esse padrão ou esteja em sintonia com ele. Procure usar o mesmo tom de cor que aparece no layout ou no plano de fundo dele, e decore seus links, fundo da sidebar, menu, footer, imagem de voltar ao topo, ícones de redes sociais e imagens das categorias, por exemplo, com as cores que seu layout tem. Não faz sentido ter um blog onde o menu é de uma cor, os links são de outra, o footer é de outra mais diferente ainda, e o Layout, principal item da identidade visual, possui outras. Ficamos sem saber de onde elas "surgiram" e a visão final que se tem do blog não é muito agradável.

- Conheça sites que trabalham com Paleta de Cores.

- Baixe um aplicativo que captura o código HTML das cores.

3. Use cores legíveis.

Algumas cores são ótimas para você usar no plano de fundo do título da sidebar, por exemplo, mas se você colocá-las como cor do texto principal a leitura ficará comprometida e não é isso que você quer, não é mesmo? Infelizmente ainda existem blogueiros que pecam nesse detalhe. O ideal ainda é usar o preto, o cinza, cores muito escuras. Ainda há gente que literalmente colore o texto dos posts, com tons de verde claro, rosa chamativo, amarelo, e claramente não fica nada legal.

4. Use um plano de fundo agradável.

Você pode usar uma cor ou uma imagem como plano de fundo (background) do seu blog. Vamos supor que o fundo dos seus posts ou apenas o da sidebar seja transparente. Todo o texto vai aparecer por cima do background. Se este tiver altos detalhes, como um desenho, que possui tons de preto, azul, rosa, roxo, e em certos detalhes a cor do texto se assemelha à cor da imagem, com toda a certeza a leitura ficará comprometida.

Procure usar planos de fundo que não "competem" com a cor do texto que está sobre eles e que não tenham muitos detalhes, ou que pelo menos não sejam extravagantes de modo que o resultado visual não seja atrativo.

5. Não coloque anúncios que desconfigurem seu Template.

Se você usa um anúncio 300x250, coloque-o na sidebar do seu blog. Se usa um maior, geralmente 728x90, use-o acima ou logo abaixo do cabeçalho do seu blog, ou entre seus posts, sempre centralizado.

Já vi anúncios colocados no footer ou entre a imagem do layout alinhado à direita, por exemplo, e com toda a certeza o resultado deu uma ideia de "quebra" à organização.

6. Escolha um bom Template. 

Há muitos templates frees legais na internet e muitos são específicos. Por exemplo, você pode baixar um Template que a organização do posts, a posição do layout, ou as cores usadas no tema não sejam legais para o estilo do seu blog, por isso você deve escolher bem, principalmente se você não conhece muito HTML e personalização de páginas na internet.

- Confira dicas de sites para Templates para Blogger.

7. Justifique os textos.

Textos justificados, que acompanham toda a largura da divisória, dão um ar de organização e são bem melhores de se ler. Não é à toa que trabalhos na Universidade pedem textos justificados. Evite usar textos alinhados à esquerda, e principalmente, não escreva um parágrafo alinhado à esquerda, outro alinhado à direita, outro justificado... Que desordem!

Siga sempre o padrão do justificado. A não ser que seus textos sejam de poesia, por exemplo, centralizá-los também é uma boa opção.

8. Configure o espaçamento e tamanho da fonte.

Já falei sobre facilitar a leitura e torná-la mais agradável. Outro fator importante é o espaço que há entre uma linha e outra, afinal, se o texto estiver muito "colado" a identificação do que está escrito se torna difícil, e se estiver muito separado, visualmente não terá uma resultado muito bom. Isso vale também para o espaçamento entre as letras.

O tamanho da fonte é um detalhe bem aparente. Quem consegue ler um blog onde as letras são bem pequeninhas sem aumentar o zoom? E se as letras do texto principal estiverem muito grandes, claramente a ideia de desordem será bem nítida. Configure estes itens com moderação: Título do post com fonte maior, texto principal com tamanho legível, espaçamento, e por aí vai. 

Tudo depende também da fonte que você está usando. Outra dica é que para o texto principal evite usar fontes muito enfeitadas, estas cabem bem ao título do post e às gadgets da sidebar.

Outro detalhe é a seleção colorida. Sabe quando você seleciona um texto e ele fica todo azul? Que tal escolher uma cor que combine com seu blog e retirar esse azul nada a ver? Use seleção colorida.

- Aprenda a editar o design do blog sozinho.

9. Use imagens do mesmo tamanho.

Quando você coloca imagens no seu post e uma delas possui um tamanho pequeno e a outra em seguida aparece com um tamanho muito grande, fica bem estampada a diferença e a falta de ordem no seu blog. Procure sempre usar um padrão, como "Muito grande", e centralize as imagens.

10. Procure sempre deixar seu blog com um design responsivo ou bem agradável à tela.

O design responsivo sempre vai ser o ideal, porque ele garante que seu blog será bem adaptado a qualquer tipo de tela. 

Em caso do computador, evite usar templates que não ocupam o tamanho ideal de todas as larguras, o que faz com que em alguns aparelhos com resoluções diferentes apareça uma barra de rolagem horizontal. Isso também pode acontecer com a adição de gadgets ou de outros itens com uma largura bem maior do que o recomendado.

Em casos de celulares, o design responsivo sempre será a melhor opção, pois será totalmente voltado para a leitura. Se o seu blog não é responsivo, o leitor terá que dar um zoom na tela ao ter que visualizar a versão para Web, que muitas vezes abrirá itens que para a exibição no celular serão desnecessários e tornam o carregamento mais lento. 

Se você usa Blogger você pode usar um dos modelos para celular que a plataforma oferece. Se você optar pela versão personalizada, fique atento porque muitas vezes a tela do texto aparece cortada. Caso o seu tema seja responsivo, opte por "Não mostrar a versão para celulares" e seu blog será otimizado para todos os meios que seus leitores usem. 

Então é isso, espero que este post sejam bastante útil para a construção da identidade visual e design do seu blog. Note que se tratando de Design, há muitos detalhes a serem ponderados, tanto visuais quanto textuais.

Caso queira uma avaliação sincera do seu blog feita por mim, avise por comentário que eu responderei com as devidas orientações. Até o próximo post! :)