Visual Identity Essentials：完璧なブランドルックアンドフィールの背後にあるもの

公開: 2021-03-06

写真が千の言葉の価値があるなら、あなたの視覚的アイデンティティはそれらの百万の価値があります。これは、ブランドが視聴者に刺激を与え、見られているように感じさせたり、特別なコミュニティの一部であるかのように感じさせる、まとまりのある画像を提示できる最良の方法の1つです。しかし、消費者の忠誠心を獲得し、ブランドの選択に影響を与える上で、ビジュアルアイデンティティはどのような役割を果たしますか？

さて、次の2つの事実を考慮してください。購入の意思決定の95％は潜在意識レベルで行われ、消費者はブランドの視覚的アイデンティティに基づいてほぼ瞬時にブランドについて決心します。研究によると、人々は次のことを示しています。

わずか13ミリ秒で画像を処理できます。
ウェブページを見てから50ミリ秒以内に、その視覚的な魅力に基づいてウェブページについて意見を述べます。
主に使用するカラーパレットに基づいてブランドを評価します。

プレッシャーはありませんよね？

このガイドでは、ブランドの個性を正確に表し、視聴者を効果的に引き付ける視覚的なアイデンティティを作成する方法を紹介します。色、タイポグラフィ、画像、ページレイアウトが重要である理由と、これらの要素を使用してブランドの使命、ビジョン、価値を伝える方法を学びます。

ビジュアルアイデンティティとは何ですか？

ビジュアルアイデンティティは、カラーパレットやタイポグラフィから、ウェブサイトやマーケティング資料のレイアウトに至るまで、ブランドのすべての視覚的要素を包括する総称です。これらの要素が一緒になって、ブランドの象徴的な意味として機能する視覚的なアイデンティティを作成します。強力な視覚的アイデンティティにより、組織はその目的、使命、および価値について正しいメッセージを出すことができます。また、オーディエンスがブランドをどのように認識し、それらのコア原則を順守しているかにも影響します。

画像の帰属：UnsplashのAnthony Rosset

コンテンツマーケティングに関しては、ビジュアルアイデンティティの重要性が最も重要です。視覚的なアイデンティティに十分な注意を払わないと、ブランドとそれが表すすべてのものを誤って表現する可能性があります。順番に、あなたの聴衆はあなたが実際に伝えようとしていたものとはあなたのコンテンツから非常に異なる物語を得るかもしれません。

あなたの視覚的アイデンティティは、ウェブサイト、ソーシャルメディアの存在、広告、ブログ、ビデオ、マイクログラフィック、インフォグラフィック、電子書籍などを含むメディアのエコシステム全体に反映されます。まとめると、これらのタッチポイントは、ブランドの特徴となる方法で、重要な価値観、製品、メッセージを伝えます。

ビジュアルアイデンティティが重要なのはなぜですか？

あなたの視覚的アイデンティティは、あなたのブランドの個性と価値観を即座にその聴衆に伝えます。適切に実行された視覚的アイデンティティは、顧客や見込み客との即時の親和性を引き起こします。一方、視覚的な不一致は、不確実性、さらに悪いことに否定性を伝え、読者、顧客、またはクライアントにブランドの不確実性をもたらしたり、ブランドを不信感を抱かせたりする可能性があります。一貫性のある目的のあるビジュアルアイデンティティは、3つの主要な方法でブランド全体の健全性をサポートします。

それはあなたのブランドの使命と価値を伝えます。 最も魅力的で象徴的な組織は、視覚的アイデンティティをブランドの個性の延長として扱います。ブランドとして意図的に歩いたり、話したり、服を着たりすることは、あなたが自分の中心的な目標と使命に自信を持っていることを示しています。
それはあなたの聴衆と共鳴します。 視覚的アイデンティティの力は、視聴者との親和性を即座に刺激する能力です。特定の人口統計（たとえば、デンバーに住む20〜30歳のひとり親）またはより抽象的なペルソナ（ワークアウトを最大限に活用したいエリートアスリートなど）に到達しようとしているかどうかにかかわらず、視覚的なアイデンティティは方法です視聴者の感情的なニーズを理解し、その価値観を共有していることを示します。
それはあなたの文化的関連性を反映しています。 言葉と同じように、ビジュアルは私たちの社会文化的および歴史的文脈の産物です。また、ブランドがオーディエンスの文化的背景に貢献する方法でもあります。ビジュアルアイデンティティには、オーディエンスとともに進化する力があり、周囲の世界が変化するにつれて、ブランドの文化的関連性を示します。

