コントラスト
Contrast
別名: 対比
ライブデモ
説明
一言で説明
要素間の明るさや色の差。視認性や注目度を高めるために、あえて大きな差をつけるデザイン原則。
いつ使う？
情報の優先順位（階層）をつけたいとき、重要なボタンを目立たせたいとき。
💡 日常の言い方
「色の「はっきりした差」。これがあるほど文字が読みやすくなる」
似ている用語との違い
コントラスト vs コントラスト比
コントラストは『対比』という概念・原則。コントラスト比はそれを『数値』で表した指標。
AIへの指示例
背景と文字のコントラストを強めて。特に警告文は背景黄色に黒文字にして、遠くからでも目立つようにして。