ブランドイラストレーションシステム：強力な視覚的アイデンティティの描画

オンラインコンテンツの洪水の中で、企業は自社のブランドイメージによって生きるか死ぬかを決めています。 ブランドイメージは、会社のメッセージを表現し、ユーザーとつながる必要があります。ユーザーは、会社のWebサイトやマーケティングコンテンツから離れていても、さまざまなメディアでそれを即座に認識する必要があります。 強力なブランドイメージはアンカーのようなものであり、ユーザーの愛着を確保し、価値の関連付けを修正するのに役立ちます。

ブランドイメージは通常、ロゴ、カラーパレット、特定のフォントなど、さまざまな視覚要素から構成されます。 これらに加えて、イラストは、オンラインUIに対する需要がますます高まっているビジュアルコミュニケーションのもう1つの強力な手段です。

なんで？ イラストは視覚的なコンテンツに物語の要素を導入し、より微妙な感情やより複雑な状況を表現できるようにするためです。 人間の姿を含めることで、アイデアは活発でアクセスしやすくなります。多くの場合、気楽な方法や気まぐれな方法で行われます。 イラストはリアリズムから離れ、ブランドが見ているように世界を構築することができます。

これは、オンラインキャンペーンのより大きなパズルの重要な部分です。 ベクトルを使用したデジタルデザインは、独特のブランディングイラストにうまく変換される、すっきりとした大胆な画像を好みます。 これらのオンラインイラストは、使い捨てのデザインではなく、包括的なビジュアルシステムの一部として使用されています。 イラストシステムの画像は、統一されたムードやスタイルを共有しているため、製品やサービスのさまざまな側面を表している場合でも、ブランドの幅広い画像やメッセージで識別できます。

イラストシステムは、企業が自社について視覚的に伝えるメッセージの範囲と深さを、ミッションステートメントから実用的な製品サポートまで拡大すると同時に、ブランドイメージを強化します。

設計プロセス

では、効果的なブランドイラストレーションシステムをどのように設計すればよいのでしょうか。 Spacebaseで行った最近のオーバーホールの例を使用して、設計プロセスを説明します。

ブランドを調査する

まず最初に—あなたがデザインするブランドを知ってください。 これは明白に聞こえるかもしれませんが、関連する作業を過小評価しないでください。 すでに実用的な知識があると思っていても、時間をかけてブランドの理解を深めたり、更新したりする価値があります。

会社とその製品またはサービスの背後にある文化を掘り下げます。 彼らの主なメッセージは何ですか、彼らの既存の視覚的アイデンティティはどのような形をとっていますか、そして会社が成長したい方向は何ですか？

最初にこれを徹底的に調査することで、後で頭痛や行き詰まりを防ぐことができます。

利害関係者のニーズを理解する

あなた自身の研究をするだけでなく、あなたは利害関係者と話す必要があるでしょう。 この接続は、設計を成功させるために非常に重要です。そのため、早い段階でそれらを関与させ、プロセスを最新の状態に保ちます。

デザインに関する重要な質問への回答を得る：イラストはどこに表示され、何を表現する必要がありますか？ 彼らはどのような状況や感情で遊ぶことができますか？ 作業するために必要な技術的パラメータは何ですか？

この段階では、利害関係者は彼らが何を望んでいるかについてあまり明確ではないかもしれません。 それでも、彼らの意見に注意深く耳を傾け、ビジネスの目標と彼らのより広いブランドイメージに関連して彼らの期待を考慮する必要があります。

Spacebaseの目的は、オンライン予約プラットフォームをより親しみやすく、人間味のあるものにすることでした。 会議室とそれを利用する人々との関係を深く考えました。 私たちは、通常のワークスペースから新しいエキサイティングなワークスペースに、スムーズで便利なサポート的な方法で分割するというブランドメッセージをキャプチャしたいと考えていました。 デザインは、親しみやすく、モダンで、シンプルなものでなければなりませんでした。

インスピレーションを整理する

ムードボードは、受け取った入力を把握し、アイデアを整理するために不可欠です。 目的の目標と同様の品質を持つ競合他社または企業から画像を収集し、それらをリソースにまとめます。 何がインスピレーションを与えるかを見ると、達成したい全体的なトーンのガイドになり、最初の反復への道を提案することができます。 これは、コンセプトの作成作業が始まる前にイラストが進む方向を理解できるので、利害関係者に示すのにも役立つ資料です。

Spacebaseのデザインについては、Airbnb、IBM、Shopifyのイラストに特に影響を受けました。 人と空間のシンプルなデザインが際立っていて、落ち着いたカラーパレットが、絵の要素を圧倒することなく、イラストの焦点をどのように保つかに興味がありました。 彼らは穏やかで、暖かく、そして包摂性の印象を生み出します。

コンセプトクリエーション

調査とムードボーディングの後、AdobeIllustratorでスケッチを始めます。 時々私はWacomタブレットを使用しますが、主にペンツールでマウスに固執します。 図形を使用して基本構造を作成し、ペンツールを使用して詳細を追加し、基本的なアウトラインを強調します。