ただし、一貫性のある強力な視覚的アイデンティティを確立することは、WebサイトとFacebookページで同じ色を使用することだけではありません。それは、使用する画像、色、フォント、およびその他の視覚要素が、メディア間で相互にサポートし合うことを保証することです。さらに、これらの要素がブランドの個性とオーディエンスにもたらす価値を正確に反映していることを確認しています。あなたのウェブサイトの訪問者が単語を読む前にあなたのビジネスの中心にあるものを素早く判断できるなら、あなたはビジュアルアイデンティティ部門で何かをしているのです。

視覚的アイデンティティ分析が必要なのはいつですか？

視覚的なアイデンティティ分析を正当化する多くの状況があります。これらのユースケースには、次のような場合があります。

ブランド変更中
新しいサイトを立ち上げる
複数のプラットフォーム/ページにわたるコンテンツの合成
クリエイティブエージェンシー間でのデザインアプローチの同期
ソーシャルメディアキャンペーンの開始
新しいビジュアルコンテンツタイプ（ビデオ、インフォグラフィック）の調査
合併後のブランドの一貫性の作成

ゼロから始める場合でも、既存のスタイルガイドを微調整する場合でも、包括的なビジュアルIDの信頼性と所有性を確保するために、コンテンツで動的なビジュアルアプローチを維持する必要があります。

次のセクションでは、ブランドの調整が必要になる可能性のあるビジュアルアイデンティティの要素を分析します。それらのそれぞれを確認するときは、ビジネスプラン、ミッションステートメント、およびビジョンステートメントを熟考してください。次に、メディアエコシステムを注意深く分析し、各要素があなたの価値を伝える思慮深く効果的な方法で使用されていることを確認します。そうでない場合は、いくつかの調整を行う時が来ました。

ビジュアルアイデンティティの要素

視覚的アイデンティティとは、全体がその部分の合計よりも大きいことです。視覚的アイデンティティを真に理解し、識別し、対処するには、ブランドがその色、タイポグラフィ、画像、および空間的関係をどのように使用するかを考慮する必要があります。ビジュアルアイデンティティの機能として探求できる要素は他にもありますが、これらはすべてのスマートブランディング戦略の中核です。

1.カラーパレット

色は、ブランドの視覚的アイデンティティの最も基本的な要素です。それは、聴衆が組織について最も覚えている傾向があることです。そしてそれが効果的に使われるとき、それはブランドの象徴になることさえできます。適切な例：コカコーラについて考えるとき、明るい飽和した赤がおそらく頭に浮かぶでしょう。そして、競合他社のペプシについて考えると、おそらく大胆な青が頭に浮かびます。これらの象徴的な企業は、ブランドの個性を伝えるためにほとんど無地に依存していますが、他の企業は、より複雑なカラーパレットと階層を使用して、消費者に自分が誰であるかを伝えています。

画像の帰属：UnsplashのClem Onojeghuo

色の力：感情を呼び起こす

色は非常に強い感情的な意味を持っているので、色は私たちが何かを処理する方法とそれを見たときの反応に即座に影響を及ぼします。大胆で力強く、情熱的なブランドは、赤のIconic Foxノートを選ぶかもしれませんが、暖かさと楽観主義を伝えたいブランドは、原色として黄色を使用するかもしれません。

含意

色の意味は、社会的および歴史的文脈にほぼ完全に依存しています。 Information Is Beautifulのこのグラフィックをチェックして、文化によって色の意味が大幅に異なる可能性があることを確認してください。たとえば、愛はアメリカ文化では赤、ヒンドゥー文化では緑、ネイティブアメリカン文化では黄色に関連付けられています。しかし、文化的規範が絶えず変化するのと同じように、色の意味合いも変化します。

同じ文化の中でさえ、色は複数の、そして時には矛盾する意味合いを持っている可能性があります。警告：ブランドメッセージを正確に伝えるには、適切な色相、彩度、コントラストを使用する必要があります。たとえば、米国では、紫は通常、知恵と富を伝えますが、退廃を表すこともあります。あなたがお金の節約に到達したい掘り出し物に焦点を当てた会社であるならば、紫を使うことはあなたの聴衆に間違ったメッセージを送り、最終的にあなたのブランドの目標を損なうかもしれません。

Iconic Foxによると、米国で一般的な色の意味は次のとおりです。

赤：激しさ、恐れを知らない、興奮、警告、危険
青：理由、強さ、覚醒、知恵、忠誠心、信頼性
オレンジ：創造性、熱意、勇気、リスク
緑：健康、希望、停滞、開放性、鮮度
黒：セキュリティ、権力、権威、冷たさ
黄色：若さ、幸福、楽しさ、衝動性
紫：富、洗練、想像力、過剰
ピンク：想像力、情熱、ケア、創造性、軽快さ
白：清潔さ、純粋さ、無垢、平易さ、距離

コンテキストとコントラスト

色の意味合いは、与えるコンテキストによっても異なります。アメリカでは、緑は行くことを意味し、自然を伝えます。一方、赤は停止を意味し、興奮を象徴しています。色が非常に多くの異なる意味を持っているとき、あなたが選んだ色が実際にあなたがそれらが意味したいことを意味することをどのように確実にすることができますか？答えは、コンテキストとコントラストを制御することです。 HubSpotの調査によると、召喚ボタンで使用した場合、赤は緑を21％上回りました。ボタンの位置と周囲の色とのコントラストにより、サイトの訪問者は、緑色のボタンよりも刺激的であると見なしたため、赤色のボタンをクリックする傾向がありました。

American Journal of Psychologyに掲載された基礎研究によると、視聴者は周囲のアイテムから劇的に目立つアイテムを覚えて、それに従事する可能性が高いことがわかりました。分離効果としても知られるこの原理は、色の位置とコントラストが色自体と同じくらい重要であることを証明しています。

これがあなたにとって何を意味するか

あなたのすべての視覚的要素の中で、色は、視聴者があなたのブランドを好き、嫌い、信頼、不信、または無視するかどうかに最も責任があるものです。ある調査によると、ブランドのカラーパレットの効果は、顧客の意見と、その色が製品に適していると感じているかどうかに大きく依存します。ここでのレッスンは？魅力的なカラーパレットだけにとらわれないでください。代わりに、ブランドの一致を達成するのに役立つものを選択してください。

ブランドを表す色を選択するときは、組織の使命、ビジョン、および個性を反映する色を選択してください。また、これらの色をどのように階層化するかに注意してください。パレットは文字のキャストをホストする必要がありますが、すべての色を中心にできるわけではありません。パレットに適した星を選び、ページやサイト全体のコンテキストにどのように適合するかを考慮して、パレットの使用方法とそのサポート色について戦略的に考えてください。

あなたが知っておくべき色の用語

色のコントラスト：ある色と別の色の色調の違い
色の階層：特定の色が他の色よりも優勢であり、色が互いに目立つ方法と目立たない方法を指します
色の心理学：色が人々をどのように感じさせ、人々が色にどのように反応するかについての研究
16進コード： 16進値に基づく色の測定
パレット/スキーム：コーディネートカラーの選択

ブランドの色の使用を評価するときは、次の重要な質問を考慮してください。

あなたのブランドの色はあなたの組織の個性について何を教えてくれますか？これはあなたの戦略的目標と一致していますか？
あなたのブランドのカラーパレットは、業界の競合他社のカラーパレットと比べてどうですか？あなたは十分に目立ちますか？目立ちすぎていませんか？
どのようなシナリオで、サイトまたはマーケティング資料でアクションを推進するために色を使用しますか？使用している色は、視聴者に実行してもらいたいアクションをサポートする可能性がありますか？
それはどのように一緒になりますか？あなたの色はバランスが取れていますか？彼らはあなたのブランドのように見えますか？

誰がそれを正しく理解しているのか

緑の気候基金は、気候変動への取り組みに積極的に取り組んでいる194か国の連合体であり、そのカラーブランドはまさにそれを反映しています。その緑と青のロゴは、その主要な関心事である地球と水をすぐに思い起こさせます。 Green Climate Fundは、ウェブサイトのロゴと真っ白な要素と濃い黒の要素を対比することで、隔離効果を最大限に戦略的に使用しています。

緑の気候基金

仕事が必要な人

マスターズカラーパレットの緑は手付かずのゴルフコースを正確に反映していますが、黄色とのコントラストはトーナメントの威信を損ないます。実際、ある調査では、回答者の22％が黄色を「安い」色と評価し、26％がオレンジをすべての中で最も安価に見える色と見なしていました。特に緑と組み合わせた黄色の使用は、トーナメントが表すことになっているエリートの運動能力と洗練さを損ないます。

マスターズホームページ

2.タイポグラフィ

テキストは私たちに何かを教えてくれますが、それは私たちにも何かを示しています。アルファベットの文字とそれらから作成された単語は、テキストと同じように視覚的です。それらの視覚的側面（ページまたは画面にどのように表示されるか）は、意図されているかどうかにかかわらず、背後にある意味について何かを教えてくれます。タイポグラフィの力：個性と明瞭さ

フォントには独特の個性があります。彼らはストイック、ユーモラス、深刻、あるいは気まぐれでさえありえます。そして、彼らの性格は時間とともに変化する可能性があります。実際、さまざまなフォントがさまざまな時期に人気があり、今日ではそれぞれがその歴史的な重みを持っています。

