適応デザインガイドライン

適応デザインは、Robloxゲームがさまざまな画面サイズ、向き、入力タイプで見た目も操作感も素晴らしいものにすることを保証します。モバイル、デスクトップ、コンソールといった従来のデバイスカテゴリーを超えて、今日のデバイスははるかにダイナミックな機能を持ち、異なる入力と表示の間でシームレスな移行を可能にします。複数の向き（横向きと縦向き）や、複数の入力タイプ（タッチ、ゲームパッド、マウスとキーボード）、および複数の表示サイズ（ネイティブ表示、大型テレビまで）をサポートするタブレットを想像してみてください。

これらのガイドラインは、あらゆるデバイスと入力タイプにスマートに適応する最高のゲームを提供し、幅広いオーディエンスにリーチする手助けをします。これらのガイドラインの実装を支援するためのワークフローやAPIの詳細については、クロスプラットフォーム開発ガイドをご覧ください。

コア原則

すべてのゲームはユニークですが、いくつかの主要な原則に従うことで、すべてのプレイヤーに直感的で洗練されたゲームを提供することができます。

1. 入力流動性 — ゲームパッド、タッチ、キーボード、およびVRコントローラーなどのさまざまな入力タイプでUIが機能することを確認してください。これには、入力タイプに応じてUIレイアウトを変更したり、補助的なヒントを提供したりすることが含まれます。
2. レスポンシブレイアウト — 異なる画面サイズと向きに自動的に調整されるUIレイアウトを設計します。
3. 動的サイズ調整 — 異なる画面寸法に合わせてUI要素を必要に応じてスケーリングします。
4. 可読性と視覚的明瞭さ — テキストやボタンを含むすべてのUIコンポーネントが簡単に読め、視覚的に明瞭であることを確認します。

入力流動性

さまざまな入力デバイス上で自然に感じられるゲームにするために、ゲームパッド、マウス/キーボード、タッチ、VRを含むことを確認してください。

• 複数の入力用にコントロールとショートカットを設計する — ゲーム内のすべてのアクションがゲームパッドボタン/D‑パッド、キーボードショートカット、およびタッチを使用してトリガーできることを確保してください。コントロールは、方向パッドまたはスティックナビゲーションのために視覚的かつ機能的にフォーカス可能であるべきです。各入力モードをテストして、コアゲームプレイ、メニュー、UIがデバイスに関係なくアクセス可能かつ自然であることを確認します。
• 入力タイプによる視覚的フィードバックを提供する — アクティブな入力方法を反映するようにUIラベル、プロンプト、およびツールチップを更新します。たとえば、ゲームパッドではPress A、タッチではPinch、キーボードではShiftAなどです。各プラットフォームのプレイヤーに馴染みのあるアイコンと言語を使用してください。

レスポンシブレイアウト

ゲームのUIのレイアウトは、異なる画面サイズや向きに適応する必要があります。大きなコンピュータモニターでは、ボタンをすべて一度に表示できるスペースがあります。しかし、小さな電話の画面では、すべてのボタンが窮屈で乱雑に見えるでしょう。

• 画面サイズと向きに応じてレイアウトを適応させる — わかりやすいパターンを用いてUIが適切に再配置または圧縮されるようにします。たとえば、重要度の低いボタンは小さい画面では折りたたみメニュー（「ハンバーガー」/メニューボタン）に移動させ、大きな画面では完全に表示します。ゲームのUIは、サポートしている場合に横向きと縦向きの両方に優雅に適応するべきです。
• 親サイズに反応するレイアウトコンポーネントを実装 — 親コンテナに基づいてサイズまたは位置を調整するUIパネルとウィジェットを構築します。たとえば、狭い画面ではサイドパネルが折りたたまれ、広い画面では展開するような分割表示レイアウトを使用します。

動的サイズ調整

これはUI要素のサイズについてのものであり、その位置だけではありません。UIは画面に応じて拡大または縮小し、すべてが適切なサイズであり、常に操作しやすい状態を保つべきです。

• コンテンツ駆動のサイズ調整と自動ラッピングをサポートする — 自動サイズ調整の挙動を実装します: テキストボックスがコンテンツに応じて成長したり縮小したりできるようにし、ラベルがオーバーフローしたり読みにくくならないよう自動的に行を折り返すことをサポートします。
• アクセシビリティ/ユーザーの好みに応じて反応を示す — UIがユーザー指定のテキストやUIスケーリング設定に応じて反応するようにし、その設定をUI要素のサイズに直接結びつけて、アクセシビリティの好みが常により大きく、より読みやすいUIに変換されるようにします。

可読性と視覚的明瞭さ

プレイヤーは小さな電話の画面や、遠くから見る大きなテレビ上で、実際にあなたのテキストを読むことができるのでしょうか？ボタンは3Dワールドの背景に対して見やすいですか？

• 小さな画面用にフォントサイズとスタイルを選択する — モバイルデバイスでも読みやすいフォントサイズを常に選択してください。実際のデバイスでテストし、最小限の期待されるサイズでテキストが可読であることを確認します。過度に装飾的または細いフォントは避けるべきです。
• 高コントラストで明確な視覚的階層を確保する — ゲーム内のさまざまな照明条件で読みやすいように、テキストと背景の色に十分なコントラストを使用してください。強い視覚的階層を活用し、重要なアクションやラベルをサイズ、色、または配置を通じて目立たせます。

最後の考え

適応性は、プレイヤーの手元、デスクの上、大きなスクリーンなど、どこにいても出会うことです。これらのガイドラインに基づいて構築するRobloxクリエイターは、意義があり、アクセス可能で、楽しいクロスプラットフォームゲームを提供します。今すぐ適応を始めて、あなたの創作物が繁栄するようにしましょう！