【デザイン学生必見!】
ポートフォリオをゼロから作ろう!

【ゲームUI資料】ニーアリィンカーネーションのUIを観察&分析

記事内にプロモーションを含む場合があります
Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Nier Re[in]carnation(ニーアリィンカーネーション)のサービスが開始されました。
ゲーム中で使用されているUI(ユーザーインターフェース)を集めてみました。

ゲームUI好き、ゲームUI制作者、デザイナーの為のライブラリページです。
よってニーアリィンカーネーションの攻略とは全く縁の無い内容です。

では早速Nier Re[in]carnation(ニーアリィンカーネーション)のUI(ユーザーインターフェース)をじっくりと観察していきましょう!

ヘッダメニュー

Nier Re[in]carnation(ニーアリィンカーネーション)のヘッダーメニューのUIです。
ニーアのUIは繊細で全体のトーンが渋めで綺麗ですね。

スタミナ回復、ジェムショップ

ヘッダー部分にあるスタミナ回復、ジェムショップのUIです。
タップするとすぐに購入ページへ遷移します。

※以下画像をクリックすると拡大します。

お知らせ

画面上部のヘッダメニュー内にあるお知らせ内容のUIです。
「Nier Reincarnation正式サービス開始&リリース記念キャンペーン開催」と「NieR:Automataコラボキャンペーン開催」のバナーがドーンと表示されます。
進行不可能になるバグも発生しているようですね。

ギフト

ギフトのUIです。
事前登録をしていたので色々とギフトが追加されていました。

ジェム×4500、タンザナイト×3、トパーズ×3、武器強化素材特大×10、キャラ強化素材特大×10…
色々貰えました。

ジェム×4500、ってぇ事は4500円って事ですかいの?
ナカナカの金額ですね。

ショップ

Nier Re[in]carnation(ニーアリィンカーネーション)のショップのUIです。
大きく分けてプレミアムショップ、アイテムショップ、交換所の3つが存在します。
年齢によって課金の制限が設けられています。

  • 16歳未満:1カ月5000円まで
  • 16~19歳:1カ月30000円まで
  • 20歳以上:制限なし

Nier Reincarnation(ニーアリィンカーネーション)は人気が出るタイトルだと思われるので、鬼課金をするする人が続出しそうですね。

ミッション

ミッションのUIです。
遊んでいたら知らぬ間にいっぱいミッションクリアしているアレですね。
「メインクエストを1回クリアする」を達成できました!

フレンド

Nier Re[in]carnation(ニーアリィンカーネーション)のフレンドのUIです。
私はオンラインゲームの類で、フレンドを作ったり絡んだりする事が一切無いソロゲーマーの人なので縁の事い画面です。仲間内でイチイチ挨拶とか妙ちくりんなルールとか、何かと大変そう。
FPSの野良試合で殺しまくった相手から「Fuck!」と退出時に罵られるような殺伐とした空気が好きです。

メインメニュー

Nier Reincarnation(ニーアリィンカーネーション)メインメニューです。
ザ・スマホゲームのUIってな感じのページですね。
情報量が非常に多いです。
幽霊みたいなキャラ(ママ)が看板をクルクル回転させながらバナーを変えているのが可愛いです。

編成

Nier Re[in]carnation(ニーアリィンカーネーション)の編成画面です。
デッキですね。

「リオン 病の亡命者」、「ディミス 道の射手」が並んでいます。
情報量がすごいですね。

「オトモ」や「メモリー」は解禁されていません。
「サミング」、「守護」など、スキルが大量に存在します。

私はスキルよりも「フレンリーゼ」の左胸がどうなっているのか、気になります。

強化

Nier Re[in]carnation(ニーアリィンカーネーション)の強化のUI画面です。
「キャラ強化」、「武器強化」、「オトモ強化」、「メモリー強化」、「一覧・売却」が大カテゴリとして5つ存在します。
ソート機能も備えています。

