webデザイン

芸能人のアメーバブログのようなヘッダーを作成・依頼する前に知っておいたほうが良いこと。

《芸能人のブログヘッダ画像まとめ【モデル偏】【アイドル偏】》などを見ると、どれも可愛いかったり、かっこよかったり一目でググっと惹きつけられてしまいます。

そんな魅力的なヘッダーデザインのほとんどが1枚のメイン(本人)画像を使用し、それを惹きたてるような背景デザインに仕上げられているという共通点が見られます。

どっちのが個性的だろう?
アピールの強いヘッダー個性を表現するヘッダー

↓ のヘッダーは一見ピンク色が目立ってインパクトがあるように感じますがガチャガチャして視点が定まりません。中には自己アピールが強過ぎる印象をもつ人もいるでしょう。

アメブロ風ヘッダー

人物写真(特に顔)は必然的に見る人の視線を止めることができますが、あまり多様してしまうと逆効果になることもあります。

そぎ落として個性を表現する

いっぽう↓ のヘッダーはシンプルな中にも個性を感じませんか?描き乗せていく(デコレーションする)ことだけがデザインではありません、メイン画像が映えるように不要な部分をそぎ落としていくともまたデザインです。

芸能人のようなヘッダー

こちらでも記載してますが ⇒ デザインのレイアウトが苦手なひとが今日から得意になってしまう、たった3つの方程式! 視線の流れ空間を描く配色バランスなどを意識することで全く印象の違うヘッダーが完成します。

配色バランス

今回はこのような配色バランスを意識して作成してますが、例えばあなたがピンク色が好きだとした場合、ベース色にガッツリ使用するだけではなく、好きな色をアクセントカラーとして用いるという選択肢を持つだけでも表現の幅は一気に広がります。

余談:最新設備の整ったデザイナーズマンションに住んでる場合昭和の雰囲気が漂う古い住居に住んでる場合をイメージしてみてください。

部屋の中に不要な物が増えれば増えるほど、最新・古風といったどちらの良さも消えていってしまうことが想像できるはずです。

不要なものをどんどんそぎ落とし本当に必要なものだけを残こそうとすると、スタイリッシュ和テイストといった机ひとつ、家具の選び方にその人の個性(センス)が表現されていきます、選び抜いた家具の配置などを工夫することでも部屋の持つ魅力が引き出される訳ですね。

個人ブログは自分の好きなようにデザインすることが一番ですが、自己表現や交流のツールとして活用するブログの場合にはやはり多くの人に見てもらいたいもの。そのためにも最適な表現方法を活用して個性を映し出すヘッダーに仕上げましょう。

最近では【参考にしたい!芸能人のおしゃれなアメブロデザイン10選】のような写真の魅力を最大限に活かしたスタイリッシュなヘッダーが主流になりつつあるかも?

目的・用途別で考えるヘッダー(アイキャッチ)の役割

個人ブログコーポレートサイトコンテンツブログ
個人ブログのヘッダーコーポレートサイトのヘッダーコンテンツサイトのヘッダー
アメブロ・ライブドアなど会社のホームページなどアフィリ・アドセンスなど
解説解説解説
スリームデザインの無料メールマガジン

ピックアップ記事

  1. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  4. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…

関連記事

  1. 3分の話

    PhotoshopでGIFアニメーションをトゥイーンで作って保存する方法。

    Photoshopではタイムラインを使うことで動的なGIFアニメーショ…

  2. webデザイン

    Photoshopユーザー必見!無料になったNik Collectionのヤバすぎる使い方

    Photoshopでクオリティの高い加工が可能なプラグインのNik C…

  3. webデザイン

    「これって写真だったの?」人物写真をphotoshopで手書き風の水彩画ちっくに仕上げるチュートリア…

    ここでは人物写真を、鉛筆画のような加工と絵具の表現の2つの工程を混ぜ合…

  4. 3分の話

    「なんの関係があるの?」ボーリングでスコア246叩き出し、ブログで314万PVを達成するための…

    「今月の数字、ペース割ってるけど大丈夫か?見込み客はあと何人?ちゃんと…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」のWEB…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. キュレーション

    WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  2. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  4. webデザイン

    「特訓Photoshopプロのテクニック教えます!」のWEB版を『無料』で一般公…
  5. 3分の話

    フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
PAGE TOP