比較基準
観察
トーン差によるコントラストの強さ
同じcanvas、同じ形、同じ位置と大きさを保ち、背景と前景のtone差だけを変える。差が小さい状態から大きい状態へ並べ、要素の区別のされ方と相対的な強弱がどう変わるかを観察する。ここではWCAGのcontrast ratioを測定せず、構成上のtone差を比較する。
変える条件
背景と前景のtone差
固定する条件
- canvasの大きさ
- 前景要素の位置
- 前景要素の大きさ
- 前景要素の形
- 要素数
この観察は条件差を見るための自作比較。ここでの予想や観察を、一般的な心理効果や品質の証明として扱わない。
比較
条件ごとの見え方
3条件
比較案
tone差を広げる
比較案
両方を強めて差を圧縮する
観察メモ
比較後に確認するポイント
- tone差を小さくする
背景をlight、前景をmediumにする。形と位置は同じまま、比較内ではもっとも小さいtone差として置く。
- tone差を広げる
背景はそのまま、前景だけstrongにする。前景の境界と相対的な強さがどう変わるかを見る。
- 両方を強めて差を圧縮する
前景はstrongのまま背景をmediumへ近づける。同じstrongな前景でも周囲との関係によって見え方が変わることを観察する。
仮説
比較前に置いた予想
形・位置・大きさを固定したままtone差だけを広げると、前景と背景の区別は強まり、前景の相対的な強さも変わって見える。一方で、この比較だけから実制作に必要な最適差やaccessibility conformanceは決められない。
観察を制作へ持ち帰る
同じ前景要素でも、背景とのtone差が変わると境界の明瞭さと相対的な強さは変わって見える。コントラストは要素単体の属性ではなく周囲との関係として観察する必要がある。ただし、このStudyのstrong / medium / lightは比較用の段階であり、実際の色値・知覚明度・WCAG contrast ratioを表さない。文字可読性やaccessibility conformanceを判断する場合は、実際の前景色・背景色と適用される要件を別途確認する。
指示練習
判断を指示に変える
AIでも人でも、結果だけでなく変更条件と確認条件を分けて伝える。
- 変える
背景と前景のtone差
- 残す
canvasの大きさ / 前景要素の位置 / 前景要素の大きさ / 前景要素の形 / 要素数
- 方向を決める
どちらの方向へ、どの程度変えるかを自分の目的に合わせて言葉にする。
- 確認する
出力を見て何が変わったか、何を採用するか、次に何を直すかを言葉にする。