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

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

「グランサガ」文字情報がなくてもグラフィックを利用してどんな画面か分かるデザインのお手本

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

 

このブログでは「ゲームUIを見てみよう!」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです!

 

今回は「グランサガ」から、ミュージック画面のデザインをご紹介します。
主な役割としてはゲーム内の様々なBGMを視聴できる画面です。

 

該当の画面はこちらです。

f:id:appgameui:20220319104534p:image

 

文字情報は少ないのですが、蓄音機が背景にあり、レコードが並んでいるため、パッと見て何をする画面か理解できるのが特徴的だと感じました。

 

待機中はキャラクターが蓄音機に触れて、ユーザーの注意を向けるように仕向けています。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

楽曲選択中は、ジャケットからレーコードが飛び出すアニメーションが実装されていました。同じく文字情報が少ない画面ですが、何をしようとしているのか直感的に伝わるデザインだと感じました。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

 

最後に、楽曲を選択するとキャラクターが踊り出します。
再生中であることと踊り出すことの因果関係も理解しやすく、キャラクターの個性も表現されているデザインだと感じました。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

文字情報が無くてもグラフィックで上手く利用することでスッキリとした見た目にしつつ、直感的に理解できる画面デザインだと感じました。

 

以上です。

音楽を視聴する画面をデザインする際の参考になれば幸いです。

 

余談ですが韓国のゲームってキャラクターを躍らせるの好きなのかな…?グラクロでも原作関係なく踊ってたし…

 

 

このブログではこのようにゲームUIついて簡単にまとめて紹介しています。

他のゲームUIも紹介しているので、もし良かったら他の記事も見て行っていただけると嬉しいです。

 


権利者さまへ

 

以下はコンテンツ利用に関する認識の説明です。

「グランサガ」のガイドラインを確認したところ、二次創作物の制作、SNSや共有サイトの投稿に関しては許諾されている旨の記載がありました。

 

二次創作に関するガイドライン

 

主な参照箇所を抜粋します。

第3条 許諾および遵守事項

  1. 当グループは、利用者に対し、二次創作物の制作、利用を許諾します。
    (例:二次創作物の制作、制作した二次創作物のSNSへの掲載、ゲームキャラクターのコスチュームプレイ(コスプレ)の準備およびイベントへの参加、交流目的の同人イベントへの参加、ゲームプレイの動画化、編集およびオンラインでの掲示、ゲームプレイの共有サイトへのアップロードおよび付随広告収益の創出など)

 

以下は確認したガイドラインページのキャプチャです。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆

画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。

 

お問い合わせ