こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回は「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」（以下「レスレリ」）からストーリーの進行に合わせてデザインが変化するホーム画面のデザインをご紹介します。
日本のソシャゲはホーム画面のデザインを重視する傾向があると感じていたのですが、「レスレリ」のホーム画面の見た目は非常にリッチで、この時代のひとつの到達点だったように思えます。恐らく10年後の2035年頃に見ても魅力的な画面になっていると思います。
以下、目次です。
ストーリーの進行に合わせて変化するホーム画面
「レスレリ」のホーム画面のデザインはストーリーの進行に合わせて変化するデザインが採用されていました。
ある程度ストーリーを進めるごとに関連したキャラや背景がホーム画面に表示され、状況が伝わるようなデザインになっています。
▲「レスレリ」のホーム画面のバリエーションのひとつ
ホーム画面はタイトル画面の直後に表示されるだけでなく、ゲームをプレイしている中でも色々な画面を繋ぐ中継点のような画面でもあります。
このように何度も表示される画面であるため、見た目の変化があると刺激になり、飽きにくい画面になると考えます。
|
|
|
▲さまざまなデザインバリエーションが用意されている
リッチな表現でキャラクターを描画
「レスレリ」のホーム画面はバリエーションが豊富なだけではなく、見た目もリッチな表現だと感じました。
具体的には以下の２つの要素がリッチだと感じました。
アニメーション表現
ここで注目したいのは「複数」のキャラクターが登場する点です。見た限りでは最大で３人までのようです。
複数のキャラクターが登場することで演技に幅が生まれたり、キャラクター同士の関係性が見えるなど、ユーザーが見たいと思える表現に繋げられていると感じました。
|
|
|
▲アニメーション表現の例
ビジュアル表現
ビジュアル表現にも注目します。
Steam版ではさまざまなグラフィックオプションが用意され、環境に合わせてビジュアル表現の程度を調整できるようになっています。
| Steam版の画面オプション |
|
|
情報量とのバランスも取っている
画面内の情報量が増える分、複雑さも増します。
人によっては次に何をするのかなどのタスクに対する集中力が下がったり、ボタンが認知しにくくなる懸念が考えられます。
そのような懸念が起きにくいように過度な演出を避けるなど、
以下のような配慮をしつつ世界観も訴求していました。
- カメラをゆっくり動かす
- 画面が明滅しない
- ワンカットを10～11秒程度にする
▲ゆっくり動き、ワンカットも長め
情報の優劣が整ったボタン
ビジュアルだけではなく、UIの視点でも紹介してみたいと思います。
「レスレリ」のホーム画面は以下の点で情報の優劣がついており、見やすいと感じました。
- 視線誘導がある
- 操作のしやすいレイアウト
具体的には、以下の４点において視線の誘導と操作のしやすいレイアウトが実現されていると考えます。
- ボタンの大きさ
- ボタンの形状
- ボタンの色、質感
- ボタンの配置
ボタンの数は消して少なくありません。
数えてみたところ、合計で24つのボタンが設置されていました。
見せたい情報も多い中で綺麗にまとめられていると感じます。
| ホーム画面 | ||||||||||||||||
 |
||||||||||||||||
|
|
以上です。
ホーム画面のデザインの参考になれば幸いです。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見ていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「レスレリアーナのアトリエ ～忘れられた錬金術と極夜の解放者～」のガイドラインを確認したところ、以下の記載がありました。
株式会社コーエーテクモゲームス（以下「当社」といいます）の、配信対象ゲーム（以下「当社ゲーム」という）の動画・画像を、SNS等の動画配信サイト（以下「動画配信サイト」という）へ投稿すること（生配信を含みます。以下「投稿」という）について、個人のお客様に限り、以下に定めるガイドライン（以下「ガイドライン」という）に従うことを条件として、当社ゲームの動画・画像の投稿ができます。
これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
