22 de setembro de 2014

Dicas para melhorar o design do seu blog

dicas para melhorar o design do seu blog

Hoje vou dar algumas dicas para você melhorar o layout e a organização do seu blog.

Deixe os elementos respirarem
Adicione espaçamentos entre os elementos do seu blog. Não deixe os elementos muito próximos, adicione margins nos widgets e quebras de linha nos textos. Assim fica visualmente mais bonito e mais fácil de ler.

Não sobrecarregue a sidebar
Coloque poucos widgets na sua sidebar, só o que for importante. Tente utilizar páginas para o resto, dando assim mais foco aos seus posts.

Crie um padrão
Crie um padrão para o seus posts. Não coloque muitos elementos no texto (ítalico, negrito, sublinhado) e deixe as imagens sempre do mesmo tamanho (utilize um editor de imagens para ajustar o tamanho).
Dica: Para quem sabe mexer melhor com HTML/CSS, eu crio uma class para as imagens (chamo de "img-entry") onde ela tem o mesmo tamanho da caixa de postagem e está alinhada com a mesma. Então quando crio uma postagem, vou em "HTML" e coloco a class na imagem (ex.: <img src="nomedaimagem.png" class="img-entry">). O mesmo vale para as redes sociais.

Menos é mais
Um layout fica mais bonito quando utilizamos poucos elementos, mas de forma efetiva. Criei ícones e imagens seguindo o mesmo padrão. E utilize uma paleta de até 4 cores que combinem entre si para compor o layout (pesquise sobre teoria das cores para saber como as pessoas reagem a cada cor). Separe essas cores de acordo com sua importância ou significados (ex.: O meu layout tem as cores: Amarelo claro, Roxo/lilás e salmão, então vou utilizar amarelo para o fundo, o salmão para destacar alguma coisa e roxo/lilás para criar títulos). Não encha o blog de imagens, gifs, ícones, etc. Utilize somente o necessário para não deixar o blog lento e poluído.

Fontes
Utilize fontes mais limpas para os textos, de preferência as sem serifa, pois são melhores para leitura em telas (computador, celulares, tablets, etc.), diferente das serifadas que são melhores para leituras em papel, pois criam um efeito de linha. Aproveite para utilizar fontes mais elaboradas nos títulos das postagens, porém fontes que sejam de fácil entendimento, pois o título é o atrativo do seu post.

Facilite as procuras no seu blog
Crie uma barra de navegação no topo e uma na barra lateral. Na primeira coloque informações mais importantes, como uma descrição do seu blog e um formulário de contato. Na segunda crie um menu de navegação por tags (as mesmas que você vai colocar nas postagens) para que as pessoas possam encontrar as coisas em seu blog de acordo com seus interesses. Tente criar poucas tags, utilize uma que possa resumir outras (ex.: design - eu posso colocar tudo que envolve design na mesma. Ao inves de criar tag design, tag design de produtos, web design, etc ). Crie também uma caixa de pesquisa bem visível para que seus visitantes possam pesquisar por alguma coisa específica.

Extra
Você quer um layout bonito, mas não sabe mexer nos códigos e não pode investir em um. Aposte nos layouts free. Tem muitos bem bonitos disponíveis na internet, é só procurar. Eu já disponibilizei dois: extraordinary machine e brand new day.

17 comentários

  1. Antes de fazer o layout que você viu no meu blog, eu cogitei usar um dos teus porque eles eram muito lindos, até cheguei a fazer um header mas eu realmente não me dou nada bem com cores (e não adianta usar a teoria das cores, nada me agrada), então acabei fazendo o meu próprio, que ficou bem simplezinho, mas eu realmente gostei dele.

    Essas dicas são valiosas, embora eu não use todas elas no meu blog por questões de: preguiça HAHA. E ah, eu gosto do teu blog, ele é diferente porque ele não foca só no que os leitores poderiam gostar, mas no que você gosta também, e é isso que conta na minha opinião. :)

    Obrigada pela visita. <3

    ResponderExcluir
    Respostas
    1. Eu tinha muito problemas com cores (ainda tenho um pouco), mas agora estou melhorando. Ficou bem legal seu layout. :D

      Que bom que você gosta, Maria. <3

      Excluir
  2. Eu me considero "boa" pra fazer meus próprios layouts, as vezes eu exagero ou fica simples demais, mas eu uso assim mesmo, o que importa é eu gostar ahhaa obrigada pelas dicas

    juqueirz.blogspot.com

    ResponderExcluir
    Respostas
    1. O que importa primeiramente é nós gostarmos mesmo, Julia. :D

      Excluir
  3. Ótimas dicas eu sempre vejo se tento melhorar o máximo que eu posso no blog, você deu dicas bem diferentes do que costumam dar nas postagens :)

    http://stroke-of-insanity.blogspot.com.br/

    ResponderExcluir
  4. Adorei as dicas, realmente deixar um layout mais limpo e com menos informações deixa ele mais convidativo.

    letsgojess.blogspot.com

    ResponderExcluir
    Respostas
    1. Eu demorei um pouco para descobrir isso. Mas hoje sei que o foco são as postagens e não o que está em volta.

      Excluir
  5. To usando lay free, mas confesso que não estou muito feliz com a fonte YSGAUGSA e a maíoria dos blogs que visito sinto isso: Dificuldade em ler. Okay que minha visão lá não é muito boa, mas acho que um espaço deixaria tudo MUITO mais fácil.
    Antes eu fazia meus lays, mas ando com muita preguiça SAYASGASYUA
    Bem, amei as dias, concordo totalmente *u*
    - um monte de estrelas

    ResponderExcluir
  6. Menina, seu blog é lindo!
    Vim retribuir a visita e acabei ficando encantada com o conteúdo. Salvei alguns links, inclusive kkkkk Adorei o post. Como curto muito as coisas arrumadas de um jeito clean, concordo com tudo. Odeio blog lotado, com sidebar que lembra uma feira.

    xoxo :)

    ResponderExcluir
    Respostas
    1. Obrigada, Eliana. Fico muito feliz que tenha gostado.
      Sidebar que lembra uma feira... hahahaha

      Excluir
  7. Menina, seu blog é lindo!
    Vim retribuir a visita e acabei ficando encantada com o conteúdo. Salvei alguns links, inclusive kkkkk Adorei o post. Como curto muito as coisas arrumadas de um jeito clean, concordo com tudo. Odeio blog lotado, com sidebar que lembra uma feira.

    xoxo :)

    ResponderExcluir
  8. Dicas muito importantes *-*
    Essa do menos é mais é muito verdade...

    www.chadecalmila.com

    ResponderExcluir
  9. Ótimas dicas. Vários blogueiros deveriam ler esse post. As coisas que você citou são as que eu levaria em conta para fazer ou escolher um layout. Muito boa postagem.
    P de Paranoia

    ResponderExcluir
  10. Adorei esse post, me ajudou muito já que sou iniciante rsrsr.
    Um Beijo!!
    http://encontrodmeninas.blogspot.com.br/

    ResponderExcluir
  11. Amando essas dicas, ainda estou arrumando meu lay..mas já estou colocando-as em prática heheh, obrigada!
    Dellycatas

    ResponderExcluir

BLOG UNTIL WE DIE | TODOS OS DIREITOS RESERVADOS 2014-2015 © | DESIGN E DESENVOLVIMENTO: SANYT DESIGN