スマホアプリのカラーパレット

状態色は最初に決めておく

どのアプリにも、エラー、成功、警告、情報を示す色が必要です。パレットになじむ色を選び、エラーの色をブランドのボタンなどほかの用途に使わないようにしましょう。色だけに頼らず、アイコンやテキストを添えて意味が伝わるようにします。

ダークモードもデザインする

ほとんどのスマートフォンはダークモードに対応しており、多くのユーザーがオンにしています。色を反転させるだけでは不十分です。真っ黒ではなくごく濃いグレーを使い、アクセントカラーの彩度を少し下げて、背景の上でちらつかないようにしましょう。

コントラストとタップ領域を確認する

WCAGでは、テキストと背景のコントラスト比を最低4.5:1にすることを求めています。ボタンは、有効・押下・無効の各状態で見た目を変えましょう。多くの人が実際に使う環境である屋外や、画面を暗くした状態でもアプリを試してみてください。