グラデーションについて学習しました!

グラデーションについて学習しました!

記事
デザイン・イラスト
グラデーションとは?

グラデーションとは、

色を段階的(リズミカル)に変化させながら配列する多色配色のことです。

色の類似性による統一感と、対照性による変化のバランスが良く、調和しやすい配色方法として知られています。

ホームページや広告、イラストなどでもよく使われています。

色相のグラデーション

色相を少しずつ変化させるグラデーションです。

高彩度のトーンを使用し、隣り合う色同士の色相差を1〜3の範囲にすると、自然で美しいグラデーションになります。


🟢 → 🟩 → 🟨 → 🟧 → 🟥

明度のグラデーション

明るさを段階的に変化させるグラデーションです。

トーン区分図では縦方向の関係になります。

明度のグラデーションは無彩色でも作ることができます。


⬛ → ◼ → ◾ → ◽ → ⬜

明度・彩度のグラデーション

明度と彩度を同時に変化させるグラデーションです。

例えば、

右から左へ進むにつれて

明度が高くなる
彩度が低くなる

という変化をつけることができます。

PCCSでは、

純色 → 明清色

の順に並べると効果的なグラデーションになります。

学んだこと

グラデーションは単純に色を並べるだけではなく、

色相
明度
彩度

のどの要素を変化させるかによって印象が大きく変わることを学びました。

Webデザインでも背景やボタンなどで使われることが多く、配色の知識としてしっかり覚えておきたいと思います。

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