設計する画像は、スタンドアロンのシーンを形成するのではなく、統一されたシステムを形成するために凝集する必要があることに注意してください。 したがって、これが最初の反復である場合でも、将来、さまざまなデザインに複製できる独特のフレーバーをイラストに与えることを目指してください。 これは最初は実現しないかもしれませんが、ブランディングイラストの内部ロジックへの道を感じ、決定においてこれと一致することを目指します。

Spacebaseのイラストでは、画像を他の視覚的なブランド要素と一致させる方法として、人間のキャラクターと配色に焦点を当てました。

人間のキャラクターを基本的な輪郭で描き始め、彼らが表現する感情と、彼らが内部空間にどのように生息するかを感じ取った。 流れるようなラインにダイナミックなプロファイルを与え、動きを提案したかったのです。 また、重く見えるものは避けたかったのです。軽量で親しみやすいものがキーワードでした。 Spacebaseは国際的な企業であり、イラストの視聴者には常に自分自身を見てもらいたいので、多様性も私にとって重要でした。

人物と並んで、私はオブジェクトと環境に、抽象的、未来的、そしてデザインフォワードという独特のスタイルを持たせたかったのです。 私たちは、明るく美しく、空間のダイナミックなユーザーを巻き込み、理想的なプロの作業環境を示唆するオブジェクトを備えたインテリアを見せたかったのです。 同時に、これらは注意をそらすものではありませんでした。 Spacebaseは、刺激的な会議室がすべてですが、彼らのブランドは、これらのスペースを使用する人々に関するものです。 これを正しく行うには、何度も繰り返しました。

スケッチが洗練された後、私は配色について考えました。 色は力強く、瞬時に反応するので、イラストを圧倒しないことが重要でした。 シーンを引き立たせ、補完するために微妙な色合いが欲しかった。 配色は、ブランドの個性を反映し、他の視覚的要素と一致する必要があります。 Spacebaseの配色では、モノクロから脱却し、通常は会議室に関連するくすんだ色から離れることが重要でした。 彼らの主なブランドカラーはオレンジなので、私はこれをよりクールなパステルトーン（パープル、スカイブルー、グレー、マスタードイエロー）とバランスを取りました。

フィードバック

最初の反復の後、可能な限りすべてのフィードバックを取得します。

明らかに、あなたはあなたのデザインに対する彼らの見解について主要な利害関係者と話す必要があります。 ただし、ユーザーや同僚、特にデザインに携わっていない人がいる場合は、その意見を探すようにしてください。 彼らの反応は、イラストを改善するためにあなたが取るべき次のステップにあなたを導くことができます。 想像上のニーズではなく、実際のターゲットユーザー向けに設計します。

全体的に、私は人々の不満が彼らの賞賛を耳にしたことについて聞きたいです。 称賛は素晴らしいですが、それほど有用ではありません。 ユーザーの問題点（または視覚的に意味をなさないもの）を知ることは、どこに注意を向けるべきかを示します。 彼らがあなた自身の考えに同意しなくても、利害関係者とそのユーザーはデザインを愛さなければなりません。 良いデザインはユーザーの目にあります。

Spacebaseで最も苦労したイラストの1つは、キャンセルメールのバナーでした。 顧客は、自分の予約をキャンセルしたとき、またはSpacebaseが予約をキャンセルしなければならなかったときにこれらを受け取ります。

悪いニュースが好きな人はいないので、彼らの失望を共有し、共感と理解を提案するデザインが欲しかったのです。 ただし、初期のバージョンは重すぎました。 同僚たちは、抜本的な判断が下されたのは世界の終わりのように感じたと語った。 別の方向に移動するには、長い時間（および多くの反復）がかかりました。

結局、人物を完全に削除しました。 これは、イラストが感情的になりすぎないようにし、よりニュートラルな感じを与える方法でした。 最新の反復はドラマを最小限に抑えます—画面の半抽象的な表現を通じて問題を認識しますが、キャンセルを超えた未来も示します。

リファレンスライブラリ

イラストを作成するときは、すでに使用したさまざまな要素のライブラリを作成すると便利です。 これは、将来それらを参照し、スタイルを維持し、さまざまなイラスト間で一貫性を保つことができることを意味します。 イラストの一貫性を保つことは、長期的にシステムの全体的な有効性の鍵となります。

繰り返す

このプロセスを何度も実行する準備をしてください。

一定の反復は、視覚的なアイデンティティを成功させるための最も重要な部分です。 新しいバージョンを作成し、フィードバックを取得し、新しいイテレーションを作成し続けます。 すべてがプロトタイプであり、ブランドをユーザーにとって可能な限り関連性のあるものにするために、微調整を受け入れる必要があります。 利害関係者を最新の状態に保ち、関与し、予期しない方向転換に備えます。設計も旅であり、各ステップで例外的な結果に近づくことができます。

研究とフィードバックに没頭している限り、正しい方向に向かっているでしょう。 それが私がデザインについて最もやりがいを感じることです。私は進行中のプロセスに動機付けられており、常に物事を改善していると感じたとき、自分がしていることを喜んでやっています。