デザイナーだけが知っている配色に関する10個の秘密

color-tips

「色: なんて深く、神秘的なんでしょう !」- フランスの画家、ポール・ゴーギャン

色合いは、あなたのブランドがどう見られるかに影響し、見る人のさまざまな感情や反応を引き出します。つまり、選ぶ色によってデザインそのものを生かすこともできれば、壊すこともできるのです。実際に、色によってブランドの認知度を上げることができたり(場合によっては80%も)、記憶に残す、行動喚起する、伝えたい内容を理解させる、といった研究結果が出ています。

幸運なことに、自然から採れる限られた色素から色を選ばないといけない時代ではありません。動物や植物や鉱物がもたらしてくれる色じゃなくても、合成着色料やスクリーンの性能の発達によって多すぎて困るほど選択肢があるのです。その数はとても多く、何かの目的のためにパレットの中から色を選択する、ということが非常に難しいです。1600万通りの色の組み合わせがあるなか、COLOURlovers コミュニティでは、ユーザーによって800万近い色に名前と索引が付けられました。

驚きましたか ? でも心配はご無用です。Creative Market コミュニティのトップ デザイナーが、魅力的な色の組み合わせを作る秘訣とアドバイスを教えてくれます。この10個のプロの秘密を読んで、次のCanvaでの制作に活かしましょう!

01.    発想を捉える

Make Media でデザイナーを務める多才な Callie Hegstrom は、「色の配合が見事であるもの (花や夕焼け) の写真を撮り、直接 Photoshop や Illustrator でサンプリングしています。これは、写真に文字やグラフィックを合わせるのに有用で、統一感のある作品に仕上げることができます。」と推奨します。

好きな色が配合された写真がある場合は、写真から直接その色をサンプリングし、素早くかんたんに効率的なパレットを作成しましょう。Photocopa などのツールを使用することで、このテクニックがより容易になります。画像をアップロードし、その画像を構成しているさまざまな色合いを確認し、魅力的なカラーパレットを瞬時に作成することができます。

 

 

Manhattan Darling Typeface

Callie Hegstrom (@MakeMediaCo) は、実生活のカラーパターンから発想を得ています。

02. 色相環の使用

アーティストの Marc Chagall が、色の組み合わせには何が有用かということについて述べた、記憶に残る言葉があります:「すべての色は隣の友人であり、反対側にある色の恋人である」。この場合、「友人」は類似した色、12 色のカラー ホイールで隣同士の色を指します。その一方で Chagall は、カラー ホイールで正反対にある補色のことを「恋人」と表現しています。

 

「花を水彩画で書くとき、影を上手に表現するには類似する色を使うことだ」と、Cultivated Mind を手掛けるバンクーバー在住のデザイナー、Cindy Kinash は言います。

 

Mulberry Script

Cindy Kinash によるこの作品では、薄い青色、濃い青色と紫色を組み合わせることで、深みが表現されています。

この秘訣は、その他ほとんどすべての状況で有効です。類似する配色で見出しに影を付けたり、背景をふち取ってみてください。これらの色は密接に関連しているため、多くの場合良い組み合わせとなります。カラー ホイールで隣接する色と合わせ、ユニークな組み合わせを探してみてください。

配色を手動で行うのが煩雑である場合も、心配はいりません。オンライン上には用途に応じて多数のツールが用意されており、好きな色の「友人」や「恋人」を探すお手伝いをしてくれます。Adobe の Kuler のようなツールで時間を節約し、どんなものが作れるかを探ってみましょう。

03. インテリアデザインからの流用

色を扱うときは、異なるデザイン分野間で共通の課題を共有します。例えばインテリアデザイナーは、相性の良い風合い、物体や配色を使用して、空間を調和させる必要があります。

