ブログ初心者が、ヘッダー画像のデザインを考える時って
実際に一人で悩んだり、
時間をかけて作成したデザインがイマイチだったり・・・
といったこんな経験はありませんか？
実際にブログ運営をされている方の9割の方が、
- ブログのヘッダー画像は無料でデザインされたものを貼っていたり
- イメージ写真だけセットしてブログの既成のタイトルで構成してたり
- 無料ソフトを使って独学で作成した印象の残らないヘッダー画像だったり・・・
残念ながら、これでは、売れるブログを構築したり、ブロガーとして
運営していくには、難しいかもしれません。
では、Webデザインのプロは、どんな感じでヘッダー画像を
作成しているのか！？
現役でWebデザイナーをやってジジィが、
実際にプログ運営をしてみて気づいたことをブログ初心者がオリジナルヘッダー画像を
デザインする時に簡単にできる3つの考えかたをお伝えします。
実際に依頼を受けデザインしたたまり様のヘッダー画像をもとに
作成したポイントを3つのデザインで説明していきますね。
イメージパーツの組み合わせでデザインを構成する
まず、デザイン構成を考えるにあたって依頼者さまの
・デザインイメージ
・キャッチコピー
・ターゲット
などの情報が必要となります。
つまり、自分で作成するなら、この4つはデザインする前にしっかり決めて
おきましょう。
例えば、今回のたまりさんの場合
- デザインイメージ：パステルカラーで明るいイメージの色
- キャッチコピー：環境が変わっても自分らしくいられる働き方
- ターゲット：30代・主婦・子育て中のママさん・ワーキングマザー
これらをヒヤリングして完成したデザインの1つめがコチラです。
↓ ↓ ↓
このデザインを構成しているのは、
デザインイメージ、キャッチコピー、ターゲットをイメージすることで
選択した①②③写真素材を使用してデザインしています。
↓ ↓ ↓
【デザインPoint】
子育て中のママさんをターゲットに母をテーマとしたデザインでブログタイトルとは
別の頂いたサブキャッチをストレートにビジュアル化したものです。
クォリティーをどのレベルまでもっていくかでレイアウトバランスや写真合成の
スキルが必要になってきますが、まずは自分なりの感覚で構成してみると
いいでしょう。
それでもどうしても思いつかないという場合は・・・
プロのデザイナーもよくやっていることで
・どんなテイストで仕上げたいのか
・どんなデザインにしたいのか
参考となるデザインをリサーチしてみるのも一つの方法です。
◆一枚の背景写真でレイアウト構成を考え、デザインする
2つ目のデザインとして作成したのがコチラです。
↓ ↓ ↓
このデザインは、コンセプトにあった④のイメージ写真を1枚セレクトし、
トリミング（サイズ調整）をすることでレイアウトを構成しています。
【デザインPoint】
30代の主婦をターゲットにファミリーをテーマにしたブルーとグリーンの2トーンで
環境をイメージングしています。
そこに花びらと紙飛行機、キャッチコピーのオレンジをワンポイントカラーにして
女性の優しさと自分らしさをデザインしたものです。
イメージアップ効果としては、
背景写真の上のイラストフレームやキャッチコピーに光彩をかけています。
◆数枚のイメージアップ写真を合成し、デザインする
次に３つ目のデザインとして作成したのがコチラです。
↓ ↓ ↓
【デザインPoint】
このデザインコンセプトは、ワーキングマザーを全面にイメージングしたデザイン。
働くと言っても趣味や自分の好きなことで情報発信し、伝えることの
面白さと楽しさを表現しています。
デザイン構成としては、背景イメージに視覚的ポイントをもっていくため
⑤と⑥の2枚の写真を並べることで強烈なインパクトを与えます。
以上、ジジィがオリジナルデザインした3つのヘッダー画像をもとにデザインする時の
考え方を3つの視点で具体的にまとめてみました。
つまり、ブログ初心者がヘッダー画像をデザインする時、
- イメージパーツの組み合わせでデザインを構成する
- 一枚の背景写真でレイアウト構成を考え、デザインする
- 数枚のイメージアップ写真を合成し、デザインする
この3つの考え方を意識するだけで悩まずに3案を作成することができますし、
クォリティーの高いオリジナルデザインも短時間で仕上げられるようになります。
さらに、今回お見せしたどのデザインにも共通していえることですが・・・
素材の組み合わせ方、タイトルの書体・色、大きさなどのバランス次第では、
幾通りものインパクトあるデザインも作れるし、逆にしょぼいデザインに
なってしまうこともよくあります。
だからこそ、あなた自身の力でデザイン画像を作成し、何度も挑戦してみることで
学び、スキルアップができるのです。
あっ、無料レポートの表紙画像を自分でデザインするならこちらもあわせて
ご確認ください。とっても勉強になりますよ^^♪
↓↓↓
今回、ジジィが依頼を受けてデザインしたブログヘッダー画像は
・Illustrator(イラストレーター)
・Photoshop（フォトショップ）
のAdobeソフトを使用して作成しています。
