Webデザイナーのための色彩理論の基礎

集団デジタルアーティストとして、色彩理論の背後にある基礎科学を理解することは重要です。それは保持し、消化するための膨大な情報を含む人気のあるトピックです。このトピックは芸術やデザインに焦点を当てているだけでなく、光学科学の要旨も含みます。.

このトピックについては十分にカバーしているので、強調すべき点を抽出するためにいくつかの重要なポイントについて説明します。これらのトピックはそれぞれ、配色と組み合わせに関する例で構成されています。そのような豊富なトピックに関するさらなる知識を広げることは、将来のプロジェクトのためのあなたの創造性を繁栄させるでしょう.

色彩論のはじまり

色のプールに着手するとき、私たちは正方形に自分自身を基盤とするべきです。すべてのミックスを突破した後、3つしか残っていません。 原色. これらは赤、青、そして黄色であり、それらは他のすべての色が現れる根の成分です。.

これらの原色は、他のカラースキームを作り出すために混合プロセスにおいて一緒に組み合わされてもよい。これらはとして知られています 二次色 そして、常に2原色の組み合わせが含まれます。これら3つの2次色はオレンジ、バイオレット、そしてグリーンです。この配色は、サンプルのデフォルトスタイルを基にしています。 Web用にデザインして印刷するときは、異なるカラーモデルを切り替える必要があるかもしれません。これらには、デジタルおよび印刷デザインでそれぞれよく知られているRGBとCMYKが含まれます。.

三次カラーパレット

カラーホイールが起動したら、これらのリソースを使用して3次色を作成できます。このグループは、6原色すべてを混ぜ合わせるときに作成される、プライマリ/セカンダリの下に2番目のレイヤーを保持します。これで私達は今6つの真新しい色（各原色から2つ）を作成することができます。これは全部で12色のブレンドを出すでしょう。この段階で私達は完全なパレットを設計し、12面カラーホイールに記入することができます。これはAdobe Illustrator内で色見本やパターンを作成するためによく使用されます。.

次に、いくつかの最も人気のある配色について見ていきます。これらは、イラスト、アイコン、ベクター、またはPhotoshopグラフィックを作成しようとしているすべてのデジタルアーティストにとって便利です。どのように色を組み合わせて和音を打つかを理解することは練習を要するでしょう、しかし決心を通してあなたはほとんど何でも作ることができるでしょう!

単色カラー

掘り下げるとき 配色 無限の創造力を見つけることができます。このレルムには、さまざまな強度を持つ何百という異なるカラーパレットを作成する可能性があります。.

単色の配色は、1つの色相を表すだけなので、生の色です。これは、緑、青、オレンジ、水色、またはあなたのデザインに最もよく合うものなら何でも可能です。これらは通常、既存のパレットに収まるようにブランディングおよび背景パターンで見られます.

この参考文献では、色は通常、各色（または色相）と背景の間の不透明度を薄めることによって作成されます。最も一般的な例は、アルファチャンネルを作成し、選択した色相にさまざまな度合いで白/黒を追加することです。この方法を通して、あなたは単純なデジタルグラフィックスに溶け込むために役に立つ単色配色をデザインすることができます.

類似スキーム

これらの色は、標準のカラーホイール上の位置に基づいて生成されます。類似集合は、互いに直接隣接している点によって作成されます。一般的な例には、緑/黄 - 緑/黄または赤/オレンジ/黄が含まれます.

これらは3つの部分からなるスキームでもあります。 ベーストライアド. 2つの類似したスキームを組み合わせてハイブリッドセットを作成することができます。多くの場合、類似のセットが自然に見つかり、目に心地よい光景を促します。.

3色の間では、デザインピースの中で役割を割り当てるのが一般的です。 3つのうちの1つは、プロジェクトをまとめるためのベースとして使用されます。 2番目は付随する色で、3番目はアクセントとして参照されています。この効果は、コントラストと鮮やかなエッジや影を作成するために使用できます。.

補完テーマ

カラーホイールの反対側の位置にある色は、 補完的な. 彼らは自然にお互いを補完し、芸術作品に等しいレベルのエネルギーを提供します。これらの例には、赤と緑、紫と黄色、または青とオレンジが含まれます。これらの配色は、要素間の高レベルのコントラストを生み出します。風景や漫画のキャラクターの一部を強調するためにイラストで使用されるときに素晴らしいです。私たちはこれを衣料品やワードローブの装いに使用するのを目にするでしょう。試合は非常に圧倒的になる可能性があるので、控えめにそれらを使用してください.

テキストは多くの場合、白黒のコントラストよりも優れたパフォーマンスを示しますが、彩度が少し低い状態でレンダリングするのが最善です。このようにして、ページ外のテキストは読者の目を傷つけることはありませんが、それでも従うことは十分に簡単です。あまり知られていない2番目のスキームもあります。 分割補完. これはベースカラーを含み、これもまたスペクトルと反対の2色をもたらします。それは基本補完物への2つの隣接する隣人によって得られます.

我々のベースとして赤を補完する分割の例として、我々は緑のそばに両方の隣接する色を必要とするであろう（しかし緑を含まない）。これは、緑黄色と青緑色をターゲットにします。このペアは、厳密に補完的な関係からのぎざぎざした緊張なしで高いコントラスト比の利点を提供します。多くの場合、これらのバランスをとるのは難しい配色です。基本色は通常暖色系の領域にあるため、ハイライト、背景、および小さなグラフィック用に2つの色の選択肢があります。.

トライアドカラーセット

トライアドカラースキームはデザイナーの間で最も人気のあるものの1つです、そしてこれは特にデジタルアーティストのためのケースです。この方式は、カラーホイール上で互いに等しい距離にある3色を使用します。一般的な例として、赤、青、黄色、オレンジ、紫、緑などがあります。これは、基本色（赤）を選び、3つの等しいペースを右に移動することによって得られます。これを打ったら（青色）、時計回りにさらに3単位移動して黄色にし、さらに3つの配置を赤の間に分けます。.

トライアドは平等と安心感を生み出します。ほとんどの場合、グラフィックとアイコンのバランスを良くするために、色の均等配分を行っています。これらは、町、海、森林、そして他の多くのシーンの美しい芸術的なイラストを作成するためにも使用できます。.

結論

この基本的な概要は、色彩理論を始める際の一般的な側面を網羅しています。 Webデザイナーとしてあなたに利用可能な膨大な数のオプションを理解することは最高品質のアートワークを作成するために重要です.

インターネット中には無数のリソースがあります。詳細な色彩理論に関するフォローアップ記事については、Googleまたはその他の一般的なデザインブログで確認してください。あなたはまた、本当にプロジェクト作業から時間を節約することができるデザイナーのための人気のあるカラーツールに興味があるかもしれません。.