eu sei que nem todo mundo nasce com habilidades de design, então estou aqui para lhe dar alguma esperança e dizer que você ainda pode criar um cabeçalho de blog bonito, mesmo se você não é um designer!!
primeiras coisas primeiro, você precisará de algum lugar para realmente criar um cabeçalho. Se você tem Photoshop, você está no caminho certo. Se você ainda não estiver usando o Photoshop, pode usar algo como o Gimp (é como um Photoshop gratuito) ou o Canva.
Passo 1: Defina suas dimensões
depois de escolher sua arma de escolha do editor, é hora de definir as dimensões do seu cabeçalho. Você provavelmente vai querer que seu cabeçalho estique a largura do seu blog. Se você não sabe qual é toda a largura do seu blog, pode aparecer no editor/Personalizador do Modelo e procurar a largura da área do cabeçalho que deve ser exibida em pixels.
quando você cria uma nova imagem ou projeto em qualquer um desses programas (arquivo > novo), ele deve pedir dimensões. Defina suas dimensões personalizadas para pixels e insira a largura do seu blog, seguida pela altura que você deseja que seu banner seja. Não há qualquer regra de ouro para uma altura, mas eu provavelmente mantê-lo sob 350px apenas para fins estéticos.
se houver uma configuração de resolução ou DPI, ela deve ser definida como 72. Tudo para a web deve sempre ter uma resolução de 72 DPI. Faça o fundo branco para tornar as coisas mais fáceis.
ótimo! Agora você tem um documento em branco no tamanho exato que seu cabeçalho será. Vamos para o design…
Passo 2: criação do blog cabeçalho
Se você é uma daquelas pessoas que não tem nenhuma habilidade artística, o melhor conselho que posso dar é algo que eu aprendi na 3ª série… K. I. S. S. — Keep It Simple, Stupid!
um cabeçalho bonito não precisa estar cheio de gráficos e todas as suas coisas favoritas. Pode ser simples e chique sem nenhum gráfico. As fontes são seus novos melhores amigos.
algumas coisas para lembrar ao mantê-lo simples:
- limite o uso da fonte, tente no máximo duas fontes.
- os títulos devem ser fáceis de ler. Use uma fonte legível.
- se você estiver usando uma fonte extravagante para um elemento, tente uma fonte simples para o outro.
- certifique-se de que tudo se alinha corretamente
- Tenta deixar a mesma quantidade de preenchimento em torno de todas as bordas
Aqui estão alguns exemplos de cabeçalhos simples:
Este cabeçalho de primeiro é o mais simples dos simples. Ele usa a mesma fonte por toda parte e o slogan é alinhado com o final do “T” na linha acima, tornando as coisas agradáveis e justificadas. O preenchimento (espaço em branco) na parte superior e inferior é igual, e o mesmo vale para os lados esquerdo e direito.
esta é uma melhoria do primeiro cabeçalho. Veja que diferença faz se você for capaz de alinhar perfeitamente o slogan com a palavra acima dele? Quando as coisas estão alinhadas, o design parece muito mais unificado. Preenchi o espaço em branco vazio ao lado do slogan com uma linha reta 1px simples para amarrar as coisas um pouco melhor.
o cabeçalho acima usa fontes diferentes. Para o título do blog, usei uma fonte sofisticada, o que significa que o slogan abaixo deve ser algo muito mais simples. Acho que essas duas fontes se complementam bem porque são fontes serifas e ligeiramente altas. Encontre fontes que se complementam se você estiver usando várias. Esta fonte de título é chamada Rosewood se você estiver interessado em experimentá-la.
adicione um pouco de cor! Depois de definir suas fontes, você pode experimentar um pouco de cor. Novamente, certifique-se de que as cores que você escolher se complementam e também certifique-se de que o texto se destaque do fundo. Então, por exemplo, não faça isso:
o título é muito leve e se esforça nos olhos. Não se destaca como deveria contra o fundo branco. O slogan é muito NEON e também estica os olhos ao olhar para ele. Por favor, pessoas, pare de usar neon Verde. Em vez disso, se você quiser usar essas cores, tente tonificar os tons um pouco como este:
isso é muito mais fácil para os olhos, não é? Estou voltando para algumas fontes mais básicas porque acho que a acima está um pouco ocupada demais para o meu gosto e realmente não dá a vibração certa do meu blog. Isso também é algo que você deve ter em mente … a sensação geral do seu blog. Vamos tentar tirar aquele do parque adicionando um pouco de trabalho gráfico:
usei a mesma estrutura básica do cabeçalho #2, apenas joguei um pouco de detalhes gráficos e certifiquei-me de que não interferisse no texto.
você pode pegar alguns clipart de sites como Etsy ou Creative Market ou você pode pesquisar on-line para alguns pequenos gráficos. Certifique-se de ter os direitos de usar os gráficos… e com isso quero dizer, não vá apenas pegar coisas da pesquisa de imagens do Google.
a coisa a ter em mente com gráficos é que você não quer dominar o texto. O objetivo de um cabeçalho é que as pessoas possam se familiarizar com o nome do seu blog. É como seu próprio logotipo.
se você estivesse projetando um logotipo para si mesmo, você não jogaria um monte de fotos aleatórias de si mesmo e de suas aventuras, você faria? Portanto, embora um cabeçalho possa definir o tom do seu blog, você não precisa mostrar a todos todos todos os destaques do seu blog de uma só vez. É para isso que servem seus posts ;).
se você insistir em mostrar algumas fotos em seu cabeçalho, certifique-se de que elas não distraiam do título e sejam organizadas de uma maneira que faça a página fluir bem.
Aqui estão alguns exemplos do que não fazer:
a justificativa está em todo o lugar e o preenchimento está desligado.
não. Não. Duas fontes extravagantes completamente diferentes empurradas juntas se parecem com isso. O slogan é difícil de ler. Isso pode ser fofo se o slogan fosse menor, não em maiúsculas e em uma fonte básica sem serifa.
existem muitas fontes por aí para escolher, e se você pegá-las em um site como o DaFont, pode até digitar o nome do seu blog na caixa de texto “digite seu texto aqui” nas páginas da categoria para ver exatamente como seria seu título.
Passo 3: Salvando seu cabeçalho
quando estiver definido, você precisará salvar essa imagem como um PNG se decidir por um fundo transparente. Salve-o como um JPG caso contrário. JPG e PNG funcionam bem para imagens da web.
espero que tenha ajudado um pouco! Apenas lembre-se de confiar em seus olhos e certifique-se de que tudo esteja bem espaçado. Você ficaria surpreso com a forma como simplesmente alinhar as coisas e escolher as fontes certas pode realmente fazer ou quebrar um cabeçalho!
Última Atualização em 6 de abril de 2021