050_演出-画面遷移演出
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「崩壊3rd」から、タイトル画面とホーム画面を自然に繋げる演出をご…
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」の画面遷移演出のデザインを紹介…
こんにちは、ちょこです！ 今回は「シャイニングニキ」のロード画面の紹介です。 部屋やショップなど、特定の画面に遷移する際に専用のロード画面が表示されるデザインになっていました。 該当の画面はこちらです。 専用の画面があると没入感が維持される 画…
こんにちは！ちょこです！ 「魂器学院」で画面遷移する際に、その画面デザインに沿った画面遷移演出がありました。 ゲームの世界観、没入感を意識したデザインの事例として紹介します。 演出は以下のような演出でした。 画面は過去のイベントを視聴すること…
こんにちは、ちょこです！ 「キキ＆ララのトゥインクルパズル」の画面遷移が世界観、ゲームの没入感という観点から素敵だな、と思ったので紹介します。 該当の画面遷移演出はこちらです！ 画面遷移にはいくつかパターンがあります。 映像作品の場合だと「カ…
こんにちは！ちょこです！ 「Food Fantasy フードファンタジー」にてレストランの画面に遷移する際に、扉を開ける演出がなされていました。 こちらが遷移前の画面です。 レストランに遷移する際は、こちらの扉が開いて画面遷移します。 こんな感じで扉が開き…
こんにちは！ちょこです！ 「少女歌劇 レヴュースタァライト -Re LIVE-」のバトル周りで世界観を演出するデザインがいくつかあったので紹介します。 UIでも世界観を表現する演出やデザインを考えることがあるかと思うので、その参考になれば幸いです。 「少…
こんにちは！ちょこです！ 「ガンダムブレイカーモバイル」にてガンプラをモチーフにしていると感じる箇所がいくつかありましたので紹介します！ 1：画面遷移時の扉 2：ガチャ演出 3：バインダーのデザイン 4：HPゲージ 1：画面遷移時の扉 早速ですがこちら…
こんにちは！ちょこです！ 「レッド：プライドオブエデン」で飛び出す絵本の様な表現があったので紹介します。 本が開いて飛び出す遷移アニメーションになっていました。かわいい。 この手のデザインで注意したいのは、見栄えをよくするためにパーツを複数配…
こんにちは、ちょこです！ 「レッド：プライドオブエデン」のステージ選択の遷移アニメーションが凝っていたので紹介してみます！ 上図がステージ選択画面です。 クリア済みなのでボスキャラの死屍累々…ｗ 見ていただきたいのは以下の遷移アニメーションです…
こんにちは、ちょこです！ 「ドラゴンクエストタクト」の画面遷移がドラクエっぽくて素敵なデザインだったので紹介させていただきます！ 演出は2パターンありました。 見た感じ入りと明けで分けています。どちらもスライムモチーフで統一されているのが特徴…
こんにちは、ちょこです。 今回は「AFKアリーナ」の図鑑画面とスキン画面への遷移演出を紹介します。 「AFKアリーナ」は汎用的なパーツを利用して画面をデザインするタイプのゲームではありません。どちらかというと、個別に画面をデザインするタイプのゲー…
こんにちは！ちょこです！ 「バンドリ！ ガールズバンドパーティ！」にてカメラ演出を使って、ユーザーがやることを示した事例があったので紹介します！ まずはこちらをご覧ください。 ▲街の全体マップから任意の施設に遷移する時の演出です カメラが寄るこ…
こんにちは、ちょこです！ 「スタンドマイヒーローズ」でプライベートルームに遷移する時の演出を紹介します！ まずはこちらを… ▲扉が開いた向こうには彼がお出迎え！ こんな感じで部屋に入る演出があります。 演出が入るのはおそらく１日１回のみで、鬱陶し…
こんにちは、ちょこです！ 「ドラゴンクエストウォーク」の画面遷移が道路がモチーフにされているようなデザインで、タイトルらしさを表現されていると感じました！ このように縦横に直線が走りその後拡大される、といった演出です。 ▲尺も短くテンポも良い …
こんにちは！ちょこです！ 「マジカミ」の画面遷移が変化に富んでいて、自然と心地よいテンポになっていると感じたので紹介します！ ロードが多いのを逆手に取ってる感じ。 いくつかパターンがある。 １：親階層に遷移 2：親階層から子階層に遷移 3：異なる…
こんにちは！ちょこです！ 「VOEZ」のタイトル画面に入る時の画面遷移がきれいでした！ ▲タイトル画面。淡く水彩のような質感 遷移はこんな感じです！ ▲イラストがにじみ出るような演出 アニメーションの尺はそこまで長くなくテンポも良いです。尺が短いとイ…
こんにちは！ちょこです！ 「戦国アスカZERO」の画面遷移の演出が良かったので紹介させてください！ 襖 扇 城門 襖 まず最初は襖のデザインです。 こちらはゲーム中にロードが挟む場面で多く登場します。 動かすとこんな感じです。 ▲まぁまぁな勢いで開閉す…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」の画面遷移の演出が面白かったので紹介します。 ▲エリアマップ。空中に空いてるのは世界観なのか、そういう地形なのかは不明。 ▲遷移アニメーションはこんな感じ 要素としては… この…
こんにちは、ちょこです。 「永遠の七日」の図鑑画面に遷移する演出が特徴的でしたのでご紹介させていただきます。 ここから遷移して… この画面が挿入され… 画面遷移が完了します。 流れで見るとこんな感じです。 イージングの詰めと、演出に奥行きがあると…
こんにちは、ちょこです。 今回はリボルバーズエイトの画面遷移のデザインが超すっごいって話です。 リボルバーズエイトの画面遷移ですが、画面下部のメニューボタンから操作できるだけではなく、実はスワイプでも切り替え可能です。 ▲ほらこのように なぜこ…
こんにちは、ちょこです。 リボルバーズエイトのUIは本をモチーフにしたデザインを中心に構成されています。 理由としてはおとぎ話、童話という世界観のため、親和性が高いためだと考えられます。 ポップアップのデザイン。オレンジのラインが本を開いたよう…
こんにちは、ちょこです。 「妖怪ウォッチ」をいくつかプレイしてみて気付いたのですが、遷移時のアニメーションは必ず共通してウィスパーのシルエットで抜いてるんですよね。 早速見ていきますー。 妖怪ウォッチぷにぷに 妖怪三国志 ぷにぷにと同じ速度です…
こんにちは、ちょこきなこです。 先日のメダルウォーズでもありましたが、画面遷移時にキャラクターのシルエットでマスクで切られていました。 メダルウォーズと違って三国志っぽいシルエットのウィスパーなので、その点が特徴的なのかな、と思いました。 こ…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 画面右上に「メール画面」へのボタンがあるのですが、ただ遷移するだけではなく、小気味の良い演出が実装されています。 ここに「メール画面」へのボタンがあります！ 遷移する時の演出はこんな…
こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キングスレイド」から画面遷移演出を紹介します。 この演出はカメラが一度雲の上まで移動し、再度地上に戻る演出です。映像系ではカットの繋ぎとしてよく使われています。アプリの中だと同演…
