こんにちは、ちょこきなこです。
「Sky 星を紡ぐ子どもたち」がリリースされ、一部で話題になっています。
グラフィック部分でのUI(いわゆるGUI)はあまりないのですが、どんなUIなのか一通り紹介します。
- 1:タイトル画面
- 2:メインUI
- 3:メニュー画面
- 4:招待メニュー
- 5:フレンドメニュー
- 6:操作方法の設定
- 7:精霊メニュー
- 8:自キャラのアクションメニュー
- 9:ショップメニュー
- 10:チャットウィンドウ
- 11:アバター変更画面
- 12:Tips表示
- 13:フィールドタイトル
- 14:アンケート依頼
1:タイトル画面
タイトル画面。
定番の「TAP TO START」がないのが印象的。
2:メインUI
呼び出して表示される各種アイコンです。
普段は隠れています。
左上はリソース、上部はステータス、右上はショップやゲーム設定などのメニュー
左下はチャット、右下は高画質のスクリーンショットです。
3:メニュー画面
・フレンド招待機能
・パフォーマンス(省エネ設定)機能
・操作設定
・ユーザーサポート
・受信箱
・不具合報告
などのメニューがあります。
4:招待メニュー
QRコードで任意の人とフレンドになれる仕様です。
インポートは端末のフォルダから読み込みます。
5:フレンドメニュー
ヘルプ
右上の「?」をタップするとヘルプが表示されます。
いわゆる「ヘルプ画面」があって、そこにヘルプ項目が並ぶのではなく、必要な時に見れるようにしているのが特徴的です。
6:操作方法の設定
片手操作、両手操作など、操作性に関する設定が変更できます。
7:精霊メニュー
ホーム画面から各種精霊メニューが呼び出せます。
精霊メニュー。
リソースとアバターなどの報酬を交換することができます。
精霊メニューのヘルプ。
8:自キャラのアクションメニュー
自キャラのエモーションやアクションコマンドが並びます。
ヘルプ。
ここでは基本的なゲームの進め方が説明されています。
9:ショップメニュー
値段やレアリティの高いものほど下地のデザインが凝っています。
購入確認ダイアログ。
OK、キャンセルではなく〇と×で選択するデザイン。
ショップのヘルプ。
購入できるアイテムに関する説明が表示されます。
10:チャットウィンドウ
キャラクターの頭上に文字が表示されます。
システムフォントではなく、世界観にあったデザインされたフォントが実装されています。
11:アバター変更画面
髪型や服装など、ゲームを進めるとアバターのパーツがもらえるようです。
アバターアイテムのヘルプ。
12:Tips表示
ゲームの進行に応じて都度適切なTipsが表示されます。
13:フィールドタイトル
フィールドに入ると表示されます。
14:アンケート依頼
表示タイミングや条件不明ですが、ゲーム中にアンケートの依頼が飛んできます
以上です。
ほんと画面がきれいですよね。
ゲームの進行に合わせて機能がアンロックされるのかもしれないので、何かあれば追記します。
UIの解説記事はこちらです!
「Sky 星を紡ぐ子どもたち(Sky: Children of the Light)」UIデザインの視点で9つ特徴をあげてみました - ゲームアプリのUIデザイン