050_演出
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「崩壊3rd」から、タイトル画面とホーム画面を自然に繋げる演出をご…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ポケモンユナイト」から、季節感あふれるホーム画面のデザインを…
こんにちは！ちょこです！ このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！ 今回は「ガーディアンテイルズ」通称「ガデテル」から、季節感あふれるホ…
こんにちは！ちょこです！ このブログでは「ゲームのUIを見てみよう！」というテーマでゲームを紹介しています。少しでもゲームのUIに興味を持ってくれる方が増えると嬉しいです。 今回は「IDOLY PRIDE アイドリープライド」の画面遷移演出のデザインを紹介…
こんにちは、ちょこです！ 今回は「シャイニングニキ」のロード画面の紹介です。 部屋やショップなど、特定の画面に遷移する際に専用のロード画面が表示されるデザインになっていました。 該当の画面はこちらです。 専用の画面があると没入感が維持される 画…
こんにちは！ちょこです！ 「魂器学院」の正月特設ページのデザインがかっこ良かったので紹介します。ビジュアルを強く訴求したいときの画面デザインの参考になれば幸いです。 該当の画面はこちらです。 ひとつずつ説明します。 1：「行く年来る年」の筆の跡…
こんにちは、ちょこです。 「魂器学院」のガチャ画面でパララックスの表現が使われていました。 該当の画面はこちらです。 動かすとこんな感じです。 「魂器学院」を見た感じ階層は以下の３つの階層に分かれています。 手前にある文字列 中間層にあるキャラ…
こんにちは！ちょこです！ 「魂器学院」で画面遷移する際に、その画面デザインに沿った画面遷移演出がありました。 ゲームの世界観、没入感を意識したデザインの事例として紹介します。 演出は以下のような演出でした。 画面は過去のイベントを視聴すること…
こんにちは、ちょこです！ 「キキ＆ララのトゥインクルパズル」の画面遷移が世界観、ゲームの没入感という観点から素敵だな、と思ったので紹介します。 該当の画面遷移演出はこちらです！ 画面遷移にはいくつかパターンがあります。 映像作品の場合だと「カ…
こんにちは！ちょこです！ 「サクラ革命」にて、バトル中の演出文字がデザインされていたので紹介します。 ゲーム内に演出はいくつかありますが、どの演出にも共通して「戰」の文字があります。 演出の流れはこんな感じです。バン！バン！バン！と文字が出ま…
こんにちは！ちょこです！ 「Food Fantasy フードファンタジー」にてレストランの画面に遷移する際に、扉を開ける演出がなされていました。 こちらが遷移前の画面です。 レストランに遷移する際は、こちらの扉が開いて画面遷移します。 こんな感じで扉が開き…
こんにちは！ちょこです！ 「神無月」のガチャのキャラの獲得演出の見せ方が良かったです！ 限られたリソースの中で工夫されていたので紹介します！ まず、獲得演出を全体で見るとこんな感じです。 まずカードを見せて… 次にキャライラストを見せます。 3Dの…
こんにちは！ちょこです！ 「少女歌劇 レヴュースタァライト -Re LIVE-」のバトル周りで世界観を演出するデザインがいくつかあったので紹介します。 UIでも世界観を表現する演出やデザインを考えることがあるかと思うので、その参考になれば幸いです。 「少…
こんにちは、ちょこです！ 今回は 「ヒプノシスマイク-A.R.B-」の楽曲プレイ中の演出がかっこいい！って話です！ 早速ですが演出の一部を紹介します。 こんな感じです。 かっこいい！ ゲーム内では「リリック演出」という名前で呼ばれています。 歌詞を動的…
こんにちは！ちょこです！ キャラクターの着替え演出の紹介です。過去いくつか紹介してきましたが、キャラのスキン変更ができるゲームの場合ほぼ確実に演出があります。 今回紹介するタイトルは「この素晴らしい世界に祝福を！ファンタスティックデイズ」で…
こんにちは！ちょこです！ 「ガンダムブレイカーモバイル」にてガンプラをモチーフにしていると感じる箇所がいくつかありましたので紹介します！ 1：画面遷移時の扉 2：ガチャ演出 3：バインダーのデザイン 4：HPゲージ 1：画面遷移時の扉 早速ですがこちら…
こんにちは！ちょこです！ 「レッド：プライドオブエデン」で飛び出す絵本の様な表現があったので紹介します。 本が開いて飛び出す遷移アニメーションになっていました。かわいい。 この手のデザインで注意したいのは、見栄えをよくするためにパーツを複数配…
こんにちは、ちょこです！ 「レッド：プライドオブエデン」のステージ選択の遷移アニメーションが凝っていたので紹介してみます！ 上図がステージ選択画面です。 クリア済みなのでボスキャラの死屍累々…ｗ 見ていただきたいのは以下の遷移アニメーションです…
こんにちは、ちょこです！ 「ドラゴンクエストタクト」の画面遷移がドラクエっぽくて素敵なデザインだったので紹介させていただきます！ 演出は2パターンありました。 見た感じ入りと明けで分けています。どちらもスライムモチーフで統一されているのが特徴…
こんにちは、ちょこです。 今回は「AFKアリーナ」の図鑑画面とスキン画面への遷移演出を紹介します。 「AFKアリーナ」は汎用的なパーツを利用して画面をデザインするタイプのゲームではありません。どちらかというと、個別に画面をデザインするタイプのゲー…
こんにちは！ちょこです！ 「バンドリ！ ガールズバンドパーティ！」にてカメラ演出を使って、ユーザーがやることを示した事例があったので紹介します！ まずはこちらをご覧ください。 ▲街の全体マップから任意の施設に遷移する時の演出です カメラが寄るこ…
こんにちは、ちょこです！ 「スタンドマイヒーローズ」でプライベートルームに遷移する時の演出を紹介します！ まずはこちらを… ▲扉が開いた向こうには彼がお出迎え！ こんな感じで部屋に入る演出があります。 演出が入るのはおそらく１日１回のみで、鬱陶し…
こんにちは、ちょこです！ 「ドラゴンクエストウォーク」の画面遷移が道路がモチーフにされているようなデザインで、タイトルらしさを表現されていると感じました！ このように縦横に直線が走りその後拡大される、といった演出です。 ▲尺も短くテンポも良い …
こんにちは！ちょこです！ 「マジカミ」の画面遷移が変化に富んでいて、自然と心地よいテンポになっていると感じたので紹介します！ ロードが多いのを逆手に取ってる感じ。 いくつかパターンがある。 １：親階層に遷移 2：親階層から子階層に遷移 3：異なる…
こんにちは！ちょこです！ 「VOEZ」のタイトル画面に入る時の画面遷移がきれいでした！ ▲タイトル画面。淡く水彩のような質感 遷移はこんな感じです！ ▲イラストがにじみ出るような演出 アニメーションの尺はそこまで長くなくテンポも良いです。尺が短いとイ…
こんにちは！ちょこです！ 「戦国アスカZERO」の画面遷移の演出が良かったので紹介させてください！ 襖 扇 城門 襖 まず最初は襖のデザインです。 こちらはゲーム中にロードが挟む場面で多く登場します。 動かすとこんな感じです。 ▲まぁまぁな勢いで開閉す…
こんにちは、ちょこです。 「マギア カルマサーガ（Magia Charma Saga）」の画面遷移の演出が面白かったので紹介します。 ▲エリアマップ。空中に空いてるのは世界観なのか、そういう地形なのかは不明。 ▲遷移アニメーションはこんな感じ 要素としては… この…
こんにちは、ちょこです。 「アークナイツ」のガチャ画面で左右にスワイプする時の挙動が気持ち良かったです。 斬新ですが、パララックス表現として認識すると理解しやすいかもです。 ▲こんな感じで多層に作られています。パララ。 ▲ページャー(？)の表現も…
こんにちは、ちょこです。 「永遠の七日」の図鑑画面に遷移する演出が特徴的でしたのでご紹介させていただきます。 ここから遷移して… この画面が挿入され… 画面遷移が完了します。 流れで見るとこんな感じです。 イージングの詰めと、演出に奥行きがあると…
こんにちは、ちょこです。 今回はリボルバーズエイトの画面遷移のデザインが超すっごいって話です。 リボルバーズエイトの画面遷移ですが、画面下部のメニューボタンから操作できるだけではなく、実はスワイプでも切り替え可能です。 ▲ほらこのように なぜこ…
