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

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

「N-INNOCENCE-(エヌ・イノセンス)」リアルさではなく、リアルっぽい表現が特徴!ADVパートでのグリッチ表現事例紹介

こんにちは!ちょこです!

このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです!

 

今回は「N-INNOCENCE-(エヌ・イノセンス)」(以降、エヌイノ)からADVパートでのグリッチ表現の事例をご紹介します。今まで多くのグリッチ表現の事例を紹介してきましたが、似た表現はあるものの同じ表現はありません。多くの事例を知ることで、オリジナルをデザインする際の参考にしやすいのかな、と思っています。

以下、主な特徴です!

シアン系の色調で統一

f:id:appgameui:20230708141753p:image

大きめの特徴から紹介していきます。

キャラクターのグラフィックを見ると、シアン系の色調で統一、走査線の追加が目に飛び込んできます。この辺りの要素は重要度が高いと考えられているのか、よく取り入れられているように感じます。

砂嵐のようなノイズ、色収差の表現は無く、情報を絞った見せ方になっています。

 

細かく明滅している

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

アニメーションで見るとこんな感じです。

キャラクター全体が細かく明滅していることが新たにわかるかと思います。
一定間隔で上から下にグラデーションが流れるアニメーションもグリッチ表現では王道でしょうか。ブラウン管をカメラ越しに表示すると表示されるアレですね。

 

時折大きく歪む

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

さらにアニメーションをよく見ると、時折画像が大きく歪むことが分かります。

キャラクターの表情が隠れるような位置は歪んでいないが、ユーザーの視線が集まりやすい顔付近を歪ませています。

画像を歪ませていることで通信が不安定な状況が表現されているように感じました。

この表現の面白いところは、実際に通信が不安定な状況なら歪まずにfpsが落ちるはずですが、そうはせず、それっぽい演出を採用していることです。

仮に定期的にfpsが落ちたら、ユーザーは演出ではなくバグだと感じると思います。

 

走査線の太さは不均一

よく観察してみると走査線の太さが不均一になっており、走査線のボケ具合も一定ではありません。
意図的か偶発的かは分かりかねるのですが、もし意図的に走査線の太さやボケ具合を変えているのであれば、デザインの意図はなんだろう…。

ブラウン管テレビの形状にもよりますが、画面が湾曲している場合、見た目の走査線の太さやボケ具合は微妙に変わるため、それを表現しようとしている…?

あるいは走査線の太さやボケ具合はよく見ないと気付かないため、ユーザーが無意識にアナログ感を感じ取るように仕込んだデザイン…?

デザインの意図についてはこれを作った人にしか分からなさそうですが、細やかな拘りが隠れているようにも見えました。

 

 

以上です。
ADVパートのグリッチ表現を模索する際の参考になれば幸いです。

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。

 


権利者さまへ

 

以下はコンテンツ利用に関する認識の説明です。

「N-INNOCENCE-(エヌ・イノセンス)」のガイドラインを確認したところ、以下の記載がありました。

3.動画サイトやSNS等における動画、静止画の利用について

動画、静止画の公開については、「4.禁止事項」の内容を守っていただく事で当社の許可なく使用可能です。

4.禁止事項

当社ゲームを二次利用・二次創作するにあたり、下記の通り禁止事項を設けさせていただきます。
(1)公序良俗に反する内容
(2)当社ゲームのイメージを逸脱する、当社ゲームのイメージを損なう内容
(3)コラボレーション作品など、版権が当社に帰属しないものの利用
(4)ゲーム性を持った二次創作物の制作、及び公表
(5)当社及び第三者の権利を侵害したり、またはその恐れがあるような内容
(6)当社ゲームで個別に禁止されている利用方法
(7)通常プレイ以外の方法で撮影や抽出された動画や静止画の利用
(8)その他、当社が不適切と判断した内容

二次利用|ASOBIMO GAMES | アソビモ株式会社

 

これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。

エヌイノセンスのコンテンツ利用ガイドラインです画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。

 

お問い合わせ