DESIGN VOCABULARY

デザインスタイル図鑑

成果物・印象・見た目から探す

デザインプロフィール

グラデーション

Gradient

複数の色を段階的につなぎ、色の変化そのものを見せる表現です。輪郭のある模様を増やさなくても、色の流れで面に変化を作れます。

グラデーションのスタイル見本

このスタイルについて

グラデーションは、二つ以上の色や濃淡を少しずつつなぐ表現です。一方向へ移り変わる形、中心から広がる形、複数の点の間で色が混ざる形などがあり、色を置く位置と変化の幅を調整して、面に流れや奥行きを作ります。

主な視覚的特徴

  • 色が徐々に混ざる面
  • 境目を立てない連続した色の変化
  • 複数色をつなぐ中間色

向いている成果物

広告バナー、SNS投稿画像、商品パッケージ、商品・サービス紹介ページ(LP)、イベントサイト

代表配色例

色コードと役割をまとめてコピーできます。

簡単なプロンプト例

グラデーションでデザインしてください。色が徐々に混ざる面、境目を立てない連続した色の変化、複数色をつなぐ中間色を取り入れてください。

実例を見る

Google画像検索で「グラデーション」を見る(新しいタブで開きます)検索結果の画像はこの図鑑には保存しません。

出典