デザインの心理学: メッセージを説明する

公開: 2023-04-09

デザインの心理学シリーズの最初の 4 回のインスタレーションでは、デザインの個々の要素を詳細に分析しました。 ただし、衣装、インテリア デザイン プロジェクト、ウェブサイト、ロゴなど、デザインの真のインパクトを感じるには、これらの各要素を組み合わせる必要があります。

すべてのデザインには、聴衆から反応を引き出す力があります。優れたデザインの構成要素を研究することで、それらが連携して適切な反応を引き出す理由を分析できます。

これは、ブランドのロゴをデザインする場合に特に重要です。 会社の古い外観を再ブランディングする場合でも、新しいロゴをゼロからデザインする場合でも、クライアントにとって最も認知度の高いブランディングの 1 つを作成する責任があります。

よく考え抜かれたデザインを持つこと、そしてそれをクライアントに売り込む方法を知ることは、それがどのように受け入れられるかを決定する要因になります.

クライアントにロゴのコンセプトを説明する際に使用できるいくつかの基本的な定義を読んでください。 また、各ロゴ スタイルの例を分析して、それらが成功した理由をよりよく理解し、ロゴのさまざまなコンポーネントが全体的な魅力にどのように追加されるかについて説明します.

説明する内容は次のとおりです。

  • 絵文字
    • 抽象的なロゴ
    • ブランドマーク
    • マスコット
  • ワードマーク
    • モノグラム
    • レターフォーム
    • ワードマーク
  • 組み合わせマーク
    • エンブレム
  • 強弱記号

Twitterページに表示されているペプシのロゴ
Facebook に表示されている米国人道協会のロゴ
会社のフェイスブックに表示されるミシュランのマスコット

絵文字

文字や形、その他のアイコンを使用したロゴを持つブランドは、ピクトリアル マークを使用しています。 画像コンポーネントが独立しているロゴは、絵入りロゴと見なすことができます。 ピクトリアル ロゴは言葉と組み合わせて使用​​されることがよくありますが、イメージ コンポーネントは独立して表示できます。

絵文字マークの最も一般的な 3 つのスタイルは、抽象的なロゴ、ブランド マーク、およびマスコットです。 これらのそれぞれについて詳しく説明し、以下のセクションでいくつかの例を示します。

抽象的なロゴ

抽象的なロゴは、マーケティングしている製品やビジネスと必ずしも明確に結び付くとは限らないいくつかの形式をとります。 ブランド マークやマスコットが実際のアイテム、人物、動物、またはその他のエンティティの画像を使用している場合、抽象的なロゴは通常、複数の幾何学的形状、線、および色で構成されており、未定義または不正確な形状を作り出しています。

ペプシのロゴは、時代を超越した抽象的なロゴの例です。 ペプシのロゴとは何かと聞かれたら、どのように説明しますか? 流れるような赤と青のボール? 底が青いモンスターボールそっくりさん? 技術的には、ブランドはロゴを「ペプシ グローブ」と呼んでいますが、それが実際に何であるかは、その歴史と親しみやすさほど重要ではありません.

赤と青のロゴの最初の反復は 1950 年代にリリースされ、ペプシの顧客から愛国的な反応を引き出し、ライバルのコカ・コーラとブランドを差別化することを目的としていました。 何度も再設計されていますが、抽象的な要素は元のものに似ており、丸みを帯びたデザインは、ペプシが作る飲み物のように親しみやすく、泡立ちさえあります.

別の円形の抽象的なロゴは Spotify から来ています。 スピーカーから流れる音楽のような音波や WiFi アイコンを連想させるようなものです。 このイメージが機能するのは、私たちがすでに「Spotify」という名前を頭の中で音楽と関連付けているからです。 そうでなければ、Spotify のロゴは実際に多くの企業や業界で使用されていた可能性があります。

アブストラクト マークは、2015 年に Spotify のチームによって選択された明るくエネルギッシュな緑色を使用し、会社名のシンプルなサンセリフ フォントと組み合わされています。 Spotify の選択は、その鮮やかなネオン カラーのおかげで、急速に進化するテクノロジー企業として最初に位置付けられ、ロゴの円形は、リスナーのコミュニティを構築することに重点を置いていることを強調しています。

