appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-妖怪三国志 国盗りウォーズ 019_アニメーション 019_アニメーション-UIアニメーション こんにちは、ちょこきなこです。 「妖怪三国志 国盗りウォーズ」のUIパーツに巻物や木簡があるのですが、それに丁寧なアニメーションが実装されていました。 巻物 巻物の部分が動いています。模様が入っており、アニメーションしていることが分かりやすい 木簡 何気にタブ下の情報が左右それぞれのアニメーションが用意されているのも丁寧です。現在選択しているタブより右なら右側から情報が表示され、左なら左から表示されます。 大きく変化するのは文字情報の方なので、どちらも目に留まるほどではありません。言われたら気づく程度の細やかなアニメーションが良いと感じました。 あまりなんでもかんでも動かせば良いわけではありま… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2019%2F09%2F16%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/20190901/20190901181838.png Hatena Blog https://hatena.blog 2019-09-16 00:00:00 rich https://appgameui.hatenablog.com/entry/2019/09/16/000000 1.0 100%