コントラスト

理解する

コントラストは、明るさ、大きさ、形、太さ、書体などの差によって要素同士を区別したり、一方を相対的に強く見せたりする関係。視覚的階層や強調を作る手段になり得るが、それらと同じ概念ではない。また、構成上の広い意味での差と、文字と背景などについて数値で確認するコントラストの要件も分けて扱う。何に差を付けたのかと、その結果どの要素がどう見えたかを分けて観察する。

この項目を使う分野

• グラフィックデザイン
• タイポグラフィ
• Webデザイン

練習・制作

• 短い練習: コントラストを見分ける
• 制作課題: 情報を一枚に整理する

観察

• トーン差によるコントラストの強さ
• 視覚的重さ・強調・視覚的階層

根拠・参考資料

• Graphic design basics — Adobe
• Web Content Accessibility Guidelines (WCAG) 2.2 — World Wide Web Consortium (W3C)