デザイナーのオンボーディング

デザイナー向けオンボーディング：UI判断力クエスト

一貫性のあるデザインコンポーネント（デザインシステム）の使い方を身につけ、テキストの可読性を保つコントラスト比の基準や、ディレクターレベルのデザインQAの力を確認します。UIデザイナーのオンボーディングや新人研修に使えるクエストです。

■ ゲーム内クエストの例

濃い紫の背景に暗いグレーの文字が置かれていて、ほとんど読めません。

[1]可読性の基準となるコントラスト比（4.5:1以上）を満たす明るい色に、文字色を変える。

[2]フォントのウェイトだけを極端に太くする。

[3]文字サイズを極端に大きくして、コントラスト比の確認を省く。

解説： 文字サイズにかかわらず、背景とテキストの明るさの差（コントラスト比）の基準を守ることで、可読性と情報の伝わりやすさが確保されます。

デザインシステムコントラスト比ユーザビリティレビューデザインQA監査