すべての抽象的なロゴが円形であるとは限りません。Microsoft の抽象的なロゴは、最も認識しやすいものの 1 つで、4 つの単純な正方形で構成されています。 一部の情報源によると、各四角は異なる製品を表すことを意図しています。青い四角は Windows、赤は Office、緑は Xbox、黄色は Outlook または Bing を表しています。 この理論を裏付ける Microsoft からの情報源は見つかりませんでしたが、きれいに積み上げられた四角形は秩序と組織を効果的に表しており、Microsoft の製品はその両方を顧客が達成するのに役立ちます.

ブランドマーク

抽象的なマークが本質的に曖昧である場合、ブランド マークは簡単に認識できます。 そして本当に、それは何でもかまいません。 たとえば、ロゴの歯車はブランド マークと見なされます。 すべての絵入りマークと同様に、ブランド マークは企業名などの単語と組み合わされることがよくありますが、この 2 つのコンポーネントは互いに独立して機能します。

ブランド マークは、歯車のように 1 つのコンポーネントで構成される場合もあれば、複数のコンポーネントを含む場合もあります。 必ずしも当面のビジネスに関連するとは限らない抽象的なロゴとは異なり、ブランド マークは、組織の使命、ビジョン、製品、またはサービスにより密接に関連する可能性があります。

アメリカ合衆国の人道協会を例にとってみましょう。 彼らのブランド マークは、隣接する米国の形に配置された 19 種類の動物のシルエットで構成されています。コンセプトは、非営利団体の 2 つの最も重要な部分である、米国動物を助けることを強調しています。 シンプルでありながら効果的なデザインで美しく表現された、非常に単純なコンセプトです。

マスコット

マスコットはブランドの擬人化であり、マスコットは人から動物、完全に構成された存在まで、あらゆるものになる可能性があります. マスコットは食品小売業者やスポーツ チームの間で人気がありますが、それらの分野以外でも人気があります。 この 2 つの業界にほんの数秒でも注目すると、トニー・ザ・タイガーからハービー・ハスカー、M&M の乗組員まで、数多くの成功したマスコットを簡単に思いつくことができます。

実際に会社のロゴに組み込まれるほど有名になったマスコットがいくつかあります. そのようなマスコットの 1 つがミシュランマンです。 1890 年代からファンに愛されてきたタイヤで作られたこの男が、今日私たちが知っているタイヤとは異なって見える理由は、タイヤが実際には白だったからです!

ミシュラン マンの本名は「Bibendum」です。彼は今日では決して見られない素材で作られていますが、マスコットがタイヤでできていることは今でも認識されています。 彼は 1997 年にミシュランのロゴの一部となり、デザイナーは彼をより親しみやすく見せるために、ほぼ同時に青と黄色のブランド カラーを導入しました。 青い文字と対になった彼らの長年のマスコットは、親切で思いやりのある、信頼され、由緒あるブランドの物語を語っています.

多くの象徴的なマスコットは何十年も前から存在していますが、効果を発揮するために古いものである必要はありません. Aflac Duck は 2000 年に導入されたばかりですが、彼は非常に注目を集めた (しゃれが意図された) ため、補足的な保険会社のロゴの一部にもなっています。

現在、象徴的なマスコットの顔は、ロゴの中央、「Aflac」の「l」のすぐ前にあります。 保険や人材サービスを提供する企業にふさわしい、親しみやすく信頼感のある水色の文字。

ここで、人がマスコットになることはできますが、これらのデザインを作成するときは特に注意する必要があることに注意してください. たとえば、サンダース大佐はビジネスの起源を表す愛されているマスコットですが、マスコットは、マーケティング目的でコミュニティや個人の文化、イメージ、外見、または理想を決して中傷してはなりません.

近年、マスコットが攻撃的であるという事実を受け入れている組織の例がたくさんあるので、マスコットとして人を選ぶ前に、さまざまな多様な個人を調査してください.


Facebook に表示されている GE モノグラム ロゴ
ToysRUs のウェブサイトに表示されているロゴ
Facebook に表示される CNN のロゴ

ワードマーク

ワードマークは絵による表現の反対であり、言葉や文字だけで会社のブランドを伝えることを選択します。 組織によっては、複数のバージョンのワードマーク ロゴを作成する場合があり、完全な単語を使用するものもあれば、文字または頭字語を使用するものもあります。 他の人は 1 つのスタイルだけに固執します。

