appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-妖怪ウォッチメダルウォーズ 016_グラフィック 016_グラフィック-アイコンデザイン こんにちは、ちょこきなこです。 UIって一貫性とか統一性って重視されますよね。「妖怪ウォッチメダルウォーズ 」のバトル中のバフ、デバフのアイコンでその一貫性に関する実例の参考になりそうな実装があったので紹介します。 実例は以下の2つの画面です。 雑魚のアイコンの位置 ボス戦はこんな感じ。 それぞれ拡大してみます。 こんな感じでアイコンの位置がHPゲージの上と下とそれぞれに配置されていて統一性がありません。 これを許容するかどうかですが、許容しない場合は以下のようなデメリットが考えられます。 敵妖怪に情報が被る 敵妖怪の3Dモデルとバフデバフのアイコンのグラフィックが被ります。敵妖怪にアイコンの… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F08%2F29%2F120000" title="「妖怪ウォッチメダルウォーズ」UIの統一性は絶対厳守？バフデバフのアイコンから見る事例共有と考察 - ゲームアプリの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/20190801/20190801081826.png Hatena Blog https://hatena.blog 2019-08-29 12:00:00 rich https://appgameui.hatenablog.com/entry/2019/08/29/120000 1.0 100%