ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日24時に更新!

050_演出-画面遷移演出

「スタンドマイヒーローズ」プライベートルームに遷移する時の演出がユーザーの感情を盛り上げる演出だったので見て!

こんにちは、ちょこです! 「スタンドマイヒーローズ」でプライベートルームに遷移する時の演出を紹介します! まずはこちらを… ▲扉が開いた向こうには彼がお出迎え! こんな感じで部屋に入る演出があります。 演出が入るのはおそらく1日1回のみで、鬱陶し…

「ドラゴンクエストウォーク」画面遷移だけでもユーザーの満足度につなげることが出来る話

こんにちは、ちょこです! 「ドラゴンクエストウォーク」の画面遷移が道路がモチーフにされているようなデザインで、タイトルらしさを表現されていると感じました! このように縦横に直線が走りその後拡大される、といった演出です。 ▲尺も短くテンポも良い …

「マジカミ」画面遷移が多くてゲームの没入感が阻害されると感じたときは遷移アニメーションに規則性とバリエーションがあると良さそう!

こんにちは!ちょこです! 「マジカミ」の画面遷移が変化に富んでいて、自然と心地よいテンポになっていると感じたので紹介します! ロードが多いのを逆手に取ってる感じ。 いくつかパターンがある。 1:親階層に遷移 2:親階層から子階層に遷移 3:異なる…

「VOEZ」水彩風の画面遷移がきれい!

こんにちは!ちょこです! 「VOEZ」のタイトル画面に入る時の画面遷移がきれいでした! ▲タイトル画面。淡く水彩のような質感 遷移はこんな感じです! ▲イラストがにじみ出るような演出 アニメーションの尺はそこまで長くなくテンポも良いです。尺が短いとイ…

「戦国アスカZERO」画面遷移演出があるとメリハリが生まれる

こんにちは!ちょこです! 「戦国アスカZERO」の画面遷移の演出が良かったので紹介させてください! 襖 扇 城門 襖 まず最初は襖のデザインです。 こちらはゲーム中にロードが挟む場面で多く登場します。 動かすとこんな感じです。 ▲まぁまぁな勢いで開閉す…

「マギア カルマサーガ(Magia Charma Saga)」シームレスな画面の遷移アニメーションはゲームUIにとって没入感を得る大事な実装

こんにちは、ちょこです。 「マギア カルマサーガ(Magia Charma Saga)」の画面遷移の演出が面白かったので紹介します。 ▲エリアマップ。空中に空いてるのは世界観なのか、そういう地形なのかは不明。 ▲遷移アニメーションはこんな感じ 要素としては… この…

「リボルバーズエイト」画面遷移の実装が世界観とビジュアルだけでなく操作方法とメンタルモデルまで絡めた奇跡のUI

こんにちは、ちょこです。 今回はリボルバーズエイトの画面遷移のデザインが超すっごいって話です。 リボルバーズエイトの画面遷移ですが、画面下部のメニューボタンから操作できるだけではなく、実はスワイプでも切り替え可能です。 ▲ほらこのように なぜこ…

「リボルバーズエイト」世界観を活かした上でビジュアル面で斬新なUIデザインの事例共有。例えサービス終了が案内されたとしても。

こんにちは、ちょこです。 リボルバーズエイトのUIは本をモチーフにしたデザインを中心に構成されています。 理由としてはおとぎ話、童話という世界観のため、親和性が高いためだと考えられます。 ポップアップのデザイン。オレンジのラインが本を開いたよう…

「妖怪ウォッチぷにぷに」シリーズの画面遷移の演出を比較してみました。(全部ウィスパー)

こんにちは、ちょこです。 「妖怪ウォッチ」をいくつかプレイしてみて気付いたのですが、遷移時のアニメーションは必ず共通してウィスパーのシルエットで抜いてるんですよね。 早速見ていきますー。 妖怪ウォッチぷにぷに 妖怪三国志 ぷにぷにと同じ速度です…

「妖怪三国志 国盗りウォーズ」妖怪ウォッチは画面遷移にウィスパーを使うのが通例なのか?

こんにちは、ちょこきなこです。 先日のメダルウォーズでもありましたが、画面遷移時にキャラクターのシルエットでマスクで切られていました。 メダルウォーズと違って三国志っぽいシルエットのウィスパーなので、その点が特徴的なのかな、と思いました。 こ…

「七つの大罪 光と闇の交戦 : グラクロ」なぜメール画面遷移時に凝った演出が実装されているのか

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 画面右上に「メール画面」へのボタンがあるのですが、ただ遷移するだけではなく、小気味の良い演出が実装されています。 ここに「メール画面」へのボタンがあります! 遷移する時の演出はこんな…

「キングスレイド」画面遷移演出を見て気づいたカメラの重要さ

こんにちは、「アプリゲームUIデザイン」のちょこきなこです。 「キングスレイド」から画面遷移演出を紹介します。 この演出はカメラが一度雲の上まで移動し、再度地上に戻る演出です。映像系ではカットの繋ぎとしてよく使われています。アプリの中だと同演…