ゲームアプリのUIデザイン

プレイしたゲームアプリのUIデザインに関して書き残します。毎日頑張って更新!

「サクラ革命」ストーリーを進めると、日本地図の画面に乙女たちの寄せ書きが追加されるデザインになっている

こんにちは、ちょこです!

 

今回は「サクラ革命」のストーリーの進行度の示し方のデザインについて紹介します!

 

「サクラ革命」ではストーリーを進めていくと、日本地図に乙女たちの寄せ書きが追加されていくデザインになっていました!

 

序章をクリアした時点だと以下のビジュアルです。

サクラ革命の全国地図画面です。日本地図が描かれています

 

 

 

主役キャラが住んでいた離島が赤丸で囲われ、平定したことが示されてします。

キャラが住んでいた青ケ島が赤い丸で囲われています。横には「大勝利です!」「ふひひ、大成功!」といった文字が書き込まれています

パーティメンバーのコメントが可愛いですね!

 

 

続いて、一章をクリアした後のデザインを紹介します。

ストーリーの1章をクリアした時の全国地図画面です

 

 

パーティメンバーが増え、賑やかさが増しています。
言葉だけでも誰が書いたコメントか分かるのも良いですね!

寄せ書き部分をトリミングした画像です。出会ったキャラクター達の書き込みが増えています

 

 

以上です。
主人公たちは車で旅をしています。

こういった地図の書き込みがあると、乙女たちが実際に旅をして、その地で出会いや思い出を作っていく雰囲気が出ているように感じました。

また、これからどんな出会いがあり、どんな書き込みがあるのか楽しみにも感じます。

サクラ革命のアドベンチャーパートの画面です

 

 

ストーリークリアを示すだけであれば「Clear !」といった文字列で十分です。
しかし、それはゲームと言うよりもシステム寄りの表現ではあります。

 

「サクラ革命」はシステムではなくゲームなので、そこからさらに踏み込んで…

  • 楽しい雰囲気を表現する
  • 世界観、物語に沿うデザイン
  • ストーリーをクリアするモチベーションに繋げる

といったことをデザインして、ビジュアルに活かしているように見えました。

 

 

楽しそうな画面をデザインする際の参考になれば幸いです!

ストーリーの1章をクリアした時の全国地図画面です

 

 

追記:公式から日本を奪取した際の寄せ書きが公開されていました。

日本奪還を達成した乙女たちの寄せ書きを公開!|サクラ革命 ~華咲く乙女たち~(サクラ革命)公式サイト|セガ×ディライトワークス

乙女たちの寄せ書き