自適應設計確保您的 Roblox 遊戲在各種屏幕尺寸、方向和輸入類型上看起來和感覺都很出色。超越傳統的設備類別，如移動設備、桌面和主機，當今的設備具備更動態的功能，允許在不同的輸入和顯示之間無縫過渡。想像一下，一個支持多種方向（橫向和豎向）、多種輸入類型（觸控、遊戲控制器、滑鼠和鍵盤）以及多種顯示尺寸（原生顯示器，並可擴展到大型電視的平板電腦）。
這些指導方針將幫助您交付最佳的遊戲，智能地適應任何設備和輸入類型，以觸及更廣泛的受眾。如需詳細了解工作流程和 API，以協助實施這些指導方針，請參見跨平台開發指導。
要探索一個展示以下自適應設計概念的預製遊戲，請查看互動展示。
核心原則
每個遊戲都是獨特的，但遵循幾個關鍵原則將幫助您為每位玩家在每個設備上提供直觀且精緻的遊戲體驗。
- 輸入流暢性 — 確保您的 UI 可以與遊戲控制器、觸控、鍵盤和 VR 控制器等各種輸入類型兼容。這包括根據輸入類型改變您的 UI 佈局並提供輔助提示。
- 響應式佈局 — 設計自動調整到不同屏幕尺寸和方向的 UI 佈局。
- 動態大小調整 — 根據需要調整 UI 元素的大小以適應各種屏幕尺寸。
- 可讀性與視覺清晰度 — 確保所有 UI 元件，包括文本和按鈕，都是易於閱讀且視覺清晰的。
輸入流暢性
確保您的遊戲在各種輸入設備上都感覺自然，包括遊戲控制器、滑鼠/鍵盤、觸控和 VR。
- 設計多輸入的控制和快捷鍵 — 確保遊戲中的每個操作都可以使用遊戲控制器按鈕/D‑pad、鍵盤快捷鍵和觸控觸發。控制應該在視覺和功能上都可被方向鍵或搖桿導航聚焦。測試每種輸入模式，以確保核心遊戲玩法、菜單和 UI 都是可訪問和自然的，無論設備如何。
- 根據輸入類型提供視覺反饋 — 更新 UI 標籤、提示和工具提示以反映當前的輸入方法，例如在遊戲控制器上顯示 按 A、在觸控上顯示 捏合，或在鍵盤上顯示 ShiftA。使用與每個平台玩家熟悉的圖標和語言。
響應式佈局
您的遊戲 UI 的佈局應該根據不同的屏幕尺寸和方向進行調整。在大型電腦顯示器上，您有大量空間一次顯示所有按鈕。然而，在小型手機屏幕上，所有這些按鈕看起來會顯得擁擠和凌亂。
- 根據屏幕尺寸和方向調整佈局 — 使用響應式模式，以便您的 UI 可以適當地重排或壓縮。例如，在小屏幕上，將不那麼重要的按鈕移入可折疊的菜單（“漢堡”/菜單按鈕），而在桌面上則顯示完整。您的遊戲 UI 應該優雅地適應橫向和豎向方向，如果它支持這些方向的話。
- 實施根據父級大小反應的佈局組件 — 構建根據其父容器調整大小或位置的 UI 面板和小部件。例如，使用分屏佈局，在較窄的屏幕上側邊面板會折疊，而在更寬的屏幕上則會展開。
動態大小調整
這涉及的是 UI 元素的 大小，而不僅僅是它們的位置。您的 UI 應該隨著屏幕大小的變化而放大或縮小，確保所有內容都保持適當的大小，並始終易於互動。
- 支持內容驅動的大小調整和自動換行 — 實施自動大小調整行為：讓文本框隨內容增長或縮小，並支持自動換行，以便標籤在屏幕大小變化時不會溢出或變得難以閱讀。
- 暴露並尊重可訪問性/用戶偏好設置 — 允許您的 UI 根據用戶指定的文本或 UI 縮放設置進行響應，將這些設置直接與 UI 元素的大小綁定，以便增強的可訪問性偏好設置始終轉化為更大、更易讀的 UI。
可讀性與視覺清晰度
玩家在小型手機屏幕或遙遠的大型電視上是否能實際閱讀您的文本？您的按鈕是否在 3D 世界的背景下便於識別？
- 為小屏幕選擇字體大小和風格 — 始終選擇可在移動設備上閱讀的字體大小，而不僅僅是在桌面上。實際測試在設備上，確認文本在最小期望的大小下是可讀的。避免過於裝飾性或纖細的字體。
- 確保高對比度和清晰的視覺層次 — 使用顏色為文本和背景提供適當的對比度，以便在變化的遊戲光照條件下可讀。採用強烈的視覺層次，通過大小、顏色或位置使關鍵動作和標籤脫穎而出。
最後的思考
適應性是關於在玩家所在的地方與他們相遇，無論是在他們的手中、桌上還是大螢幕上。遵循這些指導方針的 Roblox 創作者提供有意義、可訪問且有趣的跨平台遊戲。今天就開始適應，讓您的創作蓬勃發展！