appgameui https://blog.hatena.ne.jp/appgameui/ ゲームアプリのUIデザイン https://appgameui.hatenablog.com/ 010_タイトル一覧 010_タイトル一覧-ヒプノシスマイク A.R.B 011_画面別 011_画面別-ロード画面 016_グラフィック 016_グラフィック-IPデザイン 016_グラフィック-スキューモーフィズム こんにちは！ちょこです！ 今回のテーマは「世界観への没入のためのビジュアルの作り込みについて」です。 没入感が得られるということは余計なストレスが無いということでもあります。 そういった面でUIにも関係があると考えます。 紹介するタイトルは前回に続き「ヒプノシスマイク-A.R.B-」です！ 早速ですが、作り込みがされている画面の一例を紹介します。 こちらはロード画面です。画面遷移演出を兼ねたデザインになっています。 動かすとこんな感じです。 ロード中はこのようにレコードが回転するのですが、微妙に歪んだアニメーションで実装されています。 ▲よく見ると円周の軌道が動いている 最初は、中心軸で回って… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fappgameui.hatenablog.com%2Fentry%2F2020%2F09%2F12%2F070000" title="「ヒプノシスマイク-A.R.B-」ロード中にぐるぐる回るレコードをよく見ると細部の拘りが感じられるアニメーション演出だった - ゲームアプリの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/20200906/20200906221143.png Hatena Blog https://hatena.blog 2020-09-12 07:00:00 rich https://appgameui.hatenablog.com/entry/2020/09/12/070000 1.0 100%