この点においては、イギリス人のデザイナー、Elena Genova (MyCreativeLand) が重要なアドバイスをしています:「グラフィック デザインにも適用できる、インテリア デザインのルール (ドミナント カラー: 60%、セカンダリ カラー: 30%、アクセント カラー: 10%) が好きです。4 つ目以降の色を使用したい場合は、セカンダリ カラー (ドミナント カラーでも良いが、アクセント カラーは NG) を分割しましょう。

 

VeryBerry Pro Cyrillic

色の使用に関しては、その経験則に関して他のクリエイティブな分野も調べてみましょう。色遣いが上手な部屋やビルを見つけることができれば、素晴らしいカラー技術の新たな世界へと踏み込むことができるでしょう。

04. インスピレーションの保存

タイポグラフィとデザイン ショップを運営する Nicky Laatz は、魅力的な配色の保存しておく方法を共有してくれています:

「好みの色が使われた絵や写真を見つけると、スクリーンショットを撮影したり、ピンで留めておいたりします。そしてカラーパレットが必要になった時に保存したイメージを見直し、それに合ったものを見つけることができます。」

 

Vanilla Frosting Typeface

パン屋にインスパイアされた Vanilla Frosting は Nicky の最も人気のあるフォントのひとつで、彩り鮮やかなイメージが特徴です。

現代デザインや歴史的アートなど、オンラインの情報や印刷物を検索して、パレットの発想を得ましょう。

あらゆる種類の電子的なパレットを保存して分類できる Pinterest などのサイトがいかに便利であるかは、既にご存知でしょう。では、物理的な発想はどうでしょうか?

「Steal Like An Artist」の著者でデザイナーの Austin Kleon は、「swipe file」の支持者です。「swipe file」は、好きなデザイン例や色を貼っておける、メモ帳やフォルダーです。読んでいる雑誌やパンフレット、あるいはジャンクメールのデザインで使われている色が気になる場合、それをファイルに貼り付けることができます。そして魅力的なパレットを作りたい場合に「swipe file」のフォルダーから検索をすることができます。

 

Nicky が Pinterest のプロファイルに作成している「Palettes」ボードには、今後使用するための魅力的な配色が保存されています。例えば「14 Citrus Color Palettes」や Vanilla Frosting の配色など、保存されているピンから、彼女がどんなものから発想を得ているのかが覗えます。

05. 信頼できる Pantone セットの利用

電子的なカラー ホイールでは、不十分である場合もあります。パントンのように、画面から離れ、物理的な色見本を見る方が驚くほどの効果をもたらす場合もあります。

デザイナーの Callie Hegstrom は、前近代的風な色を選択したい場合、信頼のおける Pantone Color Bridge セットを利用しています。「画面上の色に頼らず、物理的なガイドを利用することも時には必要で、クライアントが特に具体的な色を指定しており、物理的なサンプルを見せる場合にも有効です。」と彼女は言います。

 

パントンの色見本の良いところは、前近代的ではないことです ! パントンのすべての色では、その同等の HEX が確認できるようになっています。Canva のカラー選択では 16 新数カラーコードが使用でき、パレットの作成が素早くかんたんにできます。

パントンの色見本やその他の物理的なカラー インデックスは、印刷をするための制作を行っているデザイナーにとっても便利なツールです。印刷された際、色が実際にどのように出るかを知ることで、多くの時間、お金、そしてストレスを軽減することができます。

06. 自然色の取り込み

人間の眼は、自然な配色に感嘆することに慣れています。環境から発想を得る場合、「色の組み合わせは無限である」と CO-OP の Gary が言います。地形、草原、果物など自然のものはすべて美しく、無料で手に入る色の発想物です。「南アフリカの明るい陽の光に影響され続けている。色はとても温かく、際立っている。」と言う Gary は、南アフリカでデザインをしながらオンラインショップを運営しています。

 

Textured Watercolors

日没のような温かい色合いの「Fire Red」から、植物にインスパイアされた色合いの「Forest Green」まで、Gary の水彩画の風合いがどこで発想を得られたものかを考えることは、とてもかんたんです。

発想を得るためにオンラインや他人のデザインを検索することは容易ですが、窓の外を眺めてみると、案外そこに見つかるものがあるかもしれません。

