こんにちは！ちょこです！
このブログでは「ゲームUIを見てみよう！」というテーマでゲームUIを紹介しています。少しでもゲームUIに興味を持ってくれる方が増えると嬉しいです！
今回は「崩壊：スターレイル」（以下、「スタレ」）のPC版とiOS版の画面を比較したのでご紹介します。比較シリーズ第24弾！
以下、目次です。
プラットフォームによる違い
1：PC版には、ランチャーがある
個人的には、もうお馴染みのランチャーの有無。「スタレ」にも当然のようにあります。
「スタレ」のランチャーでできることは主に以下の８つです。
- ランチャー設定
- お知らせなどの確認
- 公式サイトやSNSなど外部サイトへの導線設置
- その他のメニュー
- ゲーム設定
- 他タイトルのランチャー
- ゲームのダウンロード
- ゲーム開始
SNSなど外部サイトへの導線が多めですね。
ご興味のある方向けに、各項目の詳細を以下の表にまとめました。
| ランチャーの各項目 |
|
|
|
1-1：ランチャーの一般設定
- クライアント言語
- スタートアップ設定
- 終了設定
- ランチャー更新
|
|
|
|
1-2：ダウンロード
|
|
|
|
1-3：通知
|
|
|
|
1-4：ツール
|
|
|
|
1-5：詳細
|
|
|
|
2：お知らせなどの確認
|
|
|
|
3：公式サイトやSNSなど外部サイトへの導線設置
|
|
|
|
4：その他のメニュー
- ゲーム設定
- デスクトップ画面にショートカットを作成
- アップデートチェック
- 一括修復
|
|
|
|
5-1：リソースの基本情報
|
|
|
|
5-2：ログ情報
|
|
|
|
6：他タイトルのランチャー
HoYoverseの他タイトルの広告のような画面もありますね。
タイトル固有というより、会社全体のランチャー、みたいな捉え方になりそうです。
▲「プチプラネット」を選択時の見た目
▲「ゼンレスゾーンゼロ」を選択時の見た目
|
2：PC版とiOS版とで、アカウント連携できるサービスに違いがある
PC版とiOS版とで連携できるサービスに違いがありました。
PC版はGoogleアカウント、iOS版はGame Centerが利用できます。
| PC版 |
iOS版 |
|
|
 |
|
|
|
- Google アカウント
- Facebook
- X（旧:Twitter）
- Apple Account
|
- Apple Account
- Facebook
- X（旧:Twitter）
- Game Center
|
また、Google アカウントをログアウトする際、ログイン情報の削除を削除するか確認するメッセージが表示されました。共用PCの場合を想定する挙動なのかな…。
▲ログイン情報を削除するか、残しておくか確認するメッセージ
3：iOS版には、リソースダウンロード中にバックグラウンドでダウンロード可能な旨のメッセージが表示される
リソースをダウンロード中、iOS版にはバックグラウンドでのダウンロードが可能な旨のメッセージが表示されていました。PC版にはそのようなメッセージは表示されません。
| PC版 |
iOS版 |
|
|
 |
| - |
|
| - |
リソースダウンロード中。バックグラウンドでのダウンロードが可能です。通知をオンにすると、ダウンロード状況のプッシュ通知が届きます |
バックグラウンドでもダウンロードを継続する仕組みは、PC版には標準で備わっている機能なので、わざわざ表示する必要はなかったのかもしれません。一方、iOS版の場合は標準で備わっている機能ではないため、分かりやすく伝えているのかな、と推測します。
4：PC版とiOS版とで、タイトル画面のメニューに違いがある
PC版とiOS版とで、タイトル画面のメニュー項目に違いがありました。
PC版には「終了」の項目がありますが、iOS版にはありません。
また、iOS版には「フィードバック」の項目がありますが、PC版にはありません。
PC版のみ「ゲームを終了する」項目があるのはいつものことですが、「フィードバック」の項目がプラットフォームによって出し分けされているのは初めて見ました。
5：iOS版には、SNSにシェアする機能がある
iOS版には、SNSにシェアする機能がありました。
いわゆるガチャ結果画面でのシェア機能が分かりやすい例かなと思います。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
|
|
 |
 |
|
-
|
- |
 |
|
|
|
|
|
|
|
- HoYoLAB
- Facebook
- X
- Instagram
|
ただ、レアリティが高くないガチャ結果はシェアできないようです。
見た感じ、おそらくiOS版の中でも星4以上のレアリティのみシェア機能が使えるようです。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
 |
|
|
▲星3だとシェアできない
他にも風景を撮影した場面…
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
 |
