Blog Design 101: seu guia completo para criar elementos de blog que darão resultados

Publicados: 2016-07-12

Se você está tentando criar o layout do seu blog do zero, seu objetivo final é criar um design que melhor se adapte às necessidades e requisitos de seus leitores.

O que pode funcionar para um blog pode ser completamente inútil para outro, então não fique muito interessado em copiar o estilo de design de outra pessoa. Em vez disso, concentre-se nos princípios e diretrizes básicos e deixe-os ajudá-lo a desenvolver um design que o represente de maneira exclusiva.

Projetar um blog é reunir vários elementos e partes para criar um site que efetivamente transmita sua mensagem aos seus leitores. Abaixo, analisamos os mais importantes desses elementos e como você pode incluí-los em seu próprio design.

Começando

Muitas pessoas que estão começando um blog não têm ideia de onde querem levá-lo, o que é um grande problema ao tentar determinar qual direção tomar. No entanto, você pode se confortar com uma coisa: você ainda não sabe o que quer, mas definitivamente saberá quando conseguir. Responder a essas três perguntas pode ajudá-lo a mapear seu caminho de design:

  • Qual é a sua inspiração? Procure inspiração em design, opções de cores e estampas. Você pode encontrá-los em qualquer lugar, mas o Pinterest pode ser um ótimo lugar para começar.
  • Quais são seus blogs favoritos? Encontre cinco blogs pelos quais você é louco e determine o que exatamente você gosta neles, e se você pode extrapolar a ideia para o seu próprio blog. Crie um quadro de inspiração no Pinterest que permitirá que você colete seus elementos inspiradores sob o mesmo teto.
  • O que te diferencia? Seu blog deve ser um reflexo de quem você é. Capitalize os aspectos que você deseja trazer que o diferenciarão do resto.
  • Quais cores você gosta? Ao escolher seu esquema de cores, pense não apenas nas cores que o deixam feliz, mas também no significado de sua escolha para o tipo de blog que você está executando. Como você espera atrair outras pessoas para o seu blog, não pode se concentrar apenas no que deseja.

1. O cabeçalho

O cabeçalho é onde você causa a primeira impressão em seus espectadores e define o tom da interação deles com seu blog. Tenha cabeçalhos sérios para blogs sérios e cabeçalhos divertidos e criativos para blogs divertidos. Escolha conscientemente suas palavras e, em seguida, use-as de forma concisa.

Blogueiros de nicho (falando sobre algo específico) podem ter mais facilidade com isso, mas todos podem encontrar algo – uma coisa – sobre o qual seu blog é. Se você tem um blog pessoal, então o blog é sobre você, e você pode compartilhar algo sobre você de uma forma criativa.

Faça seu cabeçalho entre 150 e 250 pixels de altura para que você possa maximizar seu espaço acima da dobra (o espaço em uma página da web antes de rolar). Se você deve ter um cabeçalho acima de 250 pixels, considere o seguinte:

  • Adicione elementos funcionais – integre alguns elementos funcionais como navegação, ícones de mídia social e ícones de feed RRS no cabeçalho para maximizar o espaço. Muitos temas premium do WordPress já possuem partes de widget de cabeçalho definidas. No Blogger, pode ser necessário codificar uma caixa de widget de cabeçalho.
  • Trabalhe os gráficos – das ilustrações às fotografias, invista em gráficos de grande qualidade; você prefere ter ótimos gráficos ou nada – é muito sério. Você pode encontrar muitas imagens e ilustrações na web. Se você conhece o Photoshop, melhor ainda, você pode ajustar suas imagens para torná-las mais… você. Se não, tenho certeza que você tem um amigo que você pode subornar. Acertar o cabeçalho tornará todos os outros aspectos muito mais fáceis de colocar e projetar.

2. Fonte e tipografia

As fontes podem ajudar a definir um tom para seu site e postagens de blog, e você pode obter gratuitamente muitas fontes pouco usadas. Se você está procurando chique, divertido, caprichoso, sério, contemporâneo, gótico e muito mais, há muitas opções on-line que você pode usar. Antes de escolher uma fonte específica, pense no seguinte:

  • Deve ser de fácil leitura e as letras devem funcionar bem com outros elementos.
  • Se combinar fontes, elas devem se complementar (use no máximo três fontes).
  • Mantenha a fonte do texto principal simples. Deve ser limpo e agradável aos olhos. Ter uma fonte principal divertida e cheia de babados dificulta a leitura e cansa o cérebro. Você pode usar fontes divertidas em barras laterais, assinaturas, cabeçalhos e títulos de postagem.
  • Por favor, por favor, por favor, não use Papyrus ou Comic Sans, nós imploramos.
  • Não deve ser nem muito pequeno nem muito descolado; seus leitores não vão sofrer com isso.

