熟練デザイナーの7つの原則（2）：色の使い方

前回の記事：優秀なデザイナーの7つの原則（1）：フォントデザイン英語原文
色の使用を制限する トップデザイナーになるための 7 つのシンプルなルールのパート 2 色の使用を制限します。前のルールではフォントの使用を制限するように求められているようですね。まったくその通りです！色の使用を制限する理由は、フォントの使用を制限する理由と同じです。デザインの色数を減らすと調和がとれます。基本的に、スポーツチームのジャージや会社のロゴのように、すべてが一貫して見えるようになります。 —ユニフォーム（スポーツウェア）は全体的に単色に見えるようにしたいです。
フォントの選択と同様に、使用する色の数を制限することはルールではなくガイドラインです。虹の色をデザインにうまく使えば、見栄えも良くなります。しかし、まずは色の使い方の戦略を立て、それに従う必要があります。それをあなたのデザインの一部にしましょう。
まず、色の値についてお話しましょう。色の値とは、その色がどれだけ明るいか暗いかのことです。たとえば、黄色は非常に明るい色であり、紫は非常に暗い色です。もちろん、色には色の範囲があります。たとえば、紫色はほとんどの人が暗い色を連想する色ですが、非常に明るい色になることもあります。以下に、いくつかの色とそれに関連付けられた値の例を示します。次に、色の値の範囲を確認できます。

したがって、カラースキームを使用するときに私が使用するルールの 1 つは、カラースキームに色の値の範囲があることを確認することです。どのようなデザインでも、コントラストのために明るい色と暗い色が必要です。たとえば、デザインの背景が暗い場合は、明るい色のテキストと画像が必要です。こうすることで、テキストや画像が読みやすくなります。逆に、背景が明るい場合は、暗い画像やテキストなどが必要になります。
また、配色を完成させるために通常は 2 ～ 5 色だけを使用します。選択肢の数を減らすと、デザインで良い結果が得られます。私が作成したカラースキームの例を以下に示します。ご覧のとおり、暗い色、中間色、明るい色を使用しました。右側から始めて、各色の値の範囲を作成しました。これらの色の組み合わせは、私がデザインプロジェクトで使用するカラーパレットのようなものです。このパレットを入手したら、その色だけを使用するように最善を尽くします。

さて、何色の色を選択する必要があるか、それぞれの値はいくらにすべきかなど、色の採用に関するヒントをいくつか説明しました。では次のステップは何でしょうか?次のステップ、そして最も難しい部分、つまり 2 ～ 5 色をどうやって決めるかをお話しします。個人的には、これは時々難しい仕事だと思う。以下は、カラースキームを考えるのに役立つヒントの表です。寒色系と暖色系の範囲を決定します。
つまり、暖色系または寒色系を使用します。暖色系には、赤、オレンジ、黄色、茶色などがあります。寒色系は青と紫です。緑は中庸な色だと思います。選択した色をすべて 1 つの色調にまとめると、非常に調和のとれた色になります。 www.colourlovers.comでインスピレーションを得ましょう この素晴らしい Web サイトはカラースキームに関するものです。何ページにもわたるカラースキームをクリックするだけです。周囲に注意してください 配色はあなたの周りのいたるところに存在します。食料品店のパッケージを見て、近所のスターバックスのペイントの色を見て、自然を観察してください。気に入った色を見つけたら、心にメモして、コンピューターにコピーできるかどうか確認してください。既存の会社のロゴの色に注意してください 私は既存のブランドカラーをよく使用します。ロゴや配色を見て、それを最初のアイデアとして使用します。そして、おそらく 1 つか 2 つの色を追加します。
制限された配色を活かした完成したデザインがこちらです。

ご覧のとおり、厳密な配色と一貫したフォントにより、すべてが整理されています。
これらのレッスンは非常に基本的なものだとわかっています...しかし、それがデザインの基礎です。ですから、回復することは人にとって決して悪いことではありません。次の 5 つのガイドラインはすぐに公開されますが、次の 5 つはさらに興味深いものになることをお約束します。ありがとう！

<<: MySQL 結合バッファの原理

>>: HTML テーブル境界コントロールの詳細な説明