|
|
|
|
|
|
「星間カプセルトイ」のガチャ結果画面でもシェア機能がありました。
シェア機能の例外として、Webイベント「笑いの神様、miHoYoを出し抜く」ではPC版もシェア機能が利用できました。
シェア方法にはそれぞれに違いがありました。
PC版はURLをクリップボードに転送、iOS版は各種SNSにシェアする形です。
余談にはなりますが、キーボード＆マウス操作、タッチパネル操作には対応していましたが、コントローラー操作には対応していませんでした。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
 |
|
|
|
|
|
|
6：PC版とiOS版とで、通貨の表示形式が違う
PC版とiOS版とで通貨の表示形式に違いがありました。
PC版は（JP¥）と表記され、iOS版は（￥）と表記されています。
これは中国の通貨記号も（￥）であり、明確に区別するための措置だと推測します。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
 |
|
|
|
|
|
|
操作デバイスによる違い
1：フィールド画面の違い
フィールド画面では様々なUIが表示され、影響を受けるUIも多い気がします。
ここでは以下の２項目の事例を紹介します。
- フィールド画面
- フォトモード
1-1：フィールド画面
操作デバイスによってフィールドのUIにも違いがありました。
基本的には以下の対応にまとめられるのかな、と思います。
- PC版ではキーガイドが表示されている
- 攻撃や秘技などアイコンの位置や大きさが違う
…という感じでしょうか。
過去に記事にした「アークナイツ:エンドフィールド」「モンギル」「七つの大罪:オリジン」「インフィニティニキ」などと比較すると、比較的シンプルな対応かなと感じました。
| |
PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
| 標準 |
 |
 |
 |
| ミニマップなど |
 |
 |
 |
| メニュー |
 |
 |
 |
| メンバー |
 |
 |
 |
| メインコマンド |
 |
 |
 |
| チャット |
 |
 |
 |
1-2：フォトモード
フォトモードでも見た目に違いがありました。
以下は各UIパーツごとに比較した表です。
撮影ボタン、撮影時のカメラ設定などのメニューの見た目に違いがありました。
2：フィールド画面以外の違い
フィールド画面以外のUIにもデバイスごとの違いがありました。
ここでは以下の７つのシーンの事例を紹介します。
「スタレ」には数多くのミニゲームが用意されています。
個別の事例は追いきれないのですが、対応方法はいくつかのパターンに分けられるのかな、と感じました。
- バトル
- タブのある画面
- ミニゲーム（機巧鳥）
- ミニゲーム（限界突破!爆走グランプリなど）
- ミニゲーム（反汚職プロフェッショナル）
- ミニゲーム（マネーウォーズ・ゼロサムゲーム）
- ミニゲーム（絵の世界・二次元）
2-1：バトル
「スタレ」はターン制バトルです。
iOS版のみボタンのサイズが大きく、押しやすくなっていました。
ただ、瞬間的な操作を求められることが少ないためか、そこまでレイアウトに大きな違いはありませんでした。
2-2：タブのある画面
タブがある画面でもレイアウトに違いがありました。
PC版ではタブ切り替えは横に並べられ、iOS版では縦に並べられていました。
このようなデザインを採用する際、タブの項目はアイコンで説明し、テキストを使用しない方が都合が良いのかもしれません。
2-3：ミニゲーム（機巧鳥）
「機巧鳥」は機械の鳥を操作するモードです。
iOS版では上昇/降下の操作がより直感的になるようなレイアウトが採用されていました。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
|
|
|
|
|
|
|
|
2-4：ミニゲーム（限界突破!爆走グランプリなど）
「限界突破!爆走グランプリ」はレースゲームです。
自動でアクセルが有効になり、ユーザーはドリフトとカーブ操作を行います。
このようなアクション性が高く、コマンドが少ないゲームの場合は、iOS版のみアイコンが大きく表示されていました。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
|
▼ 限界突破!爆走グランプリ ▼
|
|
|
 |
|
|
|
|
|
|
|
▼ ぽよよん星間タッグ大作戦! ▼
|
|
|
 |
