トーンを基準にした配色について学習しました!

トーンを基準にした配色について学習しました!

記事
デザイン・イラスト


本日の色彩検定の学習では、「トーンを基準にした配色」について勉強しました。

配色を考えるときは色相だけでなく、トーンに注目する方法もあります。

トーンとは、色の明るさや鮮やかさの特徴を表したものです。

同じ色相でもトーンが変わると印象は大きく変化します。


トーンに共通性がある配色

同一トーン配色

トーンが同じ色同士を組み合わせる配色です。

彩度差がなく、明度差も比較的小さいため、まとまりが強く感じられます。

統一感のある落ち着いた印象になります。

---

類似トーン配色

隣り合うトーン同士を組み合わせる配色です。

共通性が感じられるため、まとまりやすい配色になります。

類似トーン配色を作るには、

* 縦方向に隣り合うトーン
* 横方向に隣り合うトーン
* 斜め方向に隣り合うトーン

のいずれかを組み合わせます。

同一トーン配色より少し変化がありながらも、統一感を保つことができます。

---

トーンに対照性がある配色

対照トーン配色

トーン区分図で距離が大きく離れた色同士を組み合わせる配色です。

縦方向に離れている場合は、明度差が大きくなります。

横方向に離れている場合は、彩度差が大きくなります。

そのため、コントラストが強くなり、メリハリのある印象を与えることができます。

---

学んだこと

ホームページ制作でも、

* 統一感を出したい → 同一トーン配色
* 少し変化を付けたい → 類似トーン配色
* 目立たせたい → 対照トーン配色

というように使い分けることで、より効果的なデザインができそうだと感じました。

本日はここまで!

サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す ココナラコンテンツマーケット ノウハウ記事・テンプレート・デザイン素材はこちら