絵入りマークは単語または文字 (通常は会社名) と組み合わせることができますが、真のワードマークは単語または文字のみで構成されます。 複数の色またはフィリグリーを使用する場合もありますが、画像、アイコン、またはその他のアートワークをワードマークと一緒に使用することはできません (絵入りまたは組み合わせマークにならないようにするため)。

このため、フォントの選択によってロゴの全体的な印象が決まるため、時間をかけて検討する必要があります。 ワードマークの 3 つの最も一般的なスタイルは、モノグラム、レターフォーム、およびワードマークです。

モノグラム

モノグラムは、ワードマーク カテゴリ内の「アイコン」に近いものです。 モノグラムは、複数の文字を組み合わせて 1 つの暗号を形成する、象徴的な重なり合う構成です。 モノグラム ロゴは、Yves Saint Laurent や Chanel などのファッションや高級ブランドで一般的ですが、その領域以外でも多くの用途があります。

たとえば、ニューヨーク ヤンキースは、これまでで最も象徴的なモノグラム ロゴの 1 つを持っています。実際、非常に象徴的であるため、モノグラム バージョンは、ボール クラブのメイン ロゴの人気を覆い隠してしまうことがよくあります。 シンプルで流行に左右されないネイビー ブルーの文字と派手すぎないフォントが、アメリカで最も古く、最も装飾された野球チームの 1 つの象徴的なモノグラムを作成します。 実際、現在のロゴではなく、モノグラムは現在でもチームのユニフォーム、ウェブサイト、商品に使用されています.

モノグラムは、ボタンを留めすぎたり、高級感や高級感を感じたりする必要はありません。 PlayStationはモノグラムのロゴを使用していますが、それでも楽しいものです! 複数の色は子供の頃や遊びの時間を連想させ、ゲーム会社にとって良い兆候です. ロゴの現在の主要なバージョンは白黒の繰り返しですが、オリジナルの配色とモノグラムの 3D の外観は、コンソールが手の届かない高価な製品ではなく、「すべての人のための」ものであることを示しながら、それを近代化するのに役立ちます。 .

おそらく史上最も象徴的なモノグラムは GE のものです。 子供の頃、ゼネラル エレクトリックという会社が食器洗い機のロゴに「H」を使用する理由を不思議に思ったことを覚えています。 それを何時間も見て(そして筆記体のスキルに取り組んで)初めて、それが美しく構成されたモノグラムであることに気付きました。 流れるようなスクリプト フォントと外側のフィリグリーは、パーソナライズされた美学を提供し、落ち着いた青色 (2004 年に Wolff Olins によって更新されました) は、卓越性と信頼性を伝えます。

レターフォーム

レターフォームまたはレターマークは、モノグラムに似ていますが、重複や「暗号化」の美学はありません。 頭字語に短縮された長い名前を持つニュース サイトや企業によく使用されます。レターフォームは、シンプルでわかりやすいブランディングに役立ちます。

テレビをクリックすると、HBO、CBS、MSNBC、CNN、およびその他のほぼすべてのエンターテイメントまたは放送会社を通じてレターフォームを見つけることができます。 これはおそらく、「Cable News Network」は「CNN」よりも適切なロゴに変えるのがはるかに難しいためです。 これらの企業はいずれも、ネットワークのプログラミングと情報の単純な性質をほのめかす文字の形に太字のサンセリフ フォントを使用していますが、文字の形は単純である必要はありません。

たとえば、H&M は、クリエイティブなブラシストローク風のフォントを使用してメッセージを伝えています。 フォントは親しみやすく、カジュアルでありながらエネルギッシュで、注目を集める赤で表示されます。 レターフォームの構成要素は、流行に乗っていながら手頃な価格の衣服を提供するという H&M のビジネスモデルを強調しています。

ワードマーク

「ワードマーク」は、上記の各サブカテゴリに使用できる包括的な用語ですが、1 つまたは複数の単語で構成されるロゴを指すために、より狭い意味で使用することもできます。 レターフォームに加えて、ワードマークはそのシンプルさから、おそらく最も一般的に使用されるロゴのスタイルです。

