appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-ドラゴンクエスト ダイの大冒険 魂の絆 030_ユニバーサルデザイン 030_ユニバーサルデザイン-色覚多様性 こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。 今回は「ドラゴンクエスト ダイの大冒険 -魂の絆-」、通称「魂の絆」の色覚多様性対応を紹介します。 具体的にはシルエットが同じで色差分のあるアイテムをどうやって区別させているか、という話です。 該当の画面はこちらです。 このように所持アイテム画面では同じシルエットで色だけが異なるアイテムが多く並んでいます。これをP型のシュミレーションフィルタに通すと以下の見た目になります。 色情報の一部が失われるため、アイテムの差別化… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2021%2F10%2F14%2F011731" title="「ドラゴンクエスト ダイの大冒険　-魂の絆-」アイテム名をサムネイルに重ねて表示することで結果的に色覚多様性対応に繋がるデザイン - ゲームアプリのUIデザイン" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/appgameui/20211014/20211014002802.png Hatena Blog https://hatena.blog 2021-10-13 01:17:31 rich https://appgameui.hatenablog.com/entry/2021/10/14/011731 1.0 100%