カラフルさ

定義

カラフルさ（perceived colorfulness）とは、画面や構成全体を見た時に、どの程度「色が豊富で、色みが強く、多彩に見えるか」という知覚的な特性です。単一領域に対するCIEのformalなcolourfulness属性、単一色のchroma / saturation、色相の種類数のどれか一つとは同義ではありません。使われる色の面積、分布、明るさ、色同士の差、周囲の無彩色、写真やillustrationなどが組み合わさって決まります。

対比すると分かりやすい概念

実例

実際の場面で考える

同じ概念を異なる制作文脈へ持ち込み、何を観察して判断するかを見る。

複数系列を持つ分析画面
ダッシュボードの色数整理
見るポイント
系列色を減らした時に、単に色数だけでなく、強いアクセント色が占める面積や背景との関係まで見て、画面全体がどの程度カラフルに感じられるかを確認する。色数が同じでも見え方は変わりうる。
写真を大きく使うWebページ
ブランドサイトの写真とUI色
見るポイント
UI tokenだけを見て「色を抑えた」と判断せず、写真内の色、gradient、illustrationまで含めた画面全体のカラフルさを見る。content assetが支配する場合はUI colorだけの調整で印象を説明しない。

理解

理解のポイント

website研究ではperceived colorfulnessが短時間のaesthetic first impressionと関係することが報告されているが、好まれる程度はvisual complexityや個人属性などにも依存する。

注意

誤解しやすい点

カラフルさを色数だけで数え、各色のchroma / saturation、面積、配置、無彩色との比率を無視する。
単一色の色みを強くすることと、画面全体をよりカラフルに見せることを同一視する。
CIEの単一領域のcolourfulnessと、Webページ全体のperceived colorfulnessを同じ測定概念として扱う。
カラフルなほど魅力的、または色を減らすほど洗練されると一方向に一般化する。

対比すると分かりやすい概念

実際の場面で考える

ダッシュボードの色数整理

ブランドサイトの写真とUI色

理解のポイント

誤解しやすい点

関連する概念

根拠を確認する