The New York Times は、米国の主要なジャーナリズム機関の 1 つとしての評判を維持しています。そのワードマーク、およびすべてのワードマークにおいて、選択されたフォントは多くの困難な作業を行います。 ニューヨーク・タイムズの歴史を考えると、それは非常に装飾的で古めかしいものです.

ロゴが変更されたのは 2 回だけです。1 回目は紙名が「ニューヨーク デイリー タイムズ」から「ニューヨーク タイムズ」に変更されたとき、2 回目は 1890 年に「タイムズ」という単語の末尾のピリオドを削除するために太字に変更されました。文字、単語間の間隔を均等にします。 130 年以上にわたり、NYT の読者は、同じクラシックで洗練されたロゴ フォントを期待するのと同じように、一貫性のある痛烈なジャーナリズムを期待するようになりました。

The New York Times はそのフォントを使用して評判を引き締めていますが、ToysRUs はそのフォントを解放するために使用しています。 子供の頃の想像力は、複数の色と「R」の中心にある星の継ぎ目からはじけます。 ワードマークは、The New York Times よりも多くの反復が行われてきましたが、ToysRUs は 70 年代以来、子供のようなバブル文字、逆方向の R、および大胆な色の組み合わせに依存してきました。


Facebookに表示されるハーレーダビッドソンのロゴ
ウェブサイトに表示される Modelo のロゴ
Facebookに表示されるRolexのロゴ

組み合わせマーク

その名の通り。 組み合わせ商標は、文字商標と絵入り商標の要素を組み合わせたものです。 絵文字マークは、独立した単語とアイコンまたは記号を組み合わせることができますが、組み合わせマークは、単語と画像を 1 つのエンティティにまとめます。

一部のコンビネーションマークは、画像部分とは独立して単語または文字の側面を使用し、その逆も同様であるため、ここでは水が少し濁ります。 ただし、ほとんどの場合、要素は連携して機能します。

組み合わせマークは、適切に設計されていれば、どの業界でも成功を収めることができます。 非常に認識可能なコンビネーション マークを持つ非営利団体は Goodwill です。 シンプルな小文字のフォント スタイル、青色の背景、太い線の太さにより、ブランドは親しみやすくカジュアルに感じられます。 笑顔は社名の頭にある「G」も兼ねていますが、それでもコンビネーションマーク以外ではデザインの要素として使われていません。

コンビネーション マークは、非営利の再販業者に最適ですが、より高級な小売業者にも最適です。 たとえば、ロレックスもコンビネーション マークを使用しています。 この高級時計ブランドは、セリフ フォントを選択し、王冠のアイコンを採用して、別のハイエンド アイテムのイメージを呼び起こし、独自の位置に配置しています。 緑と金色の組み合わせも、製品の高価な性質を強調しています。 グリーンとゴールドは、消費者の心にお金のイメージをもたらします。

衣料品やアクセサリーもコンビネーション マークで市場を独占することはありません。 世界的な遊びとエンターテインメントの会社であるハスブロは、その名前をロゴの幸せそうな顔に変えました. 笑顔のアイコンの上に楽しいフォントが配置され、「Hasbro」の「ASB」の文字が顔の上部を作成します。 これらの各例では、要素を個別に使用する方法を確認できますが、そうすると全体的な効果が損なわれます。

エンブレム

コンビネーション マークのサブセットであるエンブレムは、ロゴのテキスト部分をシンボル、アイコン、バッジ、シール、またはクレスト内に配置します。 ナショナル フットボール リーグはその好例です。 レターフォームと見なす人もいますが、文字を囲むバッジは、より正確にはエンブレムになります. 赤と青の色と白い星は、明らかな理由から、アメリカの国旗を暗示しています。

ハーレーダビッドソンは、エンブレムを持つもう1つの象徴的なブランドです。 何年にもわたって翼、ワシ、記念日のアナウンスが装備されてきましたが、「ハーレーダビッドソン モーターサイクル」と書かれたセンター シールドは常に存在しています。 オレンジ色は、オートバイで州間高速道路をクルージングしているときに得られるような、自由奔放な感覚を呼び起こします。