07. 3 つ、あるいは 4 つの色に限定する

計画的に虹色のようなデザインを行う場合でなければ、複数の色を使用することは避けましょう。チリのグラフィックデザイナー、Rodrigo German は、グラフィックをクリーンな見た目に保つためには、3 つの色に限定するよう推奨しています。3 つ以上の色を使用したい場合は、風合いを加え、追加する色のトーンを落とすよう薦めています。

 

Marty Spring

この Marty フォントの作品で Rodrigo は、ピンク、黒、そして緑の 3 つの主要色に限定しています。また、適切なコントラストを生成するため、風合いも加えています。

デザインの創造性が途絶えたり、何かうまく進まないことがある場合は、パレットを見て、色の数を減らすことができるかどうか確認しましょう。理想のマジックナンバーは、「3」 です。

08. トピックのムードに色を合わせましょう

あなたのデザインで表現したいトピックを考慮しましょう。それはスポーツ、ファッション、美、それともビジネス ? そしてそれに関連付けたい具体的なムードを考えましょう。ファッション用のちらしですか ? それともアクティブなスポーツのパンフレットですか ? それは女性向けですか ? 明るい、真面目、それとも豪華な雰囲気ですか ?

Graphic Box のデザイナー、Salome は、詳細を決める前に配色の大まかな定義を考える事を推奨しています。「例えば、「ロマンティックな紫色が欲しい」や、「可愛いピンクが欲しい」など。」と彼女は言います。

 

Autumn Collection

Salome は自身の秋のグラフィックキットとして、自然の緑色、淡いオレンジ、そして擦り切れたような赤色を使用しました。

あなたのデザインに適用したいものに似たトーン、アイデアや感情を捉える写真、デザインやその他のクリエイティブな素材を見てみましょう。どのような類似点があるでしょうか ? また、どのような相違点があるでしょうか ?

色を選択する技術を強化し、効果的にするために、色彩理論を習得するということも良い手法であると言えます。リサーチを行い、論文を読んで、適切に使用された場合、一般的な色が心理学的および潜在的にどう働くかを調べましょう。目的と理由をもって選ばれた色が最も効果的であるということを、覚えておきましょう !

09. Pinterest で、テーマ別のパレットを検索

Pinterest には、世界中のクリエイターに収集された感動的な数の配色が存在します。Vintage Design Co., の創作者である Ian Barnard は、以下のとおり彼の検索手順を説明しています。

「砂浜をテーマにしたポスターのデザインを考える場合は、シンプルに「夏の配色」と検索して、その中からひとつを選ぶよ」

 

これがPinterest で見られる「夏の配色」の、シンプルな検索手順です。この最大の利点は、ファッション、グラフィックやイベントデザインまで、異なるデザイン分野からも検索結果が得られるということです。

10. 色好きな人のためのサイトをフォローしましょう

Colourlovers は、世界中の人々が色、パレットや配色を、作成・共有する、クリエイティブなコミュニティです。サイトに登録して、3,700万人のユーザーに作成されたカラーパレットを探索し、アイデアを駆り立てましょう。

 

あなたの番です

デザインは、色によって作られたり壊されたりすることがあります。色は物を美しく穏やかにしたり、あるいは臆病で辛辣にしたりすることもできますが、すべてはあなた次第。なぜなら、色彩豊かで計画的な配色を行うことが、重要だからです。

発想のかけらを拾い集めるか、窓の外でそれを見つけるか、あるいは流れに任せるか。良いデザインは、優秀な配色により導かれます。少し違ったテクニックを試して、あなたのデザインに息を吹きかけてみませんか?

あなた自身のデザインで、色はどのように使用されていますか ? 発想はどこで生まれますか ? 切り札の経験則やツール、テクニックはありますか ? あなたのコメントを、ぜひ共有してください !

Canva で「See What Poppie Pack Can Do With Color」を視聴

デザイン作成の切り札