|
|
|
|
|
|
|
▼ ブラザーハヌ脱獄記 ▼
|
|
|
|
|
|
|
|
|
|
|
2-5：ミニゲーム（反汚職プロフェッショナル）
ミニゲームの「反汚職プロフェッショナル」は比較的大きな違いがありました。
大きくまとめると以下の４点でしょうか。
- ボタンサイズやレイアウトに違いがある
- オプションではキーの割り当てや操作方法も変更できる
- チュートリアルの一部も調整している
- コンティニューの操作に違いがある
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
|
▼ ステージ選択 ▼
|
|
|
|
|
|
|
|
|
|
|
|
▼ ゲームプレイ画面 ▼
|
|
|
|
|
|
|
|
|
|
|
|
▼ オプション ▼
|
|
|
|
|
|
|
|
|
-
|
|
|
ブロックの回転方向
|
-
|
ブロックの回転方向
|
|
▼ チュートリアル ▼
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
▼ コンティニュー ▼
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
2-6：ミニゲーム（マネーウォーズ・ゼロサムゲーム）
ミニゲーム「マネーウォーズ・ゼロサムゲーム」では報酬を獲得する際の操作に違いがありました。
キーボード＆マウス操作時、タッチ操作時はアイテムを直接選択できますが、コントローラー操作時の場合は直接選択ができないため、LT+RTの操作が割り当てられています。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
|
|
|
|
|
|
|
|
|
|
|
|
2-7：ミニゲーム（絵の世界・二次元）
厳密にはミニゲームとは少し違うかもしれませんが「絵の世界・二次元」のゲーム画面の比較は以下の通りです。
PC版はどちらも同じレイアウトで、iOS版だけがアクション操作を考慮してユーザーが調整できるような仕組みが採用されています。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
|
|
 |
▲フローティングスティック
▲固定スティック
|
|
|
|
▲フローティングスティック
▲固定スティック
|
3：デバイスに合わせたテキストが表示されている
デバイスに合わせたテキストが表示されていました。
採用されている場所が多いので代表的な部分のさらに一部を紹介します。
…という感じです。
他にもありますが、基本的にはシンプルに対応している印象を受けました。
また例外として、一部チュートリアル内のメッセージは用語の置き換えをせず、すべてのデバイスに対応したメッセージが用意されていました。
| PC版（キーボード＆マウス） |
 |
|
▲キーボード、コントローラー、タッチ操作に対応したメッセージ
|
- 敵をクリック、ショートカットキーを使う、スクリーンをスライドすることで選択するターゲットを切り替えられます。
|
ちなみに、後から見返すことができるチュートリアルの中には、操作デバイス固有のチュートリアルもありますが、どのデバイスからでも見返すことができました。
「スタレ」の場合、この辺りは操作デバイスによる違いは無さそうです。
▲どのデバイスでもマウス操作のチュートリアルが確認できる
4：PC版とiOS版とで、オプション項目に違いがある
PC版とiOS版とでオプション項目に違いがありました。
各項目ごとに見てみます。
4-1：画質
iOS版と比較して、PC版ではよりハイクオリティな設定が選べるようになっています。
| PC版 |
iOS版 |
|
|
|
|
画面設定
- 画質
- 解像度
- フレームレート
- 垂直同期
- NVIDIA DLSS
- レンダリング精度
- シャドウ品質
- 反射品質
- キャラ品質
- マップ探索内のキャラのリアルタイムシャドウ
- シーン細部
- エフェクトのクオリティ
- ブルーム効果
- アンチエイリアス
- 照明効果
- -
|
画面設定
- 画質
- 解像度
- フレームレート
- -
- -
- -
- シャドウ品質
- 反射品質
- キャラ品質
- -
- シーン細部
- エフェクトのクオリティ
- 戦闘エフェクト解像度
- ブルーム効果
- アンチエイリアス
- 照明効果
- ログイン時にシェーダーをコンパイル
|
ちなみにウィンドウモード、フルスクリーンモードを切り替える設定はなく、解像度設定の中に内包されています。
「全画面」と付いているのがフルスクリーンモード、何も付いていないのがウィンドウモードです。
4-2：音声
音声の項目は以下の通りです。
基本的な内容は同じですが、PC版の「非アクティブ時にミュートにする」という発想はiOS版にはないため、見落とされがちかもしれません。
| PC版 |
iOS版 |
|
|
 |
|
音声設定
音量バランス
- BGM
- ボイス
- SE
- 非アクティブの時ミュートする
- -
|
音声設定
音量バランス
|
4-3：お知らせ
お知らせの項目は所謂「プッシュ通知」の設定ですね。
どのタイミングで通知を送るのか設定できます。
| PC版 |
iOS版 |
| - |
 |
| - |
プッシュ通知設定
|
4-4：言語
以下は言語の項目です。こちらはPC版、iOS版ともに同じ設定項目でした。
| PC版 |
iOS版 |
 |
 |
|
言語設定
|
言語設定
|
4-5：アカウント
以下はアカウントの項目です。こちらもPC版、iOS版ともに同じ設定項目でした。
| PC版 |
iOS版 |
 |
 |