ハーレーダビッドソンと NFL は、エンブレムでできることのかなり基本的な例を示していますが、高度に装飾的である場合もあります。 モデロのエンブレムは、ビールの銘柄というよりは家紋のように見えるのも魅力の一つ。 同社のブランドハウスは、家族の精神的なイメージを想起させるカサモデロと呼ばれています。 エンブレムには創業年 (1925 年) が誇らしげに表示されており、2 頭のライオンが立っていなければ、製品に社名が表示されることはほとんどありません。


ダイナミック MTV ロゴの 2022 年バージョン
2022 年 3 月 3 日に撮影された Google Doodle。日本の女の子の日 (ひなまつりとも呼ばれます) を称える画像で、2 人の漫画の女の子、花、蝶、その他のスプリンの図像が描かれています。
ヒラリー・クリントンの H のロゴは、彼女のキャンペーンの大部分で使用されていたもので、両側にある 2 つの青い柱と赤い矢印が交差して手紙を完成させています

ダイナミックマーク

歴史的に、ロゴは、単一の画像、単語、文字、またはこれらの要素の組み合わせで構成され、ブランド、会社、または製品を表す単一のシンボルを作成するために機能していました。 現在、ロゴはあらゆるビジネスの基本的な要素であり、ほとんど要件となっています。

すべての企業のロゴが、ビジョンや目的をぼんやりと解釈したものでなければならないというわけではありません。 会社名を適切なフォントで表示するシンプルで高解像度の画像は、ビジネスに最適なロゴである可能性があり、多くの場合そうです。 しかし、これまで以上に多くの顧客接点が存在する時代において、ロゴの複数のバージョンをデザインすることは、特定の時間、場所、ニーズ、イベント、または意図に基づいて視聴者の反応を引き出す優れた方法です.

ブランドがマーケティング資料全体で使用する追加のツールと視覚的な合図を必要とするため、多くのデザイナーがダイナミック マークに目を向けています。 レスポンシブ ロゴまたはロゴ システムとも呼ばれるこれらのロゴは、使用しているデバイスに基づいて最適化され、アニメーションを含めることもできます。

ロゴの色、サイズ、形状、方向、または動きに小さな意図的な変更を加えることで、ロゴのさまざまな繰り返しが、伝えられるメッセージの背後にある特定の意図を表現するのに役立ちます。 これらの変更が控えめに使用され、慎重に検討されている限り、設計の武器庫に追加する優れたツールになる可能性があります。 重要な記念日などの特別な機会があるときや、独自のブランディングの恩恵を受ける可能性のあるイベントが近づいているときに、それらをクライアントに売り込みます。

Google の検索エンジンは動的マークの最良の例の 1 つです。動的マークは常に変化しますが、常に Google のように感じられます。 「Google Doodles」は、重要な歴史上の人物、祝日、現在の出来事、業績などを示しています。 これらの特別な一時的なロゴは、1998 年の感謝祭バージョンから始まり、それ以来 4,000 以上のバージョンがリリースされていますが、どのバージョンも最後までブランドに忠実であると感じています.

MTV も、長い成功の歴史を持つダイナミックなロゴを使用しています。 エンターテインメント グループは、その歴史を通じて何百もの繰り返しのレターマークを作成してきましたが、常に同じ古典的な文字構造を維持しているため、濁ったり不明瞭になったりすることはありません。 ロゴはさまざまな色、素材、テクスチャ、アニメーション、環境で表示されていますが、視聴者は常に自分が見ているものを正確に理解しています.

ヒラリー・クリントン陣営も、2016 年の選挙でダイナミックなロゴを使用しました。 彼女の政治についてどう考えても、ダイナミックなロゴは、文字「H」のさまざまな反復を使用して、キャンペーンが多くの問題、休日、および重要なイベントに対処できるようにする賢い選択でした。


優れたデザインの構成要素に戻る

WP Engine からの最新のデザインのディープ ダイブを最新の状態に保っていただきありがとうございます! デザインの心理学シリーズは、コンテンツ階層に関する最終版で締めくくります。レイアウトが顧客のブランドに対する全体的なエクスペリエンスにどのように影響するかに焦点を当てます。

デザイン、WordPress、および WP Engine によって作成された製品やサービスに関する最新の更新に関連する重要なコンテンツを見逃さないように、WP Engine ニュースレターを購読していることを確認してください。