ライブリーカラーリングスタイル
「ライブリーカラーリングスタイル」は、優しく親しみやすい表現です。このスタイルは、「一人ひとりに、ウェルビーイングな日常を」というデンソーのビジョンや価値感を伝えるのに適しています。このカラーリングスタイルにおいても、デンソーブランドのプライマリーカラーであるデンソーレッドおよびクラフティングブルー、ホワイト、ディープブルーはすべてのイラストに共通して使用されます。
イラスト用の拡張カラーパレットには、プライマリーカラー、セカンダリーカラー、サプリメンタリーカラーに加え、高明度・低明度のカラーが追加されています。
さらに、茶系のアースカラーや、多様なスキンカラーが含まれています。
カラーの使い方
全体的なガイド
イラスト用プライマリーカラー
デンソーブランドイメージを保つため、すべてのイラストでデンソーレッド、クラフティングブルー、ホワイト、ディープブルーを使用します。
-
DENSO Red
-
Crafting Blue
-
White
-
Deep Blue
イラスト用セカンダリーカラー
プライマリーカラーをベースとした赤と青を優先的に使用してください。ごちゃごちゃとした多色使いの表現にならないように配慮してください。また、ニュートラルなグレーは、カラーのバランスを取るために使用してください。すっきりとしたシンプルな表現に役立ちます。なお、締め色には、黒よりもディープブルーを推奨します。
イラスト用サプリメンタリーカラー
ごちゃごちゃとした多色使いの表現にならないよう、原則として、プライマリーイラストカラーおよびセカンダリーイラストカラーに加えて、1色または2色のみ使用することができます。
イラスト用スキンカラー・ヘアカラー
肌色は肌のカラーリングのみに使用するため、必須色とみなします。 カラーリングの色数制限の対象外です。髪色についても同様です。
デンソーらしさの表現
デンソーらしい色使い
デンソーらしいビジュアル表現とは、明るくポジティブな世界観を持つ表現です。そのためには、シンプルで力強く美しい構成とカラーリングが重要です。イラストひとつひとつも、全体のレイアウトも、色数を絞って使用してください。
デンソーレッドは、技術やサービスそのもの、またはそれらの技術を利用する人たちの表現に使用します。色数を絞った、クリーンですっきりしたカラーリングはデンソーレッドを際立たせ、技術が地域社会や人々にもたらすうれしさを協調することができます。
比率および一貫性
-
イラスト用プライマリーカラーであるデンソーレッド、クラフティングブルー、ホワイト、ディープブルーは、すべてのイラストで使用してください。デンソーブランドを視覚的に認識できるようにするためのコアカラーです。
-
イラスト用セカンダリーカラーである赤色および青色は補助色として使用します。クリーンでシンプル、そしてデンソーユニークな表現を生み出します。
-
スキンカラー・ヘアカラーにより温かみのあるトーンが加わります。イラスト用セカンダリーカラーのグレーおよびホワイトは、明るくシンプルに全体をまとめる役割を果たし、「デンソーらしさ」を表現できるようにします。
-
必要な場合、イラスト用プライマリーカラーから1色または2色を追加して使用することができます。それぞれの色は異なる色相で適用することができます。
比率および一貫性 ― 具体例
-
イラスト用プライマリーカラー、イラスト用セカンダリーカラー、イラスト用スキンカラー・ヘアカラーは、「デンソーらしさ」を表現するために最も大切でベーシックなカラーの構成です。
-
追加色1色 ― イラスト用サプリメンタリーカラーから、1色追加することができます。追加色は、高明度・低明度のカラーを使用可能です。この具体例では緑色を追加しています。
-
追加色2色 ― この具体例では、緑色とアースカラーの2色を追加しています。クラフティングブルー(温室およびデジタルスクリーン)とデンソーレッド(りんご)が、追加した2色とのバランスを保っています。
比率および一貫性 ― 具体例
具体例
イラスト用 プライマリーカラー・イラスト用セカンダリーカラー・スキンカラーのみを使用した、最もデンソーらしくベーシックなカラーリングです。
具体例
追加色として緑色を使用しています。
ソーラーパネルにはイラスト用セカンダリーカラーの青を使用しています。
複雑なイラストのカラーリング
複雑なものをシンプルに
オブジェクトが多く複雑なイラストですが、全体的に軽快でシンプルな表現になっています。このような複雑なイラストでは、色数を制限し色の配分をシンプルにすることが重要です。ディテール部分のカラーリング時には、特定の領域ですでに使用されているカラーを使用します。
原則として、デンソーレッドおよびクラフティングブルーは、自動運転車などの技術やサービス、あるいは、技術を使う人、またはサービスの受益者および提供者を彩色する際に使用してください。
食物、果実、野菜など、そのものの色を表現する必要がある場合は、色の制限に関わらず、イラスト用サプリメンタリーカラーを使用することができます。
道路や建物は背景の役割となることが多いため、ライトグレーで統一します。そうすることで、フォーカスしたいオブジェクトの良い引き立て役とすることができます。
社会のイラストでは、情報の優先度は下記のとおりです。
1:人々の生活シーン、2:様々なサービスおよびソリューション、3:エリア、4:建物
複雑なイラストのカラーリング
-
ベースとなる建物、住宅、産業プラント、道路にはグレーの色合いを使用してニュートラルカラーにします。デバイスや自動運転車、生産設備等、技術および関連サービス、あるいは、サービスの受益者および提供者の衣服のカラーにはデンソーレッドおよびクラフティングブルーを使用します。
-
カラースペースを追加して特定の風景にフォーカスを当てます。
細々としたディテールの部分を彩色する場合、既に使用しているカラースキームからカラーを選んでください。
デンソーレッドはサービスの受益者または提供者にフォーカスを集めることができます。 -
特定の目的に使用する追加色
例外として、食品、果実、野菜、またはオレンジ色の安全ベスト等、固有のもののカラーの表現のために、追加色を使用することができます。
デンソーレッドの使い方
デンソーレッドを使用し、フォーカスポイントを演出する
WEBや紙媒体などのレイアウトの中でイラストを使用する場合、デンソーレッドの使い方を検討してください。文字にフォーカスするのであれば、デンソーレッドを文字に使い、イラストでは省くか使用を制限します。
-
イラスト内のオブジェクトにフォーカス
イラストのキーメッセージにフォーカスを当てるためデンソーレッドを使用します。
-
テキストにフォーカス
デンソーレッドのテキストボックスが目立つよう、イラストでのデンソーレッドの使用は制限します。
デンソーレッドが不適切となる場合
イラストやその他のビジュアルコミュニケーションで、デンソーレッドが不適切となる場合、あるいは、少なくともメインフォーカスすべきではない場合があります。
その場合、クラフティングブルーをより全面的に使用し、セカンダリーグレー、ホワイト、エクストライラストカラー(1色または2色)を使用することを検討してください。色数を制限した上で、必ず明るくシンプルな構成となるよう心掛けてください。
色彩遠近法
背景と前景を作る
遠近法を実現しフォーカスを当てるため、遠くにある風景のオブジェクトには、前景のオブジェクトよりも明るめの色を使用してください。風景や背景の建物にはグラデーションおよび透明効果を使用してください。前景のオブジェクトにはソリッドカラーを使用し目立たせます。
-
前景
前景のオブジェクトにはソリッドカラーを使用します。例外として、高木や低木の色にはグラデーションと透明効果の両方を使用することができます。
-
背景
風景や背景の建物にはグラデーションを使用します。遠くにある風景要素が空と溶け合い前景が目立つよう、透明効果をグラデーションカラーで適用することができます。
グラデーションおよび透明効果
-
透明効果ありのグラデーション
グラデーションに透明効果を使用して調色を行います。青空と緑の丘陵が溶け合い、滑らかなぼかし効果が生まれ、遠近法が引き立ちます。
-
透明効果なしのグラデーション:
-
下のレイヤーが透けないようにしてください
手前のオブジェクトをコピーし、背景色を適用し、透明な2つのオブジェクトの間にスクリーンとして配置します。
-
下のレイヤーが透けて見えている
夜のシーンのカラーリング
夜のイラストでは、ダークブルーの世界観を作り出すため、青色のカラー全体を使用します。空には鮮やかなグラデーションを使用してください。クラフティングブルーとブライトブルーがスカイラインに明るさを添えます。
デンソーレッドおよびホワイトは、グラデーションにせず、ソリッドカラーとして使用し、特定の技術、ソリューション、またはサービスにフォーカスがあたるようにします。
人々のカラーリング
多様性
様々なスキンカラーおよび各種ヘアカラーにより、多様な人々を描くことができます。
背景とのコントラストを最適化するため、スキントーンは100~30%の範囲で明度を調整することができます。
衣服の色
一般的に、衣服にはイラスト用プライマリーカラーを使用します。任意でグレー、赤、青の色相と組み合わせます。イラストの中で、イラスト用サプリメンタリーカラーを使用している場合は、その追加色を衣服に使用できます。
コントラスト
背景に対して適切なコントラストを保てるように、肌色および髪色を選択します。
コントラストを最適化するため肌色を調色することができます。
衣服に追加色を適用する
このイラストでは、追加色として緑色を使用しているため、人物の衣服に緑色を適用できます。
抽象的なカラーリング
抽象的で力強く機能的
イラストのカラーリングは、オブジェクトの色をリアルに再現することが全てではありません。
赤と青の色合いを抽象的に使用することで、シンプルで力強いブランドビジュアルを生み出すことができます。
構成と配色を単純化することで、テキストを記載するための理想的な背景を作ることができます。