---
sourceDocument: Yokohama Mobile-Konfiguration und -Navigation
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/de-DE/yokohama/mobile

 Release :

    - yokohama

ft:locale :

    - de-DE

ft:publication_title :

    - Yokohama Mobile-Konfiguration und -Navigation

ft:clusterId :

    - mobile

bundleId :

    - mobile

workflow :

    - Platform


---

# Farbrichtlinien für Mobildesign

# Farbrichtlinien für Mobildesign {#ariaid-title1}

* Freigeben Version: Yokohama
* 
* Aktualisiert 30. Januar 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 Minuten Lesedauer

Erfahren Sie, wie die Farben, die Sie in Ihren mobilen Designs auswählen, auf Ihre mobilen Anwendungen angewendet werden.
Wichtig:  
Verwenden Sie veraltetes mobiles Design für TokyoUnd früher ServiceNow®Instanzen. Für UtahUnd spätere Releases finden Sie unter [Next Experience-Design für Mobilgeräte](https://servicenow-prod.fluidtopics.net/v8VsAqP0CX9tG4hU2dNX4Q "Verwenden Next ExperienceDesign, um Ihren mobilen Apps ein Farbschema zu geben, das mit Ihrer Instanz-Web-Experience übereinstimmt.").

## Überlegungen zur Farbauswahl {#sg-theme-colors__section_rc4_wmv_kjb}

Berücksichtigen Sie die folgenden Informationen, wenn Sie Farben für Ihre mobilen Anwendungen auswählen:

* Wie Ihre Farbauswahl mit Farben in anderen Teilen der App aussieht, z. B. Ihren Bildschirmsymbolen und UI-Stilen. Verwenden Sie nicht zu viele Farben. Einfache Designs von zwei bis drei Farben führen zu einem saubereren, zugänglicheren Layout.
* Wie Ihre Farbauswahl mit Farben in anderen Elementen aussieht, die in Ihrer App angezeigt werden können. Elemente wie Wissensartikel und Serviceportal-Seiten können in Ihren Apps angezeigt werden. Vermeiden Sie Farbschemata, die nicht gut mit Ihren vorhandenen Elementen funktionieren.
* Wie ein höherer Kontrast, ergänzende Farben den Fokus Ihres Anwenders lenken können. Verwenden Sie die Farbauswahl, um Bereiche Ihrer Apps hervorzuheben, die die Aufmerksamkeit Ihres Anwenders erfordern.
* Wie Farbe verwendet werden kann, um Kontrast für eine bessere Lesbarkeit zu schaffen. Stellen Sie in Bereichen, in denen Text angezeigt wird, sicher, dass Ihre Text- und Hintergrundfarben einen hohen Kontrast aufweisen, um sowohl sehbehinderte als auch farbblinde Anwender zu berücksichtigen.
{#sg-theme-colors__ul_wdh_xnv_kjb}  
Wichtig:  
Derzeit ServiceNow® Mobile AndroidApps unterstützen die Verwendung der #RGB-Schreibweise nicht, um Designfarben für die Apps anzugeben. Die Notation #RRGBB wird jedoch von beiden unterstützt iOSUnd AndroidApps.

## Standorte der Designfarbe in mobilen Apps {#sg-theme-colors__section_nws_bqv_kjb}

|-|-|
| Dieses Beispiel zeigt die Farben, die im standardmäßigen Mobile-App-Design verwendet werden. Verwenden Sie die Zahlen in diesem Bild, um zu sehen, wo diese Farben in den verschiedenen Bereichen Ihrer mobilen Apps angezeigt werden. |   |
[ ]

{#sg-theme-colors__table_zvg_ps1_ljb}

## Mobile Funktionen {#sg-theme-colors__section_ej2_rs1_ljb}

Verwenden Sie die folgenden Abbildungen, um zu sehen, wie sich Ihre Farbauswahl auf die Elemente in Ihren mobilen Apps auswirkt.

Anwendungsstartseite
:

Navigationsleiste
:

Liste
:

Virtual Agent
:

Suchen
:

Aktionen
:

## Datensatzbildschirm und Komponenten {#sg-theme-colors__section_ykh_ts1_ljb}

Verwenden Sie die folgenden Abbildungen, um zu sehen, wie sich Ihre Farbauswahl auf einen Datensatzbildschirm und seine Komponenten in Ihren mobilen Apps auswirkt.

Datensatzbildschirm
:

Prüfliste
:

Aktivitätenstrom
:

Links
:

E-Signatur
:

## Bildschirmvorlagen {#sg-theme-colors__section_kvf_sv1_ljb}

Verwenden Sie die folgenden Abbildungen, um zu sehen, wie sich Ihre Farbauswahl auf die verschiedenen Bildschirmvorlagen in Ihren mobilen Apps auswirkt.

Kalender
:

Karte
:   
    Hinweis:  
    Die Farbe anheften Das Feld im Listenstream-Datensatz, das Ihrem Kartenbildschirm zugeordnet ist, bestimmt die Farbe der Stifte auf Ihren Karten.

URL-Vorlage
:

## Einstellungen und Benachrichtigungen {#sg-theme-colors__section_ccd_sy1_ljb}

Verwenden Sie die folgenden Abbildungen, um zu sehen, wie sich Ihre Farbauswahl auf die verschiedenen Einstellungen und Benachrichtigungsbildschirme in Ihren mobilen Apps auswirkt.

Benachrichtigungen
:

Einstellungen
:

Offline-Modus-Einstellungen
:

Positionsbestimmungseinstellungen
:

PIN-Einstellungen
:

Einstellungen für Siri-Verknüpfungen (nur iOS)
:

## Modale Fenster {#sg-theme-colors__section_d23_41b_ljb}

Verwenden Sie die folgenden Abbildungen, um zu sehen, wie Ihre Farbauswahl in Ihren modalen Modalen für Android und iOS angezeigt wird.

Modale Android-Elemente
:

IOS-Modale
: