ブランドイラスト101:ナラティブの視覚化

公開: 2022-03-11

イラストはあなたに翼を与えます!

2000年代初頭の古いレッドブルのコマーシャルを覚えていますか? 大きな鼻を持ったゆるく描かれたキャラクターが細い缶から抱きしめられ、翼を伸ばし、陽気に上下に羽ばたくアニメーションのもの? もちろんそうです。 スタイルとユーモアは紛れもなく、レッドブルのメッセージに欠かせないものになりました。 多くの点で、これらの間抜けな広告は、今日のブランディングの世界で急速に成長している慣行の前兆でした。

クラシックなレッドブルの翼のアニメーション
レッドブル、ピジョン。 Kastner&Partners

ブランドイラストレーションシステムとは何ですか?

ブランドは約束です。 ブランドデザイナーは、言葉、ロゴ、色、タイポグラフィを使用してこの約束を慎重に作成することにより、企業が人々に到達するのを支援します。 特にウェブ上では、ブランド価値を表現するためにイラストが使用されることが増えています。 明確にするために、企業は自社のWebサイトで孤立した論点を強調する1回限りのイラストを委託するだけではありません。 最近、彼らは大規模なブランドイラストシステムにかなりの時間とリソースを投資しています。

Uberブランドイラストマップ
Uberの新しいブランディングとデザイン

ブランドイラストシステムは、ブランドの約束を明確にする、まとまりのあるムードとスタイルを備えた画像のコレクションであり、多くの場合、人間の経験(ユーモア、希望、皮肉など)に賛成です。

特に明記されていない特定の戦略がない限り、イラストはブランドの全体的なフレームワークの補完的な部分である必要があることに注意することが重要です。

ブランドのメッセージと視覚的アイデンティティが構造化されて真剣である場合、特にスタイルの選択の背後に明確な意図がない場合、ゆるくて遊び心のあるイラストシステムは混乱を引き起こす可能性があります。

ブランドイラストレーションシステムが役立つのはなぜですか?

イラストには、なじみのある、しかし楽しく珍しい方法で現実を再考する能力があり、アイデアを説明するのが難しい場合に特に役立ちます。 これは、気を散らすものを切り抜け、複雑な感情をすばやく関連付けるための強力な方法です。 しかし、なぜブランドイラストのシステムを設計するのでしょうか。 必要に応じて、それぞれ独自のスタイルを持つ個別の画像を作成してみませんか?

最初の答えは言語です。 イラストシステムは、ブランドの視覚言語を豊かにし、ロゴ、配色、書体、さらには言葉でさえも伝えることができない、よりニュアンスのあることを言う方法です。

2番目の答えは一貫性です。 一貫性のあるブランディング(つまり、約束をすること)は、ビジネスが満たす期待を生み出し、人々は忠誠をもって満たされた期待に報います。

ブランドイラストレーションシステムにより、企業は複数のプラットフォーム(Web、印刷、ソーシャルなど)で一貫性のあるブランドストーリーを展開できます。

Toptalデザインブログを購読して、私たちの電子ブックを受け取ります

大手ブランドはどのようにしてイラストレーションシステムをうまく実装していますか?

3つの大手ブランドが、ブランド構築戦略の一環としてイラストシステムを使用して、有用であるがほとんど実用的な製品に生命、エネルギー、感情をもたらす方法を見てみましょう。

スラック

Slackは、オンラインの「チームを、仕事を遂行するために必要なアプリ、サービス、リソースに接続するプラットフォーム」です。 最近、SlackのWebサイトが再設計され、メッセージの確認、ファイルの共有、メモの送信などのオフィスタスクを楽しく実行するスマートな服装のミレニアル世代を描いた美しい鮮やかな色のイラストが再登場しました。

アリス・リーによるSlackブランドのウェブサイトのイラスト
スラック、アリス・リー

アリス・リーはこれらの画像の背後にいる才能のあるイラストレーターであり、彼女が作成したブランディングイラストシステムに対する彼女のビジョンを説明する素晴らしい仕事をしています。たくさんのエネルギッシュな動きがあり、構成的にグリッドを壊しています。」

アリス・リーによるSlackブランドのウェブサイトのイラスト
スラック、アリス・リー

Shopify

Shopifyは、製品の販売とオンラインビジネスの運営を支援する一連のツールを人々に提供するeコマースプラットフォームです。 同社のブランディングは、ブランド化された店先の構築から在庫の管理や支払いの回収まで、製品の使いやすさに重点を置いています。

MegRobichaudによるShopifyブランドのウェブサイトのイラスト
Shopifyのブランディングとデザイン

Shopifyのイラストチームは、人間の形をリラックスさせ、ゆるく描いた線で、カジュアルでありながら視覚的にダイナミックで、シンプルでありながら洗練されたスタイルを開発しました。 このバランスは、「初心者にもエキスパートにも最適」というブランドの約束の核心を反映しているため、興味深いものです。

MegRobichaudによるShopifyブランドのウェブサイトのイラスト
Shopifyのブランディングとデザイン

ドロップボックス

Dropboxは、ユーザーが情報を保存および共有し、プロジェクトで共同作業できるファイルホスティングサービスです。 ブランドイラストに関しては、Dropboxチームには10年の豊富な実験の歴史があります。 彼らは幅広いテクニックを探求し、才能はあるが常に変化するイラストレーターの名簿と協力してきました。 そのすべてを通して、彼らは何がうまくいくかに焦点を合わせ、彼らの創造的な努力をまとまりのある、しかし進化するイラストスタイルにまとめることができました。

ジャスティン・トランによるDropboxブランドのウェブサイトのイラスト
ドロップボックスのブランディングとデザイン

2017年10月の初めに、Dropboxは、ブランドイラストシステムへの改良されたアプローチを含む野心的なブランド変更を発表しました。 新しいスタイルは、創造的なコラボレーションの火花と自発性を利用するために、ジェスチャのグラファイトマーキングと粗く明るいパターンの形状とテクスチャを使用しています。

ジャスティン・トランによるDropboxブランドのウェブサイトのイラスト
ドロップボックスのブランディングとデザイン

ブランドイラストレーションシステムを作成するにはどうすればよいですか?

ブランドイラストレーションシステムに取り組んだことがない場合、または結果に満足していない場合は、次のブランドデザインプロジェクトをより明確にするための重要な考慮事項のリストを以下に示します。

1.ブランドを知る。

  • これは明らかですが、見落としてはなりません。 ブランドがわからない場合は、作成したイラストが影響を与えようとしている視聴者の共感を呼ぶ可能性はほとんどありません。 ブランドを知ることは、視覚的なアイデンティティを知ることよりも深くなります。 あなたは約束を知らなければなりません。 ブランドは誰になりたいですか? 彼らはどのように認識されたいですか? 彼らは誰に到達しようとしていますか?
  • ブランドを知ることはそれほど複雑ではありません。 読み方、メモの取り方、質問の仕方、検索エンジンの使い方を知っていれば、必要なものがすべて見つかります。

Dropboxブランドスタイルガイド、ブランド構築戦略の一部
ドロップボックスのブランドイラスト

2.必要なイラストの種類とその使用方法を理解します。

  • クライアントはスポットイラストが必要ですか? アイコンイラスト? フルサイズのイラスト?
  • ウェブサイトのイラストはありますか? アプリの場合は? 両方?
  • イラストは印刷に使用されますか? 包装用? 大きなフォーマットはどうですか?
  • イラストが収まる理想的な寸法や比率はありますか? 超小型でも判読できるのでしょうか?

さまざまな種類のイラスト
イラスト:アレクサンダー・サヴィッチ、ネルミン・ムミノヴィッチ、ティモシー・J・レイノルズ

3.十分な視覚的研究のための予算時間。

  • プロジェクトの開始時に自分を短くしないでください。 あなたはたくさんの画像を視覚的に研究することに時間を費やす必要があります。 他のイラストレーターの作品、新旧の写真、芸術作品、児童書、雑誌、そして実生活を見てください。
  • 調査するときは、スケッチの記録を残してください。 これらはラフで編集されていないスケッチです。 'emをすばやく作成し、'emを豊富にします。

ブランド構築戦略の一環として、Shopifyブランドイラストチームのムードボード
Shopifyイラストチームムードボード

4.独特でありながら柔軟なスタイルを目指します。

  • 作成するイラストシステムは、特別なスタイルにする必要があります。 それはそれを思い出深いものにする感情を呼び起こすはずです。 ただし、理想的には、作成する画像は、表示されるメッセージを圧倒したり混乱させたりすることなく、テキスト、写真、その他のグラフィック要素とシームレスに共存します。

MegRobichaudによるShopifyブランドのイラストとウェブサイトのアイコン
Shopifyのブランドアイコン

5.すべてのイラストが満たさなければならない基準/ルールのリストを作成することを検討してください。

  • イラストの統一されたコレクションを作成するのに問題がある場合は、自分で簡単なルールを作成してください。 これらは任意である場合もあれば、ブランドの視覚的アイデンティティに一意に関連付けられている場合もあります。 開始するための例の簡単なリストを次に示します。

    • コンテクレヨンのみを使用します。
    • すべてのイラストには、円、正方形、三角形が含まれている必要があります。
    • 横顔からのみ顔を描きます。
    • イラストは2色以上にすることはできません。

6.色の重要性を過小評価しないでください。

  • ブランドイラストレーションシステム内の色の戦略は、視覚的研究の初期段階から検討する必要があります。
  • これは、記憶から10個の象徴的なロゴを再作成するように人々に求めたBrandedinMemoryと呼ばれる魅力的な新しい研究へのリンクです。 調査によると、80%の人が正しいブランドの配色を思い出すことができましたが、形やその他の視覚的要素は覚えるのがはるかに困難でした。

マリカ・ファーヴルによるクオニイトラベルウェブサイトフランスの広告イラストシステム
クオニイ、マリカ・ファーヴル

その他の役立つヒント

1.イラストシステムの場所または世界を作成します。

  • 時々、プロジェクトがやって来て、概要が曖昧であるか、会社のブランドアイデンティティが少しまばらであるか、またはそのウェブサイトのコピーが混乱している。 これらのことが起こったとき、意味のある完全に開発されたブランドイラストレーションシステムをどのように作成するかを想像するのは難しいかもしれません。
  • 鉛筆を紙に触れる前に、大胆になり、プロジェクトについてさらに質問してください。 あなたはあなたのクライアントにアイデアを求めているのではなく、彼らが何をしているのか、そしてなぜそれが重要なのかをよりよく理解するのを助けるように彼らに求めているのです。
  • あなたが最も明確に理解している考え、言葉、フレーズを取り上げて、幸せな小さな場所、おそらくクライアントのブランドがすべてを所有、運営、監督している町を想像してください。 ブランドが人生のあらゆる部分とどのように調和し、物事をより良くするかを想像してから、サムネイルスケッチで精神的なビネットをキャプチャしてください。
  • 場所や世界を作成することは、多数のイラストで一貫した感触を確保し、ポジティブな人間の経験を、他の方法では人々が無関心に感じる可能性のある製品やサービスと結び付けるための優れた方法です。

2.可能であれば、ベクター形式で作業します。

  • どのプロジェクトにもこれを強制しないでください。ただし、ビジョンに適合し、ラスターグラフィックスが大きな影響を与えない場合は、ベクトル化してください。
  • なぜこれをするのですか? 編集が速くなります。 サイズ変更が簡単です(ピクセル化なし)。 色はより柔軟です。 通常、ファイルサイズは小さくなります。 さらに、手描きのスキルが不足している設計者は、システムが進化するにつれて、新しく一貫性のあるアセットをより簡単に追加できます。

3.意図せずマスコットになるようなキャラクターを作成しないように注意してください。

  • マスコットは悪くはありませんが、ブランドのムードやメッセージの他の部分を強く覆い隠すキャラクターは、逆効果で混乱を招きます。
  • 「キャラクター」のあるキャラクターを恥ずかしがらないでください。 すべてのブランドイラストに、相互に、そしてブランド全体を補完するバランスと統一性の尺度があることを確認してください。

ブランドイラストレーションシステムを意味のあるものにするものは何ですか?

励ましの最後の言葉:喜びと直感は、ブランドイラストレーターの親友です。 ブランディングは、人々が自分自身を非常に真剣に受け止め、「私たちのデザインの決定はすべてデータに基づいている必要があります」または「これは芸術ではありません」などと言うことがある分野の1つです。 私たちは問題を解決しようとしています。」 それがあなたのまろやかさを厳しくさせないでください。

プロのデザイナーやイラストレーターにとって、プロジェクトのために作られた各要素はブランドと調和していなければならないのは当然のことです。 しかし、ブランドイラストシステムの核となるのは図面のコレクションですので、楽しんでください! 面白くしてください。 クリエイティブに。 人間になりなさい。

クライアントに提示されるイラストのルックアンドフィールの背後に理由と論理的根拠があるべきですか? はい。 しかし、すべての小さな創造的な決定を考えすぎないでください。 有意義で永続的なブランドイラストシステムへの道は、経験、本能、ブランドのしっかりとした把握、そして古き良きハードワークによって舗装されています。

•••

Toptal Designブログでさらに読む:

  • eコマースUX–ベストプラクティスの概要(インフォグラフィック付き)
  • 製品設計における人間中心の設計の重要性
  • 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
  • モバイルインターフェースのヒューリスティック原則
  • 予測的デザイン:魔法のユーザーエクスペリエンスを作成する方法