2012年、Errol Morrisはニューヨークタイムズで非公式の調査を実施し、Computer Modern、Georgia、Helvetica、Trebuchet、Comic Sans、Baskervilleの6つの異なる書体で書かれた主張に対する45,000人の読者の反応を測定しました。モリスは読者に、主張が正しいか間違っていると信じているかどうかに注意するように求めました。結果？バスカービルで書かれたとき、人々はその主張が真実であると信じる可能性が高かった。

新聞で歴史的に使用されているセリフフォントであるバスカヴィルは、真面目さ、真実、洗練さで定評があります。一方、コミックサンズはそうではありません。バスカービルの主張の視覚性が読者にその中の言葉を信頼するように促したのは当然のことです。

タイポグラフィはブランドの個性を伝えますが、メッセージの効果にも重大な影響を及ぼします。

一般的な書体とその履歴の内訳は次のとおりです。

セリフ書体：

古いスタイル
- 例： Adobe Jenson、Goudy Old Style
- 特徴：文字の最も薄い部分の斜めのストレス。新聞や雑誌で一般的
- さかのぼる： 1400年代まで。最も古いセリフスタイル
- 品質：洗練された、真面目な、賢い
過渡期
- 例： Times New Roman、Baskerville
- 特徴：垂直対称軸
- さかのぼる： 1700年代まで
- 品質：伝統的でわかりやすい
新古典主義/現代
- 例： Didot、Marconi
- 特徴：太いストロークと細いストロークの大きな違い
- さかのぼる： 1700年代まで
- 品質：現代的、新鮮、賢明、自信

サンセリフ書体：

グロテスク：
- 例：金星、ニュースゴシック
- 特徴：セリフとの類似性、ただしセリフなし。タイトルや見出しに適しています
- さかのぼる： 1700年代まで
- 品質：権威、大胆さ
ネオグロテスク：
- 例： Helvetica、Roboto
- 特徴：グロテスクに似ているが、見た目はよりシンプル
- さかのぼる： 1900年代まで
- 品質：わかりやすく、正確で、クリーンで、基本的
ヒューマニスト：
- 例： Verdana、Calibri
- 特徴： Xハイトが低く、ストローク間のコントラストが低い
- さかのぼる： 1400年代まで
- 品質：柔らかく、わかりやすい
幾何学的：
- 例： Gotham、ITC Avant Garde
- 特徴：特にO字型の文字での幾何学的な外観
- さかのぼる： 1900年代まで
- 品質：モダン、クリーンだが遊び心のある、フル、リッチ

それがあなたにとって何を意味するか

ブランド、カラーパレット、ロゴ、画像に共鳴するフォントファミリを選択すると、会社の個性を伝え、各メッセージの背後にある感情を視聴者に伝えるのに役立ちます。

ただし、メッセージの意味に影響を与えるのはフォントだけではありません。単語の場所、サイズ、形、色、コントラストはすべて、読者が単語を理解する方法に貢献します。このホワイトペーパー内でも、特定の単語を太字にし、他の単語をイタリック体にし、特定の行のサイズを調整して、コンテンツ内を移動しやすくし、その過程で情報を引き出すことができるようにしました。テキストを読まなくても、どの行が見出しであり、どの単語が最も重要であり、どのフレーズがセクションの区切りを示しているかがわかるでしょう。この情報は、テキストだけでなく視覚的に収集しました。それがタイポグラフィの力です。

知っておくべきタイポグラフィ用語

SのERIF：手紙の足、丸いまたは二乗することができ
サンセリフ：足のない文字のフォント
書体：同様の基本的な性質を持つタイプスタイルのグループ
ストローク：セリフを含まない、文字内の行
フォントの太さ：フォント内のストロークの太さ
アセンダー：文字l、h、fの上半分など、中央線より上にあるストローク
ベースライン：文字の下部に沿って走る水平線
キャップハイト：ベースラインからアセンダーの上部までの文字の高さ
ディセンダー：文字p、q、yの下半分など、ベースラインを下回るストローク
中央線：小文字の上部に沿って走る水平線
カーニング：読みやすさとスタイルのために単語内の個々の文字間の間隔を手動で調整するプロセス
リーディング：ライン間のスペースを調整するプロセス
追跡：読みやすさとスタイルのために、単語内のすべての文字間の間隔を手動で均一に調整するプロセス
活版印刷の階層：重要性を強調するためにページ上でテキストに優先順位を付ける方法
X-height：ベースラインから中央線までの小文字の高さ