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

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

「N-INNOCENCE-(エヌ・イノセンス)」キャラのスキル一覧画面にキャラアニメーションを載せて画面が賑やかに!

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

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

 

今回は「N-INNOCENCE-(エヌ・イノセンス)」(以降、エヌイノ)からキャラのスキル一覧画面にて、スキルの動画プレビューを採用していた事例をご紹介します。ソシャゲにおいてテキストではなく動画でキャラのスキルの類を説明する見せ方は珍しいかも。

以下、主な特徴です!

 

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

こちらは「エヌイノ」のキャラクターのスキルを説明する画面です。
画面左側にスキルのサムネイル、画面右側にスキルの効果、キャラクターのアニメーションなどが表示されています。

 

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

ゲーム画面をアニメーションで見るとこんな感じです。
キャラクターが敵を攻撃してるアニメーションがプレビューされているのが分かるかと思います。画面内で大きく動いている情報なので視線が誘導されます。

 

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

見やすくするためキャラのプレビューを大きくするとこんな感じです。
敵の背面に回り込んで、敵を上空高く蹴り上げている様子が分かります。

 

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

個人的には、多くのソシャゲではスキルの効果はテキストのみで説明している印象でしたが、「エヌイノ」ではテキストでの説明に加え、キャラクターの動きを見せており、驚きました。
文字情報が多く静的な画面の中に、魅力的なキャラクターのアニメーションが表示されているため、ゲームらしい賑やかな画面になったように見えます。

 

以上です。
華やかな画面作りをデザインしたい時の参考になれば幸いです。

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

 

余談。
UIじゃないけどキャラモーションずっと見てて気づいたこと覚書。色んな見せ方のパターンがありそう。

 

 


権利者さまへ

 

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

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

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

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

4.禁止事項

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

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

 

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

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

 

お問い合わせ