Anpassungsfähige Designrichtlinien

Anpassungsfähiges Design stellt sicher, dass Ihre Roblox-Spiele auf verschiedenen Bildschirmgrößen, Ausrichtungen und Eingabetypen großartig aussehen und sich gut anfühlen. Über die traditionellen Gerätekategorien wie Mobilgeräte, Desktop und Konsole hinaus verfügen die heutigen Geräte über viele dynamische Fähigkeiten, die einen nahtlosen Übergang zwischen verschiedenen Eingaben und Displays ermöglichen. Stellen Sie sich ein Tablet vor, das mehrere Ausrichtungen (Quer- und Hochformat), mehrere Eingabetypen (Berührung, Gamepad, Maus und Tastatur) sowie mehrere Displaygrößen (ein nativer Bildschirm und die Erweiterung zu einem großen Fernseher) unterstützt.

Diese Richtlinien helfen Ihnen, erstklassige Spiele zu liefern, die sich intelligent an jedes Gerät und jeden Eingabetyp anpassen, um ein breites Publikum zu erreichen. Für weitere Einzelheiten zu Workflows und APIs, die bei der Implementierung dieser Richtlinien unterstützen, siehe die plattformspezifische Entwicklung Anleitung.

Grundprinzipien

Jedes Spiel ist einzigartig, aber die Befolgung einiger grundlegender Prinzipien hilft Ihnen, jedem Spieler auf jedem Gerät ein intuitives und poliertes Spiel zu liefern.

1. Eingabe-Flüssigkeit — Stellen Sie sicher, dass Ihre Benutzeroberfläche (UI) mit verschiedenen Eingabetypen wie Gamepad, Berührung, Tastatur und VR-Controllern funktioniert. Dies umfasst die Anpassung des Layouts Ihrer Benutzeroberfläche und die Bereitstellung unterstützender Hinweise, je nach Eingabetyp.
2. Responsive Layout — Entwerfen Sie Benutzeroberflächen-Layouts, die sich automatisch an unterschiedliche Bildschirmgrößen und Ausrichtungen anpassen.
3. Dynamische Größe — Skalieren Sie UI-Elemente nach Bedarf, um verschiedenen Bildschirmdimensionen zu entsprechen.
4. Lesbarkeit und visuelle Klarheit — Stellen Sie sicher, dass alle UI-Komponenten, einschließlich Text und Tasten, leicht lesbar und visuell klar sind.

Eingabe-Flüssigkeit

Stellen Sie sicher, dass sich Ihr Spiel auf verschiedenen Eingabegeräten natürlich anfühlt, einschließlich Gamepads, Maus/Tastatur, Berührung und VR.

• Gestalten Sie Steuerungen und Abkürzungen für mehrere Eingaben — Stellen Sie sicher, dass jede Aktion in Ihrem Spiel mit den Tasten/D-Pad des Gamepads, Tastenkombinationen und Berührung ausgelöst werden kann. Steuerungen sollten visuell und funktional fokussierbar sein für die Navigation mit dem D-Pad oder Stick. Testen Sie jeden Eingabemodus, damit das Kernerlebnis, Menüs und die UI unabhängig vom Gerät zugänglich und natürlich sind.
• Bereitstellung visueller Rückmeldungen nach Eingabetyp — Aktualisieren Sie UI-Bezeichnungen, Aufforderungen und Tooltips, um die aktive Eingabemethode widerzuspiegeln, beispielsweise Drücken Sie A auf einem Gamepad, Pinch bei Berührung oder ShiftA auf der Tastatur. Verwenden Sie Symbole und Begriffe, die den Spielern jeder Plattform vertraut sind.

Responsives Layout

Das Layout Ihrer Spielebenutzeroberfläche sollte sich an unterschiedliche Bildschirmgrößen und Ausrichtungen anpassen. Auf einem großen Computerbildschirm haben Sie viel Platz, um alle Tasten gleichzeitig anzuzeigen. Auf einem kleinen Telefonbildschirm hingegen würden all diese Tasten eng und unordentlich aussehen.

