類似の色(およびそれらをデザインで使用する方法)

次に外に出るときは、アイスパイのゲームをプレイします。日の出が空の色合いを赤く塗る様子に注目してください。赤オレンジ、オレンジ。または、鮮やかな青緑色の羽で動物園で気取っている孔雀を見てください。多肉植物を研究し、青、青緑、緑の色相の優れた使用法に注目してください。

これらの色のグループがなぜそれほど調和しているように見えるのか疑問に思ったことはありませんか?さて、これらの光景はすべて、類似の配色、またはカラーホイール上で色が隣り合っている配色の自然な発生です。彼らは特に目に心地よい(そして簡単に思いつく)ので、デザイナーは製品デザインのためにこれらの配色からインスピレーションを得ることがよくあります。

類似の配色を作成する方法

ホイールの任意のポイントで任意の色を選択し、右または左のすぐ隣にあることに注意してください。そして、あなたはそれを持っています:類似の配色。これは、カラーホイールから3〜5個の小さな色相スライスを取り出すようなものです。類似のスキームを選択する1つの方法は、原色(つまり、赤、黄、または青)から始めて、アクセントとして2次色と3次色を使用することです。

類似色の例

類似色は、色のグループ化に類似性があることを意味します。これらの配色タイプは互いに密接な関係があります。

類似の配色の例をいくつか示します。

  • 黄色、黄緑色、緑色
  • 紫、赤紫、赤
  • 赤、赤オレンジ、オレンジ
  • 青、青紫、紫

A類似の配色の注目すべき例は、Dropboxの最近の再設計です。彼らのスキームはピンク、紫、青の色合いを使用しています。

Dropboxは、一緒に機能するべきではないように感じる大胆な色を使用していますが、機能します!

類似のカラーパレット

最も伝統的な意味では、類似のカラーパレットは3色です。しかし、それは4色または5色まで上がる可能性があります。設計者は、類似のパレットを使用して、設計に温度を与えることができます。 4色の温かみのある類似のカラーパレットは、赤、赤オレンジ、オレンジ、黄オレンジで構成されます。クールなパレットには、青、青緑、緑、黄緑が含まれます。

類似のカラーパレットのVelocityUIキット

テストUIで類似のカラーパレットがどのように表示されるかを確認したいですか? Muzliのカラーツールをお試しください。

アートの類似色

自然界の類似の配色を見つけるだけでなく、ミューズとして静かな屋外環境に目を向ける有名なアーティストの作品でも見つけることができます。 。

たとえば、フィンセントファンゴッホは「花瓶の虹彩」の絵に緑、青緑、青、青紫のクールな類似の配色を使用しました。色のコツがあることで知られています。クールな類似の配色は、彼の油絵、オリーブの木でも取り上げられています。類似の色の別のケーススタディについては、クロードモネの睡蓮の池の絵をご覧ください。

単色

類似の配色は、互いに類似した色を使用するため、わずかに単色の外観を作成します。ただし、単色の配色は、異なる色合い、色調、色合いの基本色に依存して、視覚的にまとまりのある外観を作成します。デザイナーシンプルでクリーンな美学を作成したい場合は、モノクロパレットを使用することがよくあります。おそらく、ページが情報であるためです。濃い色や色が多いと、忙しそうに見えます。

類似の色の考慮事項

類似の配色を決定するときは、アクセシビリティを考慮することが常に重要です。たとえば、特定の類似のカラーパレットは、色覚異常または色覚異常(CVD)のあるものを除外する場合があります。

「作業を行うのに色だけに頼らないでください」とシニアブランドデザイナーのルイスゴンザレスInVisionで、「ユーザーのかなりの部分を置き去りにする可能性がありますが、それは単に良いユーザーエクスペリエンスではありません。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です