アプリゲームUIデザイン

プレイしたアプリゲームのUIデザインに関して、書き残しておこうと思います。毎日24時に更新!

「Sky 星を紡ぐ子どもたち(Sky: Children of the Light)」主な画面UIまとめ

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

 

「Sky 星を紡ぐ子どもたち」がリリースされ、一部で話題になっています。
グラフィック部分でのUI(いわゆるGUI)はあまりないのですが、どんなUIなのか一通り紹介します。

 

 

1:タイトル画面

f:id:appgameui:20190718090136p:image

f:id:appgameui:20190718085107p:image

タイトル画面。
定番の「TAP TO START」がないのが印象的。

 

 

2:メインUI

f:id:appgameui:20190718090148p:image

呼び出して表示される各種アイコンです。
普段は隠れています。

左上はリソース、上部はステータス、右上はショップやゲーム設定などのメニュー
左下はチャット、右下は高画質のスクリーンショットです。 

 

 

3:メニュー画面

f:id:appgameui:20190718090459p:image

・フレンド招待機能
・パフォーマンス(省エネ設定)機能
・操作設定
・ユーザーサポート
・受信箱
・不具合報告

などのメニューがあります。

 

 

4:招待メニュー

f:id:appgameui:20190718090933p:image

f:id:appgameui:20190718165455p:image

QRコードで任意の人とフレンドになれる仕様です。
インポートは端末のフォルダから読み込みます。

 

 

 

5:フレンドメニュー

f:id:appgameui:20190718165634j:image

f:id:appgameui:20190718230145p:plain

f:id:appgameui:20190718230155p:plain

f:id:appgameui:20190718165652j:image

ヘルプ

右上の「?」をタップするとヘルプが表示されます。
いわゆる「ヘルプ画面」があって、そこにヘルプ項目が並ぶのではなく、必要な時に見れるようにしているのが特徴的です。

 

 

 

 

6:操作方法の設定

f:id:appgameui:20190718090533p:image

片手操作、両手操作など、操作性に関する設定が変更できます。 

 

 

 

7:精霊メニュー

f:id:appgameui:20190718090556p:image

ホーム画面から各種精霊メニューが呼び出せます。

 

 

f:id:appgameui:20190718090619p:image

精霊メニュー。
リソースとアバターなどの報酬を交換することができます。

 

f:id:appgameui:20190718090635p:image

精霊メニューのヘルプ。

 

 

8:自キャラのアクションメニュー

f:id:appgameui:20190718090747p:image

自キャラのエモーションやアクションコマンドが並びます。

 

 

f:id:appgameui:20190718091148p:image

ヘルプ。

ここでは基本的なゲームの進め方が説明されています。

 

 

 

9:ショップメニュー

f:id:appgameui:20190718091236p:image

値段やレアリティの高いものほど下地のデザインが凝っています。

 

 

f:id:appgameui:20190718091530p:image

購入確認ダイアログ。
OK、キャンセルではなく〇と×で選択するデザイン。

 

f:id:appgameui:20190718091302p:image

ショップのヘルプ。
購入できるアイテムに関する説明が表示されます。

 

 

 

10:チャットウィンドウ 

f:id:appgameui:20190718091554p:image

キャラクターの頭上に文字が表示されます。
システムフォントではなく、世界観にあったデザインされたフォントが実装されています。

 

 

 

11:アバター変更画面

f:id:appgameui:20190718091858p:image

髪型や服装など、ゲームを進めるとアバターのパーツがもらえるようです。

 

 

f:id:appgameui:20190718091918p:image

アバターアイテムのヘルプ。

 

 

 

12:Tips表示

f:id:appgameui:20190718093413p:image

ゲームの進行に応じて都度適切なTipsが表示されます。 

 

 

 

13:フィールドタイトル

f:id:appgameui:20190718230703p:plain

 フィールドに入ると表示されます。

 

14:アンケート依頼

f:id:appgameui:20190729141334p:image

 表示タイミングや条件不明ですが、ゲーム中にアンケートの依頼が飛んできます

 

以上です。

ほんと画面がきれいですよね。

ゲームの進行に合わせて機能がアンロックされるのかもしれないので、何かあれば追記します。

 

 

UIの解説記事はこちらです!

「Sky 星を紡ぐ子どもたち(Sky: Children of the Light)」UIデザインの視点で9つ特徴をあげてみました - アプリゲームUIデザイン