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

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

「妖怪ウォッチメダルウォーズ」画面UIまとめ (フッター)

こんにちは、ちょこきなこです。

引き続き「妖怪ウォッチメダルウォーズ」の画面の紹介をしていきます。
フッターからアクセスできる機能を中心にまとめました。

 

 

ホーム画面の妖怪

部屋にいる妖怪を選択します。

f:id:appgameui:20190731130433p:image

 

 

 

f:id:appgameui:20190810190345p:plain


選択すると、このように妖怪が表示されます。

f:id:appgameui:20190731130459p:image

 

妖怪ごとにメッセージが用意されています。

f:id:appgameui:20190731130504p:image

 怒られた。

 

キャラ入れ替え

画面下にあるこのボタンを押すと妖怪の入れ替えができます。

f:id:appgameui:20190810190528p:plain

f:id:appgameui:20190731130516p:image

 

AR機能

f:id:appgameui:20190810192019p:plain
AR機能もあります。(省略)

f:id:appgameui:20190731130535p:image

パーン!

 

 

かばん

「かばん」画面を見てみます。

f:id:appgameui:20190810192442p:plain

 

メダルタブ

f:id:appgameui:20190731130541p:image

 

スキル表示

f:id:appgameui:20190810192543p:plain

スキル表示に切り替えるとこんな感じ

f:id:appgameui:20190731130612p:image

 

ソート項目

f:id:appgameui:20190810192616p:plain

ソート項目は「レベル順」「ランク順」「タイプ順」「獲得順」があります。

f:id:appgameui:20190731130822p:image

 

スキルツリー

「 スキルツリー」のボタンをタップすると…

f:id:appgameui:20190810192641p:plain
スキルツリーが表示されます

f:id:appgameui:20190731130714p:image

 

 

また、右側の王冠と錠前はそれぞれ
プロフィールメダルとロック機能です。

f:id:appgameui:20190810192821p:plain

f:id:appgameui:20190731131120p:image

f:id:appgameui:20190731131114p:image

 

アクティブになるとこんな感じ。

f:id:appgameui:20190731131326p:image

 

装備タブ

f:id:appgameui:20190731130729p:image

 

ソート項目は「強化順」「グレード度順」「獲得順」

f:id:appgameui:20190731131148p:image

 

アイテムタブ

f:id:appgameui:20190731130733p:image

 

 

いずれかのアイテムを選択すると…

f:id:appgameui:20190810194221p:plain

f:id:appgameui:20190731130737p:image

 

この画面で直接使用できます

f:id:appgameui:20190731130804p:image

f:id:appgameui:20190731130815p:image

 

アイテムのソートは「タイプ順」「レア度順」「獲得順」の3つがあります。

f:id:appgameui:20190731131211p:image

 

かばん拡張

かばん拡張を押すと 

f:id:appgameui:20190810194737p:plain

確認のダイアログが表示されます

f:id:appgameui:20190731131433p:image

 

拡張の実行

f:id:appgameui:20190731131439p:image

 

 

 

 

メダルを売る

「売る」を選択すると所持メダルの一覧が表示されます。

f:id:appgameui:20190810194837p:plain

f:id:appgameui:20190731130838p:image

売却するには任意のメダルを選択して

f:id:appgameui:20190731130444p:image

 

実行を選択します。

f:id:appgameui:20190731130915p:image

f:id:appgameui:20190731130924p:image

以上が「かばん」のメニューです。

 

ともだち

f:id:appgameui:20190810195025p:plain

ともだちリスト

f:id:appgameui:20190731131659p:image

 

f:id:appgameui:20190810195256p:plain

 

f:id:appgameui:20190810195350p:plain



f:id:appgameui:20190731131732p:image

 

f:id:appgameui:20190810195441p:plain



f:id:appgameui:20190810195638p:plain



ともだちの部屋 

ともだちの部屋に遊びに行くことができます。

