Design de blog 101: seu guia completo para projetar elementos de blog que darão resultados
Se você está tentando criar o layout do seu blog do zero, seu objetivo final é criar um design que melhor atenda à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 se preocupe muito 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 única.
Projetar um blog é reunir vários elementos e partes para criar um site que transmita efetivamente sua mensagem aos 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 que direção tomar. No entanto, você pode se consolar com uma coisa: você pode ainda não saber o que quer, mas com certeza saberá quando conseguir. Responder a estas 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 exatamente o que você gosta neles, e se você pode extrapolar a ideia para o seu próprio blog. Crie um quadro de inspiração do 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 dos demais.
- 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 de sua interação 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 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 assunto de seu blog. Se você tiver um blog pessoal, então o blog é sobre você e você pode compartilhar algo sobre você de forma criativa.
Deixe 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 do widget de cabeçalho definidas. No Blogger, pode ser necessário codificar uma caixa de widget de cabeçalho.
- Trabalhe a parte gráfica – das ilustrações às fotografias, invista em gráficos de ótima qualidade; você prefere ter ótimos gráficos ou nada – isso é sério. Você pode encontrar muitas imagens e ilustrações na web. Se você conhece o Photoshop, ainda melhor, pode ajustar suas imagens para torná-las mais… você. Se não, tenho certeza que você tem um amigo que 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 o seu site e postagens de blog, e você pode obter muitas fontes usadas com pouca frequência gratuitamente. Quer você esteja procurando algo chique, divertido, extravagante, sério, contemporâneo, gótico e muito mais, há inúmeras opções online que você pode usar. Antes de escolher uma fonte específica, pense no seguinte:
- Deve ser facilmente lido 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 cheia de babados e divertida dificulta a leitura e cansa o cérebro. Você pode usar fontes divertidas em barras laterais, assinaturas, cabeçalhos e títulos de postagens.
- Por favor, por favor, não use Papyrus ou Comic Sans, nós imploramos.
- Não deve ser nem muito pequeno nem muito estranho; seus leitores não sofrerão com isso.
Ao escolher as fontes para o corpo do site, considere se elas serão renderizadas da mesma forma em todos os computadores. 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 igualmente boa, caso a máquina usada para acessar seu blog não tenha sua fonte específica.
Você também deve usar fontes prontas para a Web que tenham boa aparência em todos os dispositivos e mostrem toda a sua pontuação. Alguns caracteres especiais não existem nos registros de certas 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 o dafont ou o site de Kevin and Amanda para obter mais fontes para ervilhas (baseadas em caligrafia) e fontes de scrapbook (fontes convencionais).
3 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 de sua página da Web, provavelmente está muito impressionado com você e pode estar interessado em verificar suas outras categorias. Depois de passar pela sua página, eles agora podem estar dispostos a se inscrever no feed do seu site ou lista de e-mails ou seguir/curtir você nas redes sociais. Dê a eles todos os recursos de que precisam para se conectar com você fora do site, bem como uma maneira de acessar todas as outras partes do site sem precisar rolar de volta para a navegação.
Você também pode incluir três ou quatro de suas postagens mais populares no rodapé para fazer com que os leitores interajam com alguns de seus melhores trabalhos. Use o rodapé para destacar o que mais é interessante/impressionante em seu site.
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á uma audiência 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 direcioná-lo aqui. Se você é mais criativo, pode criar seus próprios ícones usando o Photoshop. O tamanho ideal é de 60 px ao redor.
- Ícone de upload – você pode fazer isso diretamente no blog ou usar o 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:
<a href="http://www.linkgoeshere.com" target="_blank"><img src="http://www.imageurlhere.com"></a>Esta simples linha de código insere qualquer imagem em seu blog.
5 Feed do blog
O feed RSS é uma maneira popular de os blogueiros seguirem facilmente outros blogs. A maioria dos blogs geralmente é configurada 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 blogueiro iniciante.
Para configurar seu feedburner:
- Acesse feedburner.google.com e configure seu feed colocando seu endereço de 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 Dashboard >> Settings >> Site Feed, e você verá uma caixa com o título ‘Post Feed Redirect URL’ onde você precisa inserir o endereço do feed do feedburner. No WordPress, pode ser necessário baixar o plug-in Feedburner Feedsmith, que você pode encontrar aqui. Este é o plugin mais recomendado para esta tarefa, pois permanece consistente mesmo com as 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 considerar, bem como passos a tomar. Como iniciante, talvez você não consiga criar um site inteiro desde o início, 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 lentamente trabalhar na personalização de diferentes elementos do seu blog para que não pareça 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 assim que o fizer, a recompensa de um blog exclusivo valerá o esforço.
Tudo de bom!