appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-ガール・カフェ・ガン 012_機能 012_機能-絞り込み/フィルタ機能 030_ユニバーサルデザイン 030_ユニバーサルデザイン-色覚多様性 こんにちは、ちょこです。 「ガール・カフェ・ガン」のフィルタ機能が良かったので紹介させてください。 色覚多様性対応もバッチリ どこが良かったのか、ですが「色覚多様性への配慮が出来ている」という部分です。属性の色だけでなく文字が書いてあるデザインです。かなり珍しい…！ PhotoshopのP型(1型)のフィルタを掛けた見た目だと以下のような見た目でした。 より分かりやすくするために部分的に拡大してみます。 属性マークの下に文字が書いてあるのですごく分かりやすいデザインです。 アイコンだけだと分かりづらいので文字を併記することをオススメしていますが、実装されている例はあまり見かけません。 ガルカフ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F01%2F09%2F000000" 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/20191224/20191224231236.png Hatena Blog https://hatena.blog 2020-01-09 00:00:00 rich https://appgameui.hatenablog.com/entry/2020/01/09/000000 1.0 100%