f:id:appgameui:20190810195705p:plain



f:id:appgameui:20190810195751p:plain



f:id:appgameui:20190810195817p:plain



 

 

強化

強化機能を見ていきます。 

f:id:appgameui:20190810200216p:plain

ストーリーが進んでいないとロックが掛かっています。

f:id:appgameui:20190731132029p:image

f:id:appgameui:20190810200516p:plain

レベルアップ

妖怪をレベルアップさせる画面はこんな感じです。

レベルアップさせたい妖怪を選択し

f:id:appgameui:20190731132035p:image

素材となる妖怪も選択します。

f:id:appgameui:20190731132043p:image

 

経験値獲得後の予測値と必要なコインが表示されます。

f:id:appgameui:20190731132056p:image

 

レベルアップするなら通知されます。

f:id:appgameui:20190731132104p:image

 

 

f:id:appgameui:20190811082844g:plain



 

 

ソート項目は以下のものです。

レベル順/ランク順/タイプ順/獲得順

f:id:appgameui:20190731132116p:image

 

アイテムタブは強化素材が並びます

f:id:appgameui:20190810201417p:plain

f:id:appgameui:20190811090704g:plain

 

 

ランクアップ

f:id:appgameui:20190811083400p:plain

f:id:appgameui:20190811083355p:plain

 

f:id:appgameui:20190811083350p:plain

f:id:appgameui:20190811083345p:plain

 

 

 

スキルレベルアップ 

f:id:appgameui:20190811093246p:plain

f:id:appgameui:20190811093241p:plain

f:id:appgameui:20190811093236p:plain

f:id:appgameui:20190811093251p:plain

f:id:appgameui:20190811093232p:plain

 

f:id:appgameui:20190811092741g:plain

 

合成

f:id:appgameui:20190811105455p:plain

f:id:appgameui:20190811105543p:plain

f:id:appgameui:20190811105802p:plain

 

f:id:appgameui:20190811105818p:plain

f:id:appgameui:20190811105906p:plain


f:id:appgameui:20190811105227g:plain

 以上が強化メニューの主な画面です。

 

 

 

ガチャ

 

次にガチャ画面を紹介します。

f:id:appgameui:20190731132413p:image

 

ガチャの種類を紹介します。

 

f:id:appgameui:20190731132531p:image

f:id:appgameui:20190731132538p:image

f:id:appgameui:20190731132602p:image

f:id:appgameui:20190731132609p:image

 

 

?マークを押すと、ガチャ種別に説明が並びます。

f:id:appgameui:20190810203345p:plain

f:id:appgameui:20190731132420p:image

 

いずれかのガチャを選択すると、排出される妖怪メダルの一覧と…

f:id:appgameui:20190731132437p:image

それらの確率が分かる画面が表示されます。

f:id:appgameui:20190731132444p:image

 

こちらは別のガチャの説明です。

f:id:appgameui:20190731132452p:image

ガチャによってフォーマットも異なります。

f:id:appgameui:20190731132506p:image

 

 

 

ガチャをしようとしたけど、リソースが足りていない場合は

f:id:appgameui:20190731132614p:image

 

ショップの導線が用意されます。

f:id:appgameui:20190731132631p:image

 

以上がガチャです。

 

ショップ

タブが分かれています。

妖ゼニー

f:id:appgameui:20190801230110p:plain

パック

f:id:appgameui:20190801230452p:plain

 

妖怪メダル

f:id:appgameui:20190801230508p:plain

f:id:appgameui:20190801230840p:plain

f:id:appgameui:20190801230620p:plain

f:id:appgameui:20190801230639p:plain

f:id:appgameui:20190801230703p:plain

f:id:appgameui:20190801230752p:plain

 

アイテム

f:id:appgameui:20190801230529p:plain

f:id:appgameui:20190801230947p:plain

f:id:appgameui:20190801231012p:plain

以上がフッターのメニューです。