appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-パズルオブエンパイア 011_画面別 011_画面別-ショップ画面 011_画面別-交換所画面 016_グラフィック 016_グラフィック-アイコンデザイン こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 アイコンのデザインはUIと馴染む色じゃない方が良い。 具体的にはここの部分です。 アイコンってある種の記号的な意味合いがあるので、他のパーツと馴染むようなデザインだと気付きづらいです。 こっちの画面の方が良い感じです。 ポイントとしては以下の３点です。 具体的には色を明るくして手前にあるように見せること 描き込みを減らして情報量を減らし、周囲と馴染ませないようにすること アイコンはアイテム画像を縮小するのではなく、情報量を減らしたデザインが必要 です。このアイコンはそういった意味ではかなり書き込みすぎちゃってますが、色のトーンの比較… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F03%2F16%2F000000" 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/20190211/20190211222043.png Hatena Blog https://hatena.blog 2019-03-16 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/03/16/000000 1.0 100%