Directives relatives aux couleurs des thèmes Mobile

  • Rversion finale: Yokohama
  • Mis à jour 30 janv. 2025
  • 2 minutes de lecture
  • Découvrez comment les couleurs que vous sélectionnez dans vos thèmes Mobile sont appliquées à vos applications Mobile.

    Important :
    Utilisez le thème mobile hérité sur Tokyo les instances et les instances antérieures ServiceNow® . Pour Utah les versions ultérieures, reportez-vous à la section Thème Next Experience pour mobile.

    Considérations relatives au choix des couleurs

    Tenez compte des informations suivantes lorsque vous sélectionnez des couleurs pour vos applications Mobile :
    • Apparence de vos choix de couleurs avec les couleurs d’autres parties de l’application, telles que les icônes de votre écran et les styles d’interface utilisateur. Évitez d’utiliser trop de couleurs. Des conceptions simples composées de deux à trois couleurs offrent une mise en page plus propre et plus accessible.
    • Quels sont les effets de vos choix de couleurs sur les couleurs d’autres éléments qui peuvent s’afficher dans votre application. Des éléments comme les articles de la base de connaissances et les pages du portail de services peuvent apparaître dans vos applications. Évitez les combinaisons de couleurs qui ne correspondent pas avec les éléments existants.
    • Comment un contraste plus élevé, des couleurs complémentaires peuvent attirer le regard de l’utilisateur. Utilisez la sélection des couleurs pour mettre en évidence les zones de vos applications qui nécessitent l’attention de l’utilisateur.
    • Comment la couleur peut être utilisée pour améliorer la lisibilité grâce à un meilleur contraste. Dans les zones où le texte apparaît, assurez-vous que votre texte et les couleurs d’arrière-plan ont un niveau de contraste élevé pour convenir à la fois aux utilisateurs malvoyants et souffrant de daltonisme.
    Important :
    Actuellement, les applications ServiceNow® Mobile Android ne prennent pas en charge l'utilisation de la notation #RVB pour spécifier les couleurs de thème. Toutefois, la notation #RRVVBB est prise en charge par les deux applications Android et iOS.

    Emplacements des couleurs de thème dans les applications Mobile

    Cet exemple montre les couleurs utilisées dans le thème de l’application Mobile par défaut. Utilisez les chiffres de cette image pour voir où ces couleurs apparaissent dans les différentes zones de vos applications Mobile. Couleurs utilisées dans le thème Mobile par défaut

    Fonctionnalités Mobile

    Utilisez les figures suivantes pour voir comment vos choix de couleurs affecteront les éléments de vos applications Mobile.

    Page de lancement de l’application
    Diagramme de l’endroit où les couleurs de thème sont appliquées sur une page de lancement de l'application.
    Barre de navigation
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans une barre de navigation.
    Liste
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans une liste.
    Virtual Agent
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans Virtual Agent.
    Rechercher
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans des composants de recherche.
    Actions
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans des cartes d’action.

    Écran et composants d’enregistrement

    Utilisez les figures suivantes pour voir comment vos choix de couleurs affectent un écran d’enregistrement et ses composants dans vos applications mobiles.

    Écran d'enregistrement
    Diagramme de l’endroit où les couleurs du thème sont appliquées dans un écran d’enregistrement.
    Liste de vérification
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans une liste de vérification.
    flux d'activités
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans un flux d’activité.
    Liens
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans des liens.
    Signature électronique
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans des signatures électroniques.

    Modèles d'écran

    Utilisez les figures suivantes pour voir comment vos choix de couleurs impacteront les différents modèles d'écran dans vos applications Mobile.

    Calendrier
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans les écrans de calendrier.
    Carte
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans les écrans de carte.
    Remarque :
    Le champ Couleur d’épingle dans l’enregistrement de flux de liste associé à l’écran de votre carte détermine la couleur des épingles sur vos cartes.
    Modèle d’URL
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans les écrans de modèle d’URL.

    Paramètres et notifications

    Utilisez les figures suivantes pour voir comment vos choix de couleurs affecteront les différents paramètres et écrans de notification dans vos applications Mobile.

    Notifications
    Diagramme de l’endroit où les couleurs de thème sont appliquées sur l’écran de notification.
    Paramètres
    Diagramme de l’endroit où les couleurs de thème sont appliquées sur l’écran de paramètres.
    Paramètres en mode hors ligne
    Diagramme de l’endroit où les couleurs de thème sont appliquées sur l’écran de paramètres en mode hors ligne.
    Paramètres de géolocalisation
    Diagramme de l’endroit où les couleurs de thème sont appliquées sur l’écran des paramètres de géolocalisation.
    Paramètres PIN
    Diagramme de l’endroit où les couleurs de thème sont appliquées sur l’écran des paramètres PIN.
    Paramètres des raccourcis Siri (iOS uniquement)
    Diagramme de l’endroit où les couleurs de thème sont appliquées sur l’écran des paramètres des raccourcis Siri.

    Modals

    Utilisez les figures suivantes pour voir comment vos choix de couleurs s'affichent dans vos vues modales Android et iOS.

    Modals Android
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans des modals Android.
    Modals iOS
    Diagramme de l’endroit où les couleurs de thème sont appliquées dans des modals iOS.