ブログのヘッダー画像をカッコよく魅せる方法

2017年11月18日

ブログにインパクトが欲しい~

ということでヘッダー画像を作ってはみたが・・・

 

なんかしっくりこない・・・
何が原因なのか・・・

はっきりとした原因がわからないまま、いじくりまわして
まとまりがなくなってグチャグチャに・・・

 

よくあるパターンです(笑)

 

たまにブログヘッダーの作成を依頼されることがあるのですが

 

そのときに使っている

ヘッダーがすっきりまとまってカッコよく見える、ある方法を教えます!

 

ブログヘッダーを構成している要素は大きく分けると

 

1.背景画像

2.ブログタイトル

3.ブログ説明文

 

以上の3点になります

 

この3点を上手くレイアウトすることで、スッキリとした印象のヘッダー
画像が出来上がります

 

このレイアウトには基本となるテンプレートがあるのです!

 

そのテンプレートがこちら

 

注意したいポイントが3つあるので、各ポイントについて説明します

 

①余白
この余白をバランスよくとると、まとまりのあるレイアウトに見えます

特に、上下の余白左右の余白をそれぞれ合わせるときれいに整って見えます

 

②タイトルスペース
  このブログタイトルとブログ説明文をヘッダー画像に目一杯放り込んでいる

  ヘッダー画像をよく見かけるのですが、非常に見にくいですよね・・・

上記画像にある「タイトルスペース」の範囲内程度に抑えるのが一番いいです

文字数などによって、若干変わることもありますが
極力、③の青線にタイトルスペースを広げないようにするのがベストです

 

③背景画像の配置
背景画像のメインになるのが「人物」である場合

人物の中心を③の青線に合わせるようにするとバランスが取りやすくなります

背景画像が人物ではない場合も
「人物」がメインであるといと同じ考え方で配置します

 

たったこの3点を意識するだけで、かなり印象が変わるはずです

 

他には
配色なんかも重要な要素としてあるのですが

 

これに関しては
カッコいいと思ったブログやサイトのヘッダー画像の真似をしてみるのが

一番手っ取り早いです

 

そっくりそのままパクったらダメですよ・・・

 

このヘッダーのこの部分と、このヘッダーのこの部分を組み合わせると
カッコよくなるんじゃないかな~

みたいな感じでやってみるといいですね

 

「雰囲気を自分のフィルターを通して表現してみる」という作業をすると

また違った感じになっておもしろいので、一度トライしてみてください!

 

 

こんな感じでどうかな~

もっとこんな感じにしたいんだけど・・・

なんてときは、わたしレベルでよければ相談に乗りますので、お気軽にどうぞ!

ヘッダー画像についてエディーに相談をしてみる