こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回は「シン・クロニクル」から、アドベンチャーパートの選択肢のデザインを紹介します！
このデザインにより、以下の特徴があるように感じました。
- 選択肢を表示している時に不安定なアニメーションがある（悩んでいる様子を表現）
- 選ばれた選択肢だけではなく、選んでいない選択肢もアニメーションがある（選択することの重さを表現）
該当の画面はこちらです。
©SEGA
選択肢を表示している時に不安定なアニメーションがある
選択肢が並んで表示している際に、それぞれの選択肢が不安定に浮かび、明滅しています。
どちらの選択肢を選ぶか、悩んでいる様子を表現しているように見えます。
©SEGA
文字の読みやすさだけで評価すると、動かさない方が文字は読みやすいと考えています。
しかし、選択肢はゆっくり上下に動いており、移動している距離も文字の高さの半分程度なので著しく読みにくくなるという懸念は小さいのかな、と感じます。
選ばれた選択肢だけではなく、選んでいない選択肢もアニメーションがある
選択した時に大きな波紋のエフェクトに目が行きがちですが、よく見ると選んだ選択肢だけではなく、選ばなかった選択肢にも演出がされています。
©SEGA
選ばれなかった選択肢はゆっくり沈んでフェードアウトしていきます。
©SEGA
「シン・クロニクル」のアドベンチャーパートの選択肢のデザインは、ボタンやエフェクトが大きく目立つことも含めて、全体的に情報量が多いデザインです。
更に選択された選択肢、選択されなかった選択肢の両方にアニメーションを付け、情報のコントラスト、落差を与え、選択肢を選ぶ行為をより際立たせていると感じます。
小さな操作に対して大きなリアクションを返しているためか、すごいことをやった、という感覚を覚えます。
選択することの重さはプレイしていると強く感じますが、これについては開発者の方もインタビューで触れていました。
今回大きく違う部分は、「選択肢がある」ということです。ユーザーさん自身が物語を切り開いていく感覚を強く感じてほしいということで、今回は大小、いろいろな選択肢がゲームの中に用意されています。
『シン・クロニクル』開発者インタビュー。「出会いによって見え方が変わる」シナリオ構造とは
まとめ
まとめると「シン・クロニクル」のアドベンチャーパートの選択肢のデザインについて感じたことは以下の２点です。
- 選択肢を表示している時に不安定なアニメーションがある（悩んでいる様子を表現）
- 選ばれた選択肢だけではなく、選んでいない選択肢もアニメーションがある（選択することの重さを表現）
他にも気付いた点があれば、コメント欄にて教えていただけると嬉しいです。
以上です。
アドベンチャーパートの選択肢のデザインを検討する際の参考になれば幸いです。
このブログではこのようにゲームUIついて簡単にまとめて紹介しています。
他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「シン・クロニクル」のガイドラインを確認したところ、公式HPにて、ゲーム画像をブログに投稿することは許諾されている旨の記載がありました。
主な参照箇所を抜粋します。
【著作物の利用範囲】
『シン・クロニクル』に関する文章・画像・動画、楽曲は、それぞれ次に定める範囲で利用することを許可します。
※『シン・クロニクル』アプリ内のTwitter投稿機能ご利用時も同様ですが、その場合公式サイトへのリンクの明記や権利表記を行っていただく必要はございません。文章・画像・動画（映像と楽曲が同期しているもの）
個人用かつ非営利目的のホームページ（Webサイト、ブログ、SNS、掲示板などのサービスを対象とします）及び非営利目的の動画等投稿サイト※において公開することを許可します。※文章・画像・動画投稿サイトを指します。なお、当該サイトで、YouTube、Twitch等の投稿サイトが正式に提供するパートナー機能等を使用して収益化する場合、個人でご利用になられる限り非営利目的とみなします。ただし、当該サイト内での文章・動画・画像・楽曲の販売や画像等を利用したグッズ・作品等の販売はこの限りではありません。以下、動画等投稿サイトについて同様とします。
【スクリーンショット（画像）の公開】
スクリーンショットを公開するにあたり、全ての画像内、または画像の直下に以下の権利表記を記載ください。
©SEGA
また、可能な範囲内で画像が掲載されるページ内に、公式サイトのリンクを明記してください。
『シン・クロニクル』公式サイト
https://sin-chronicle.sega.jp/
©SEGA
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
『シン・クロニクル』公式サイト
https://sin-chronicle.sega.jp/