• Passen Sie Layouts an Bildschirmgröße und -ausrichtung an — Verwenden Sie responsive Muster, damit sich Ihre UI entsprechend umorganisiert oder kondensiert. Beispielsweise können Sie weniger wichtige Tasten in ein zusammenklappbares Menü ("Hamburger"/Menü-Taste) auf kleinen Bildschirmen verschieben, während Sie sie auf Desktop-Computern vollständig anzeigen. Ihre Spiel-UI sollte sich elegant sowohl an Landschafts- als auch an Hochformat orientieren, wenn dies unterstützt wird.
• Implementieren Sie Layout-Komponenten, die auf die Größe des übergeordneten Elements reagieren — Erstellen Sie UI-Panels und Widgets, die ihre Größe oder Position basierend auf ihrem übergeordneten Container anpassen. Nutzen Sie beispielsweise Split-View-Layouts, bei denen seitliche Panels auf engen Bildschirmen verkleinert, aber auf breiteren vergrößert werden.

Dynamische Größe

Es geht um die Größe Ihrer UI-Elemente, nicht nur um ihre Position. Ihre UI sollte mit dem Bildschirm auf- oder abskalieren, damit alles die richtige Größe hat und immer leicht zu bedienen ist.

• Unterstützen Sie inhaltsgesteuerte Größenanpassung und automatisches Zeilenumbruch — Implementieren Sie Auto-Größenverhalten: Lassen Sie Textfelder mit dem Inhalt wachsen oder schrumpfen, und unterstützen Sie den automatischen Zeilenumbruch, sodass Bezeichnungen nicht überlaufen oder unleserlich werden, wenn sich die Bildschirmgröße ändert.
• Bieten Sie Barrierefreiheit und Benutzerpräferenzen an — Ermöglichen Sie Ihrer UI, auf benutzerspezifizierte Text- oder UI-Skalierungseinstellungen zu reagieren, indem diese Einstellungen direkt mit der Größe der UI-Elemente verknüpft sind, damit erhöhte Barrierefreiheitseinstellungen immer zu einer größeren, besser lesbaren UI führen.

Lesbarkeit & visuelle Klarheit

Können Spieler Ihren Text auf einem kleinen Telefonbildschirm oder einem größeren Fernseher, der weit entfernt ist, tatsächlich lesen? Sind Ihre Tasten leicht zu erkennen vor dem Hintergrund Ihrer 3D-Welt?

• Wählen Sie Schriftgrößen und -stile für kleine Bildschirme — Wählen Sie immer Schriftgrößen, die auf mobilen Geräten lesbar sind, nicht nur auf Desktops. Testen Sie auf tatsächlichen Geräten und überprüfen Sie, ob der Text in der kleinsten erwarteten Größe leserlich ist. Vermeiden Sie übermäßig dekorative oder dünne Schriften.
• Sichern Sie hohen Kontrast und klare visuelle Hierarchie — Verwenden Sie Farben für Text und Hintergründe, die ausreichend Kontrast bieten, um unter wechselnden Lichtverhältnissen im Spiel lesbar zu sein. Verwenden Sie eine starke visuelle Hierarchie und lassen Sie wichtige Aktionen und Bezeichnungen durch Größe, Farbe oder Platzierung hervorstechen.

Abschließende Gedanken

Anpassungsfähigkeit bedeutet, die Spieler dort zu treffen, wo sie sind, sei es in ihren Händen, auf ihrem Schreibtisch oder auf dem großen Bildschirm. Roblox-Ersteller, die mit diesen Richtlinien arbeiten, liefern bedeutungsvolle, zugängliche und unterhaltsame plattformübergreifende Spiele. Beginnen Sie noch heute mit der Anpassung und lassen Sie Ihre Kreationen gedeihen!