こんにちは!ちょこです! このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです! 今回は「リバース:1999」からショップ画面の表示アニメーションの事例をご紹介します。 「リバース:1999」ではショップ画面で商品が表示される際、商品が左右あるいは上下にアニメーションして表示されていました。これにより、ユーザーは自然と商品をスクロールできる方向が理解できます。 以下、概要です。 スライドインさせて動かせる方向を仄めかす アニメーションがあるとより分かりやすい スライドインさせて動かせる方向を仄めかす 「リバース:1999」ではショップ画面に遷移したときに、商品がスライドインするアニメーションが用意されています。 「受付マシン」では画面左から右に若干スライドインさせつつ、左から段階的にフェードインさせ
![「リバース:1999」アニメーションする方向でリストがスクロールする方向も分かる/アニメーションって重要 - ゲームアプリのUIデザイン](https://cdn-ak-scissors.b.st-hatena.com/image/square/9128607495f8c13f80ec5561177ea3d46cd8f0a3/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Fappgameui%2F20231124%2F20231124172334.png)