視認性を意識したデザインシステムのアップデート｜Tadaki

こんにちは！アルプのデザイナーの大澤 (@Tadaki) です。 サブスクリプションの契約や請求の管理を SaaS として提供する Scalebase というプロダクトのデザイナーをしています。 先日、Scalebase のデザインシステムについて記事を書きました。実は最近このデザインシステムの視認性に関わる部分を大きくアップデートしています。 今回のデザインシステムのアップデートでは、主に「色の選択基準の明確化」「アイコンの視認性の向上」「情報の階層化」をしています。それぞれについて実際の画面をお見せしながら解説します。 1. 視認性を向上させる色の選び方 開発初期は特に問題なかったのですが、開発を進めていくうちにページの情報量や構造が複雑になり、色の選択基準が曖昧な部分が出たり、場所によってはかなり視認性が悪い色を選択してしまうことがありました。そこで WCAG 2.1 の Contr

[d4-1977]

ダークモードやアクセシビリティの話を踏まえて色などを更新したくなる