|
アカウント設定
リソース管理
- 過去クエストのリソース管理
- 過去クエストのリソースを自動で削除する
|
アカウント設定
リソース管理
- 過去クエストのリソース管理
- 過去クエストのリソースを自動で削除する
|
4-6：キー説明
以下はキー説明の項目です。
キーボード操作の方がキー割り当てを変更できる範囲が広く、コントローラー操作のキーの割り当てを変更できるのは主にフィールドを移動する場面です。
とはいえ、完全な上位互換という関係ではなく、コントローラー操作のみ変更できるキー割り当ても存在します。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
|
|
|
|
システムキー
|
システムキー
|
|
戦闘外キー①
- キャラクター画面
- パーティ編成
- ナビゲーション
- バッグ
- クエスト
- チュートリアル
- イベント
- ナナシの勲功
- 跳躍
- スターピースガイド
- ショップ
|
-
|
|
戦闘外キー②
- ダッシュ
- 歩く
- ヒント
- 操作
- メッセージ通知
- 追跡
- チャット
- -
- 秘技
- マップリセット
- クエストアイテム
- ギミック
|
戦闘外キー②
- ダッシュ
- -
- -
- 操作
- -
- -
- -
- 通常攻撃
- 秘技
- -
- -
- -
|
|
戦闘外キー③
- スマホ/キャンセル
- キャラ切り替え1
- キャラ切り替え2
- キャラ切り替え3
- キャラ切り替え4
- 移動-前
- 移動-後
- 移動-左
- 移動-右
|
戦闘外キー③
- スマホ/キャンセル
- キャラ切り替え1
- キャラ切り替え2
- キャラ切り替え3
- キャラ切り替え4
- 移動-前
- 移動-後
- 移動-左
- 移動-右
|
4-7：ショートカットホイール設定
以下はショートカットホイール設定の項目です。
iOS版にはショートカットホイールの機能がないため、PC版でのみ設定できます。
| PC版 |
iOS版 |
|
|
- |
- キャラクター
- パーティ編成
- 旅記録
- バッグ
- クエスト
- ナナシの勲功
- ガイド
- 跳躍
- ショップ
- フレンド
- 依頼
- 合成
- アチーブメント
- メッセージ
- アーカイブ
- 本棚
- ナビゲーション
|
- |
設定できるのは中央のメニューのみです。
コントローラー版で表示される左右のメニューは設定できません。
▲真ん中のメニューだけ設定できる
4-8：プライバシー
以下はプライバシーの項目です。
これはPC版でもiOS版でも違いはありませんでした。
| PC版 |
iOS版 |
|
|
 |
