こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマで毎日ゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです。
今回は「永遠の7日-終わりなき始まり」、通称「とわなな」のバナーの見せ方が世界観に寄り添ったデザインだったので紹介します。バナーの見せ方をデザインする際の参考になればと思います。
該当のバナーはこちらです。
アニメーションで見るとこんな感じです。
バナーは画面左上に表示されています。
天井からぶら下がっているモニターの中に各種訴求バナーが表示されていることが分かります。
ここで表示されているバナーは以下の４点です。
- 運命の導き（初心者ミッション）
- 武闘試練（開催中のイベント）
- ログイン報酬（初心者ログインボーナス：７日間）
- 日記帳（ログインボーナス）
バナーのデザインに注目すると、以下の４点が特徴としてあげられるかと思います。
- 「SSレア獲得！」などの訴求的な文字情報がなく、世界観を崩さないように意識されている（ビジュアル面）
- 上から下に光の帯が流れており、デジタルっぽい雰囲気が表現されている（ビジュアル面）
- 色のトーンが統一されている（ビジュアル面）
- 文字が大きく表示されて読みやすい（機能面）
ソシャゲの場合は世界観と訴求の両輪を目指す部分があるため、デザインの落としどころを模索することがあります。
「永遠の7日-終わりなき始まり」のバナーの場合はかなり世界観に寄ったデザインかと思います。
以上です。
バナーの目的はタップしてもらうことかと思います。
そのために、ユーザーにどういった印象をもって貰うか苦心します。
どの情報をどのように見せるか、優先するかは状況に応じて異なります。
バナーのビジュアルや画面上での見せ方、情報整理などを含めてデザインの参考になれば幸いです。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「永遠の7日-終わりなき始まり」の利用規約には以下のようにありました。
4.2 お客様は、本サービスを通じて情報、データ、ソフトウェア、音声、写真、画像、映像、タグその他の素材（以下「コンテンツ」といいます。）を、他の特定又は不特定のお客様に対して送信し、アップロードし、投稿し又はその他の方法で提供することができます。一般に公開するか又は非公開で提供するかを問わず、お客様が本サービスを通じて送信し、アップロードし、投稿しその他提供するすべてのコンテンツに関する責任は、弊社ではなくお客様が単独で負うものとします。
弊社は、コンテンツが本規約に抵触し、又は不適切な内容である等の合理的な理由がある場合、単独の裁量に基づき、当該コンテンツを本サービスから削除することができるものとします。
これによりゲーム画面のスクリーンショットの公開については許可されている認識でおります。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