しかし「フレンリーゼ 傷の狩人」の左胸は一体どうなっているんでしょうか?エロス。
なお、イラストを拡大してもポッチは見当たりませんでした。

項目数が半端なく多いです。

クエスト

Nier Re[in]carnation(ニーアリィンカーネーション)のクエストのUI画面です。
「メインクエスト」、「サブクエスト」、「アリーナ」の計3つが存在します。

サックリと遊びたい方はメインクエスト、もうちょいやり込みたい方はサブクエスト込み、課金ガチ勢はアリーナでバトルですね。

探索

※未解禁なので後日追加予定

ライブラリ

※未解禁なので後日追加予定

ガチャ

Nier Re[in]carnation(ニーアリィンカーネーション)のガチャ画面です。
お金にまつわる画面なので他の画面と比較すると派手ですね。

ニーアオートマタとのコラボで2B、9S、A2が当てられます。
元のニーアオートマタとは衣装デザインが異なるようです。
今度の2Bは白レオタードではなく黒パンツです。

試しにガチャをしてみたら「黒鉄の大剣」が当たりました。

メニュー

Nier Re[in]carnation(ニーアリィンカーネーション)のメニュー画面です。
「プロフィール」、「ヘルプ」、「設定」、「公式ツイッター」、「一括ダウンロード」、「クレジット」、「データ引継ぎ」、「各種情報」、「タイトルへ」の計9項目が存在します。

起動~OP

初回起動時からオープニングにかけてです。
ついでにNier Reincarnation(ニーアリィンカーネーション)のサービス開始前のメンテナンス中画面も。

起動

OP

Youtube等でも上がっているOPムービーが流れます。
天使文字っていいですよね。

探索パート

Nier Reincarnation(ニーアリィンカーネーション)の探索パートです。
先に紹介したメニューと違って非常にシンプルです。

横スクロールの時は問題無いのですが、3Dマップでキャラを移動させるのがナカナカ難しい。。。
ちなみに右上のAUTOボタンを押せば勝手に目的地まで走ってくれるので問題ありません。

石のデカい建造物の中を探索しているとICOワンダと巨像人喰い大鷲のトリコを思い出しました。

バトル

Nier Reincarnation(ニーアリィンカーネーション)のバトル画面です。
基本的にはオート戦闘です。何も操作しなくても勝手に動いてくれます。

ニーアオートマタのようなバリバリのアクションゲームとは全くの別物で、所謂「スマホゲー」ですね。
横一列にキャラが並び、敵を攻撃して定位置に戻るスタイルです。

ボタンをいっぱい押すアクション、イクラ弾を避けたりシューティングが苦手な方にオススメです。

バトル後のリザルト

Nier Reincarnation(ニーアリィンカーネーション)には「いかにも」なリザルト画面はありません。
戦闘後にさらりとリザルトが表示されます。

ニーアオートマタのレベルアップとは違い、知らぬ間にしれっとレベルが上がっています。

ロード画面

Nier Reincarnation(ニーアリィンカーネーション)のロード画面です。
背景イメージの手前に用語解説が表示されるパターンです。

ログインボーナス

Nier Reincarnation(ニーアリィンカーネーション)のログインボーナス系のUIです。
エミールがかわいい!

おわりに

以上、Nier Re[in]carnation(ニーアリィンカーネーション)のUI(ユーザーインターフェース)を集めて観察してみました。
合間を見ながら少しずつ進めていきたいと思います。

UIだけじゃなく、音楽もすごくキレイですよ。
無料でプレイできるので是非遊んでみて下さい。

ではまた!

ニーア関連記事

ニーアオートマタのUIをテーマにしたポートフォリオや名刺を配布しております。
Illustrator(イラストレーター)で制作しているので楽々編集できます。

ゼロから始めるシリーズ

現役デザイナーが教えるIllustrator、Photoshop、ポートフォリオ講座の目次です。
デザイン未経験からプロを目指しましょう!