このアプリの6色体系

目安 18

学習目標

  • 6色パレットの各キー(red〜purple)を説明できる
  • テーマ色が UI 全体に連動する仕組みを理解できる
  • 学習コンテンツで6色を「比較の軸」として使う理由を説明できる

6色体系とは何か(What)

Colorism の 6色(赤・橙・黄・緑・青・紫)は、学習と UI で共有する 比較の軸 です。自然界のすべての色を6色に分類するのではなく、

  • 色相環上に 等間隔に近い位置 を押さえる
  • 初学者が 名前と印象を結びつけやすい
  • テーマ・例示・クイズで 一貫したラベル になる

という 学習用アンカー として設計されています。

色相環上に赤・橙・黄・緑・青・紫の6色が目印として配置され、UIテーマ連動の説明がある模式図。
6色は色相環の全面を表すわけではなく、学習・UI・クイズで共有する比較軸。ヘッダーで選んだ1色がアクセントに反映される(模式図)。

なぜ6色に絞るか(Why)

色の理論は無限に広がりますが、最初から全色相を扱うと 比較が難しく なります。6色は、

  • Google 系の識別色に近く 覚えやすい
  • ヘッダーのテーマ切替と 体験が直結 する
  • 後の配色・心理学・文化コースで 同じ語彙 を使える

というバランスの取れた数です。

どう使うか(How)

テーマ色の連動

ヘッダーのロゴ、ボタン、MiniQuiz のアクセントなど、選択中の1色--primary-color として全体に反映されます。6色を切り替えることで、同じレッスンでも 色の印象 を体験しながら学べます。

たとえ: このレッスンを「青」テーマで読み、続けて「橙」に切り替えると、同じ文章でもアクセントの温度感が変わります。

クイズ・進捗との関係

練習モードや弱点復習では、問題文に登場する色名が6色アンカーと対応しやすくなります。配色コースの色相環とも、同じ6色の名前 でつながります。

次のステップ

基礎コースを完了したら、配色と調和(course-harmony)や 色温度(course-temperature)へ進みます。

ミニクイズ

Colorism の6色パレットの主な目的として最も適切なものはどれですか?

Colorism の6色パレットの主な目的として最も適切なものはどれですか?