appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧-妖怪ウォッチ ゲラポリズム 011_画面別-メニュー項目 019_アニメーション-UIアニメーション 010_タイトル一覧 019_アニメーション こんにちは、ちょこきなこです。 「妖怪ウォッチ ゲラポリズム」のメニューの開閉演出が凝っていたので紹介させてください。 アニメーション全体としては、こんな感じで回転しながら表示されています。 かわいい。 演出の理由を考えた時に、メニュー項目のロード時間を稼ぐ目的でアニメーションが実装されているのかな、と思ったのですが、触ってみた感じそんなことはなさそうです。単純にデザインを活かしたアニメーションみたい。 普段、一貫性や統一性ばかり気にしがちで、汎用的な開閉アニメーションを実装しがちですが、こういった世界観を取り入れるデザインも忘れないようにしたいな、と思い直しました。 (よくみたら半分だけ作っ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F09%2F29%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/20190916/20190916180947.png Hatena Blog https://hatena.blog 2019-09-29 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/09/29/000000 1.0 100%