熟練デザイナーの七原則(2):色の使い方

著者：Eve Cole 更新時間：2009-06-20 16:35:47

色を制限する

トップデザイナーになるための 7 つのシンプルな原則のパート 2

色の使用を制限します。最後のガイドラインは、使用するフォントを制限することのようですよね？まさにその通りです！フォントの使用を制限するのと同じ理由で、色の使用も制限します。デザインの色数を減らすと、調和のとれたデザインになります。スポーツチームのジャージや会社のロゴなど、基本的にはすべてが一貫して見えます。 ――ユニフォーム（スポーツウェア）は全体的に同系色にしたかったんです。

フォントの選択と同様、使用する色の数の制限はガイドラインであり、規則ではありません。虹の色をデザインに上手に使えば、見栄えも良くなります。ただし、最初は色を使用するための戦略を立て、それを使い続ける必要があります。デザイン全体を通してそれを維持してください。

まず、色の値について話しましょう。色の値は、その明暗です。たとえば、黄色は非常に明るい色であり、紫は非常に暗い色です。もちろん、色には色の範囲があります。たとえば、紫というとほとんどの人は暗い色を連想しますが、紫には非常に明るい色合いもあります。以下に、いくつかの色とそれに関連する色の値の例を示します。次に、色の値の範囲がわかります。

したがって、配色を扱うときに私が使用するルールの 1 つは、配色に色の値の範囲があることを確認することです。どのようなデザインでも、コントラストを生み出すためにいくつかの明るい色といくつかの暗い色が必要です。たとえば、デザインの背景が暗い場合は、明るい色のテキストと画像が必要です。こうすることで文字や絵が読みやすくなります。逆に、背景が明るい場合は、暗い画像、テキストなどが必要になります。

また、配色を完成させるために通常は 2 ～ 5 色のみを使用します。選択肢の数を減らすと、設計で良い結果が得られます。こちらは私がまとめた配色の一例です。ご覧のとおり、暗い色、中間色、明るい色を使用しました。右から順に、各色の色の値の範囲を設定しました。これらの色の組み合わせは私のパレットのようなもので、デザインプロジェクトで使用します。このパレットを手に入れたら、できるだけこの色だけを使うようにします。

さて、選択する必要がある色の数やその色の値など、色の選択に関するいくつかのヒントについて説明しました。次のステップは何でしょうか。次に、最も難しい部分について説明します。それは、2 ～ 5 つの色を決定する方法です。個人的には、これは難しい仕事だと思うこともあります。カラースキームの実装に役立つヒントの表を次に示します。

暖色系と寒色系のトーンの範囲を決定します。
暖色または寒色を使用してください。暖色には、赤、オレンジ、黄色、茶色などが含まれます。寒色系の色は青と紫です。緑はその中間の色だと思います。選んだ色をすべてワントーンにすると調和すること間違いなしです。
www.colourlovers.com でインスピレーションを得てください。この素晴らしい Web サイトはすべて配色に関するものです。カラースキームのページを次々とクリックするだけです。
あなたの周りに配色が現れていることに注目してください。スーパーでパッケージを見て、地元のスターバックスコーヒーショップでペンキの色を見て、自然を見てください。気に入った色を見つけたら、それをコンピューターにコピーできるかどうかを心の中でメモしてください。
既存の会社のロゴの色に注目して、ロゴや配色を見て、それを最初のアイデアとして使用します。あとは、1色か2色追加するだけかもしれません。
これは、制限された配色を示す私が完成したデザインです。

ご覧のとおり、コンパクトな配色と統一されたフォントにより、すべてが非常に整理されています。

これらのレッスンが非常に基本的なものであることはわかっています...しかし、それはデザインの基礎です。したがって、回復中の人を傷つけることは決してありません。次の 5 つのガイドラインが間もなく発表されますが、次の 5 つはさらに興味深いものになることを約束します。ありがとう！