こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）から世界観を取り入れたスタミナ回復アイテム配布機能のデザインの事例をご紹介します。
文字にすると分かりにくいですね…。とても素敵なデザインなので、今回はひとまずゲーム画面を見ていただければ！
以下、目次です。
- スタミナ回復をパイに置き換えているのが可愛い
- パイを取りに行き、ユーザーに受け渡す演出が可愛い
- システムを補足するメッセージが可愛い
- アイテム枠のUIが可愛い
- 「食べる」という設定を生かした隠し要素も可愛い
- ロロナの個性を生かしたファンサービス
スタミナ回復をパイに置き換えているのが可愛い
▲スタミナ回復アイテム配布する画面
「レスレリ」ではスタミナ回復アイテムを無料で受け取れるシステムがあります。
このシステムに以下の要素を加え「レスレリ」ならではの世界観が強調されています。
▼世界観強調ポイント▼
スタミナ回復アイテムをパイにしているデザインも世界観的に違和感が少なく、以下のように自然に理解できるデザインだと感じました。
- スタミナが回復しそうな食べ物である
- キャラクターと関連が強い食べ物である（のちに詳しく触れます）
▲スタミナ回復アイテムをパイにするのも分かりやすい
パイを取りに行き、ユーザーに受け渡す演出が可愛い
「レスレリ」ではキャラクターの魅力に溢れ丁寧に作られた演出が用意されていました。
スタミナ回復アイテムを受け取るだけであれば受け取り演出は簡素でも問題ないかもしれませんが、あえて演出を用意しキャラクターの魅力をさらに強調しています。
▲キャラクターの魅力に溢れた演出
具体的には以下の部分が魅力的だと感じました。
- キャラクターがパイを取りに行く演技をする
- 複数のカットでキャラクターの前後左右が映る
- キャラクターの表情が大きく見えるカットがある
- 表情が笑顔中心である
- パイの3Dモデルが用意されている（専用モデル？）
特にパイ窯を覗くカットはキャラクターの表情がよく見え、魅力的だと感じました。
前後のカットは後ろ姿を映しており、特に表情が強調される効果もあるのかもしれません。
▲キャラクターの表情が強調されている
システムを補足するメッセージが可愛い
スタミナ回復アイテムが毎日リセットされるメッセージも丁寧な作りに感じました。
ゲーム内には以下のメッセージが表示されています。
11:59までに受け取らなかったパイはロロナが美味しくいただきます
▲ロロナ氏
メッセージの趣旨としては…
「スタミナ回復アイテムのストックは毎日11:59にリセットされます」
…とかになると思います。
世界観を優先した比喩表現であるため正確性に欠ける見方もできますが、キャラクターが作ったパイの扱いに対する配慮にもなっており、丁寧に作られたメッセージだと感じました。
アイテム枠のUIが可愛い
キャラクターやメッセージだけではなく、UIでも世界観を訴求しています。
具体的には、スタミナ回復アイテムの在庫数を示す場所には、パイを焼く窯を模した専用のUIが使われている点です。
▲窯を模した専用のUI
見た目のデザインについて、素敵だと感じた点を補足します。
- レンガで作られた窯と装飾的な曲線をバランス良く組み合わせて世界観に合わせている
- 下は明るく上は暗くして質感の違い、見た目が重くなりすぎないようにしている
- パイが引き立つような色相とコントラストが使われている
- シルエットをシンメトリーにし、スッキリとした見せ方と美しさを表現しつつ、装飾や流れ星などの動的な要素も加えている。これにより、退屈な画面にならず、全体的に落ち着きつつも動きのある楽しげな見た目になっている
…などの要素が素敵だな、と感じました。
「食べる」という設定を生かした隠し要素も可愛い
一定期間パイを受け取らずにいるとキャラクターの見た目が変化します。
遊び心のあるメッセージに留まらず「食べる」という設定を生かした上手いデザインだと感じました。
| 通常モデル | ふっくらモデル |
|
|
|
▲見た目の変化。おそらくここ専用のモデル
比較するとわずかな違いに見えるかもしれませんが、どこかに違和感を覚える程度の違いはあるかと思います。
おそらく、顔周辺の情報は人間の認知能力がはたらきやすい部分でもあるので、わずかな変化でも気付けるのかな、と推測します。
わずかな違いを持たせるのであれば、顔周辺に違いを持たせると相性が良いのかもしれません。
ロロナの個性を生かしたファンサービス
ロロナの出演作である「ロロナのアトリエ 〜アーランドの錬金術士〜」を確認すると、ロロナはパイを作るのが好きだと分かるシーンがありました。（このシーンを確認するためにsteam版を購入しました）
▲ロロナがパイを作るシーン
過去作やロロナのキャラクターを知るユーザーにとって、ロロナが作ったパイが貰えるのは嬉しく感じる要素のひとつかと思います。
▲パイ作りが唯一の趣味と語るロロナ
スタミナ回復アイテムをパイに置き換えることで過去作を生かし、「レスレリ」の持つ魅力も最大限に生かしてると感じました。
使い所や取り入れ加減の程度にもよりそうですが、ゲームでは世界観を取り入れたUIがユーザーに特別な体験を提供していると考えます。
以上です。
広義でのUIデザインなので、このようなデザイン成立させるためには各所の連携や取りまとめが必要になり、取り入れる難易度はかなり高くなるかもしれません。
世界観を取り入れたデザインの参考になれば幸いです。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見ていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」のガイドラインを確認したところ、以下の記載がありました。
株式会社コーエーテクモゲームス（以下「当社」といいます）の、配信対象ゲーム（以下「当社ゲーム」という）の動画・画像を、SNS等の動画配信サイト（以下「動画配信サイト」という）へ投稿すること（生配信を含みます。以下「投稿」という）について、個人のお客様に限り、以下に定めるガイドライン（以下「ガイドライン」という）に従うことを条件として、当社ゲームの動画・画像の投稿ができます。
これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
