webデザイン

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

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

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

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

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

アメブロ風ヘッダー

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

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

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

芸能人のようなヘッダー

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

配色バランス

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

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

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

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

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

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

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

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

ピックアップ記事

  1. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  2. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ
  4. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  5. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…

関連記事

  1. 3分の話

    本当の自由とはどこにあるの?こんなにも不自由な社会だからこそ輝く個性について。

    がんじがらめの社会生活の中で今にも窒息しそうな想いを抱いてはいないだろ…

  2. webデザイン

    photoshopで普通のノイズを加えるだけじゃ満足できない人にはNoise Texture Gen…

    通常、画像にザラっとしたノイズを加える場合には ↓ のようにフィルター…

  3. webデザイン

    社長っ!御社のホームページはタコサイトですよっ、、ウェブ制作者・担当者が知っておくべき重要事項

    ちょっと過激なタイトルですが、タコとは悪口で使われるような意味を含んだ…

  4. フォトショップ

    色彩のセオリーを理解してphotoshopでポスターを配色するためのコツ

    ベース・メイン・アクセントの配色を身につける背後にいる男性の彩…

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

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

最近の記事

  1. Photoshop CCのメニュー文字やツールバーが異常に小…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…
  3. 「コレがやりたかった!」GIFアニメ(動く画像)のPCモック…

思考系のおもろい記事

ブログラ
  1. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  2. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  3. 3分の話

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

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
PAGE TOP