- フレンド申請を受け取る
- 巡星ビザでコレクションを公開する
- 巡星ビザで戦績を公開する
- 巡星ステータスを公開する
- クリア編成をフレンドに公開する
- プレイ状態を公開する
- アイコンフレームを表示
- 幻獣交換広場でほかのプレイヤーからの依頼を受け付けますか？
- フレンドのマルチプレイルームへの訪問を許可しますか
- フレンドではない人のマルチプレイルームへの訪問を許可しますか
|
- フレンド申請を受け取る
- 巡星ビザでコレクションを公開する
- 巡星ビザで戦績を公開する
- 巡星ステータスを公開する
- クリア編成をフレンドに公開する
- プレイ状態を公開する
- アイコンフレームを表示
- 幻獣交換広場でほかのプレイヤーからの依頼を受け付けますか？
- フレンドのマルチプレイルームへの訪問を許可しますか
- フレンドではない人のマルチプレイルームへの訪問を許可しますか
|
4-9：その他
以下はその他の項目です。
| PC版 |
iOS版 |
|
|
|
|
戦闘機能
- オート戦闘時の必殺技発動モード
- オート戦闘機能の使用を続ける
- 戦闘中にキャラクターの行動値を表示
- 戦闘中に視力保護モードをオンにする
- ターゲットロックオン感度
|
戦闘機能
- オート戦闘時の必殺技発動モード
- オート戦闘機能の使用を続ける
- 戦闘中にキャラクターの行動値を表示
- 戦闘中に視力保護モードをオンにする
- ターゲットロックオン感度
|
|
-
|
ゲーム機能
- 「絵の世界・二次元」スティックタイプ
- 「絵の世界・二次元」操作レイアウト
|
|
システム機能
- 詳細画面でキャラクターをカメラ目線に設定する
- ★4光円錐を獲得した時自動でロックする
- キーボードとマウスモードで画面下にヒントを表示
- コントローラーモードで画面下にヒントを表示
- -
- キャラクター詳細で遺物のおすすめステータスをハイライトする
- 秘技ポイントが不足している時、消耗品をオート使用する
|
システム機能
- 詳細画面でキャラクターをカメラ目線に設定する
- ★4光円錐を獲得した時自動でロックする
- -
- -
- カスタムマージン
- キャラクター詳細で遺物のおすすめステータスをハイライトする
- 秘技ポイントが不足している時、消耗品をオート使用する
|
|
操作制御
- 操作モード:ダッシュ
- 常に歩行状態にする
- カメラ操作上下反転
- カメラ操作左右反転
- ズーム感度
- カメラ感度
- コントローラーのズーム感度
- コントローラーのカメラ感度
- コントローラーの振動の強さ
|
操作制御
- -
- 常に歩行状態にする
- カメラ操作上下反転
- カメラ操作左右反転
- -
- -
- -
- -
- -
|
|
ストーリー演出機能
- ストーリー演出中は開拓コーデを表示する
- ストーリー演出中にパムの衣装を反映する
|
ストーリー演出機能
- ストーリー演出中は開拓コーデを表示する
- ストーリー演出中にパムの衣装を反映する
|
いくつか見慣れない項目があるので備忘録も兼ねて記載します。
- 絵の世界・二次元
二次元シティにあるミニゲームのようなモードです。
各オプション項目の中に入ると、スティックタイプは「フローティングスティック」「固定スティック」が選択できます。
操作レイアウトは「標準」「小さめ」「最小」から選択できます。
ゲーム画面の比較は以下の通りです。
PC版はどちらも同じレイアウトで、iOS版だけがアクション操作を考慮してユーザーが調整できるような仕組みが採用されています。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
|
|
|
▲フローティングスティック
▲固定スティック
|
|
|
|
▲フローティングスティック
▲固定スティック
|
余談ですが、iOS版の場合、初回プレイ時のみ操作性を調整するチュートリアルが表示されます。かなり丁寧なつくりだと感じました。
※レイアウト設定は固定スティック時のもの
- カスタムマージン
画面の左右にどの程度余白を設けるかの設定です。
見た限り、適用範囲は広いように感じました。
以下の表はカスタムマージンを変更した場合の見え方の例です。
▲マージンの値を変更したときの見え方
5：ショートカットホイールの有無やデザインに違いがある
操作デバイスによって、ショートカットホイールの有無やデザインに違いがありました。キーボード操作時は画面中央のメニュー、コントローラー操作時は画面中央に加え左右のメニュー、iOS版にはホイールメニュー自体がありませんでした。
ゲームのジャンルにもよりますが、ホイールメニューのUIはしばしば見かけます。
過去に紹介したタイトルの中だと、以下のタイトルが挙げられます。
6：iOS版では、画面を傾けてイラストを大きく表示できる
iOS版では、画面を傾けてイラストを大きく表示する機能がありました。
画面右下のアイコンをタップするとイラストが回転します。
また、ジャイロでも傾くかな、と思ったのですが反応しませんでした。
| PC版（キーボード＆マウス） |
PC版（コントローラー） |
iOS版 |
 |
 |
 |
| - |
- |
 |
ギャラリー
以下は主要な画面を比較した表です。
大きな違いはないかと思いますが、全体の傾向を把握する際の参考までに。
Copyright © COGNOSPHERE. All Rights Reserved.
以上がPC版とiOS版のUIの違いを比較したものです。
マルチプラットフォームのUIをデザインする際の参考になれば幸いです。
このブログではこのようにゲームUIについて簡単にまとめて紹介しています。
もし良かったら話のネタ程度に他の方に紹介していただけると嬉しいです。
権利者さまへ
以下はコンテンツ利用に関する認識の説明です。
「崩壊：スターレイル」のガイドラインを確認したところ、以下の記載がありました。
3 二次創作活動の許可範囲
(1) イラスト、マンガ、小説などの同人誌の制作、展示、頒布、公開
(2) キャラクターのコスプレ衣装の制作、展示、頒布、公開
(3) キャラクターのコスプレ写真・動画の制作、展示、頒布、公開
(4) 当社コンテンツのグッズ、モチーフ料理等の制作、展示、公開
(5) ゲーム実況配信及び動画投稿（これに関しては、以下の禁止事項に抵触しない限り、営利目的・非営利目的を問わず、自由に行っていただいて構いません。）
前項のいずれかの活動を行う際は二次創作であることを創作物と共に明記してください。
二次創作に関するガイドライン
これによりゲーム画面のスクリーンショットのブログの利用についてはガイドラインに従った前提で許可されている認識でおります。
画像利用、記事の内容について問題がありましたら、お手数ですがご連絡ください。
速やかに対応いたします。
お問い合わせ