Ao escolher fontes para o corpo do seu site, considere se ele será ou não renderizado em todos os computadores da mesma forma. Algumas fontes não estão incluídas em outros computadores, como Century Gothic, que é uma ótima fonte de leitura não incluída em computadores Mac. Certifique-se de incluir uma fonte de backup que seja tão boa caso a máquina que está sendo usada para acessar seu blog não tenha sua fonte específica.

Você também deve usar fontes prontas para a Web que fiquem bem em todos os dispositivos e mostrem toda a sua pontuação. Alguns caracteres especiais não existem nos registros de determinadas fontes, o que significa que algumas de suas informações não serão exibidas se você as usar. O Google tem toneladas de fontes gratuitas, fáceis de usar e prontas para a web. Você também pode conferir dafont ou o site de Kevin e Amanda para mais fontes para ervilhas (baseadas em caligrafia) e fontes de scrapbook (fontes convencionais).

3. O Rodapé

Seu rodapé deve ter mais do que apenas a declaração de direitos autorais; t é de fato o segundo elemento de design mais importante em suas páginas da web. Agora que você trouxe seu leitor até o fim (muito bem!), você deve ter um caminho claro para direcioná-lo a seguir.

Se um leitor chegou ao final da sua página da web, provavelmente está muito impressionado com você e pode estar interessado em verificar suas outras categorias. Tendo passado pela sua página, eles agora podem estar dispostos a se inscrever no feed do seu site ou na lista de e-mails ou seguir/curtir você nas mídias sociais. Dê a eles todos os recursos de que eles precisam para se conectar com você fora do seu site, bem como uma maneira de alcançar todas as outras partes do seu site sem precisar voltar para a navegação.

Você também pode incluir três ou quatro de suas postagens mais populares no rodapé para que os leitores interajam com alguns de seus melhores trabalhos. Use o rodapé para destacar o que mais é interessante/impressionante no seu site.

4. Ícones de mídia social

Você deve tornar mais fácil para os leitores encontrarem e se conectarem com você em outros lugares na Internet, o que é ótimo, pois criará um público para você mesmo fora do seu blog. A rede social é fundamental para o sucesso do seu blog, e é por isso que adicionar ícones sociais é importante. Para começar a colocar seus ícones, você pode fazer o seguinte:

  • Ícones de pesquisa – comece minha pesquisa por ícones sociais no Google, que podem direcionar você aqui. Se você é mais criativo, pode criar seus próprios ícones usando o Photoshop. O tamanho ideal é 60 px ao redor.
  • Ícone de upload – você pode fazer isso diretamente no blog ou usar flikr, photobucket e outros sites de fotos e incluir um link para a imagem em seu código.
  • Adicione seu código HTML – no Blogger, a seguinte linha de código deve ser adicionada na área do widget HTML, enquanto no WordPress ela vai para a área do widget de texto:

[xhtml]
<a href=”http://www.linkgoeshere.com” target=”_blank”><img src=”http://www.imageurlhere.com”></a>
[/xhtml]

Esta simples linha de código insere qualquer imagem em seu blog.

5. Feed de blogs

O feed RSS é uma forma popular para os blogueiros seguirem facilmente outros blogs. A maioria dos blogs geralmente são configurados para fornecer um feed automático, mas isso não vem com opções automáticas para seguir estatísticas importantes, o que pode ser muito útil para um futuro blogueiro.

Para configurar seu feedburner:

  • Acesse feedburner.google.com e configure seu feed colocando o endereço do feed ou blog na caixa.
  • Depois que a URL for verificada, a próxima página será exibida e você precisará garantir o endereço do feed e o nome do blog (muito importante!). se você alterar o endereço do feed no futuro, DEVE notificar os leitores, pois eles não serão atualizados automaticamente.

É isso! Agora você tem um feed. No Blogger, você pode ir para Painel >> Configurações >> Site Feed e verá uma caixa com o título 'URL de redirecionamento do feed de postagem', onde você precisa inserir o endereço do feed do feedburner. No WordPress, você pode precisar baixar o plugin Feedburner Feedsmith, que pode ser encontrado aqui. Este é o plugin mais recomendado para esta tarefa, pois permanece consistente mesmo com atualizações do WordPress.

Conclusão

Projetar um blog não é tarefa fácil, especialmente se você não tem nenhuma experiência em design. Há muitos aspectos importantes a serem considerados, bem como medidas a serem tomadas. Como iniciante, você pode não conseguir projetar um site inteiro do zero, mesmo que tenha todos os tutoriais. Em vez disso, encontre um bom tema que você possa personalizar e comece por aí. Existem milhares e milhares de temas gratuitos e premium que você pode obter no WordPress e no Blogger. À medida que você se torna mais proficiente em codificação e design, pode trabalhar lentamente para personalizar ainda mais os diferentes elementos do seu blog para que não se pareça com o de outra pessoa.

A coisa mais importante a lembrar é que levará muito tempo e esforço. Você pode precisar vasculhar dezenas de tutoriais antes de acertar. Mas uma vez que você fizer isso, a recompensa de um blog exclusivo valerá o esforço.

Tudo de bom!