Components

Weiterleitung

Sie werden in Sekunden weitergeleitet.

Falls keine Weiterleitung erfolgt, klicken Sie auf den Link:

Es ist etwas schief gelaufen.

Upps - das Senden Deiner Anfrage ist fehlgeschlagen. Du kannst uns aber immer via E-Mail erreichen.
Components--Teaserbild

UI Komponenten

Gestalte und entwickle mit dem DB UX Design System und seinen Komponenten einfach und schnell Apps und Web-Anwendungen für unsere Endkund:innen und Mitarbeitende. Designer:innen finden hier die standardisierten UI Komponenten als Sketch-Libraries, Entwickler:innen finden Code-Libraries und die Design-Spezifikationen zur Implementierung in den gängigsten Frameworks.

Breadcrumbs

Breadcrumbs sind Navigationspfade innerhalb einer Applikation.

Buttons

Buttons bieten den Nutzer:innen die Möglichkeit, Aktionen auszulösen.

Checkboxen

Mithilfe von Checkboxen können Einträge aus einer Liste per Multiple Choice ausgewählt werden.

Forms

Mithilfe von Text Fields können benutzerdefinierte Texteinträge eingegeben und verändert werden.

Links

Links bieten die Möglichkeit, auf eine neue Seite zu navigieren.

Puls-Hero-Modul

Das Puls-Hero-Modul wird verwendet, um Zweck des Services oder der Webseite zu verdeutlichen, einen Überblick über den …

Radio Button

Radio Buttons ermöglichen die Auswahl eines Eintrags in einer Liste.

Table

Tabellen dienen zur strukturierten Darstellung von Inhalten.

Toggle Switch

Der Toggle Switch wird verwendet, um eine binäre Entscheidung herbeizuführen.

Web Components Sticker Sheet

Lade Dir das Web Components Sticker Sheet als Gesamtübersicht der Komponenten

Vorteile der UI Komponenten

  • Zugang zu einer Vielzahl an UI Komponenten für Sketch und Web.
  • Entwickle interne und externe Produkte und Services stets konform zu den DB UX Standards und der DB Marke.
  • Schnelle Entwicklung von Benutzeroberflächen, um Ideen zu visualisieren oder die Entwicklung zu beschleunigen.
  • Für Web, Android und iOS gemacht: Wir unterstützen alle Betriebssysteme und berücksichtigen dabei die plattformspezifischen Eigenschaften.

Du hast Fragen oder Input? 

Wir haben alles dafür gegeben, dass unser Design System mit möglichst wenigen Regeln auskommt. So wird es einfach in der Anwendung, führt zu konsistenten Ergebnissen und stärkt die Marke Deutsche Bahn! Solltest du dir jedoch unsicher sein, Fragen oder einfach nur eine gute Verbesserungsidee haben, so sind wir gerne für dich da!

E-Mail schreiben Feedback in Github