Personnalisation

Personnaliser le thème de votre action vous permet de mieux refléter votre marque et de fournir du contexte visuel pour l'expérience de l'utilisateur.

Présentation


Couleur

La couleur est un identifiant de marque efficace. Vous pouvez personnaliser les couleurs principales et d'arrière-plan pour représenter votre marque. La couleur principale permet de mettre en évidence les composants importants de la surface visuelle, tels que le titre de la fiche et les boutons d'action. Cette couleur doit être la plus souvent associée à votre marque.

Choisissez d'abord une couleur principale.

Après avoir choisi une couleur principale, choisissez une couleur d'arrière-plan qui correspond à la couleur principale et à la couleur secondaire du texte.

La couleur d'arrière-plan peut être une version plus claire de la couleur principale.

La couleur de l'arrière-plan peut être complémentaire.

Pour nous assurer que les couleurs que vous choisissez sont accessibles, nous effectuons une vérification du contraste des couleurs dans la console pour les développeurs afin de garantir un rapport de contraste suffisant entre les couleurs principales et d'arrière-plan, et les couleurs secondaires et d'arrière-plan. Pour en savoir plus sur le choix et la coordination des couleurs principales et d'arrière-plan, consultez le site Material Design.

Image de fond

L'un des moyens les plus efficaces de rendre une image plus attrayante est d'utiliser une image comme arrière-plan plutôt qu'une couleur unie. Tenez compte des points suivants lorsque vous choisissez une image de fond:
Notez que pour garantir une lisibilité optimale, nous appliquons un masque de protection sombre sur l'image de fond. Le texte devient automatiquement blanc.

Cette fiche simple utilise une image de fond. Une image de fond remplacera n'importe quelle couleur d'arrière-plan. Vous devez donc choisir l'option qui représente le mieux votre marque.

L'image doit être assez neutre pour conserver l'apparence souhaitée en changeant de boîte de dialogue. Ici, la même image de fond s'applique à la fois à la fiche de base et à la fiche du carrousel.


Typographie

La typographie peut exprimer votre marque tout en attirant l'utilisateur sur les informations les plus importantes. Pour avoir un impact maximal, vous pouvez personnaliser le texte le plus grand, comme le titre, de chaque fiche de votre action. À cet endroit, une police de caractères expressive, telle qu'une police serif, une police de style script ou une police plus lourde, peut attirer l'attention et contraster avec le texte secondaire. Pour obtenir des conseils généraux sur la typographie, veuillez consulter la Material Design Foundation.

Choisissez une police qui convient au texte secondaire.

Oui.

Avec sa police audacieuse et ses couleurs vives, cette police se détache sur l'arrière-plan et attire l'attention sur le titre de la carte.

Non.

Sans cette épaisseur, cette police est difficile à lire et ne parvient pas à attirer l'attention sur le titre avant le corps du texte.


Forme

Forme de l'image

Conformément aux composants de Material Foundation, la forme de vos images offre une autre dimension pour l'expressivité. Pour le moment, vous pouvez choisir entre des formes incurvées et incurvées pour les images des composants visuels. Choisissez une forme d'image adaptée au style général de votre marque.

Votre logo est l'endroit idéal pour savoir quelle forme choisir. Dans cet exemple, le logo est net et angulaire, de sorte que les angles inclinés correspondent à la marque.

D'autres composants peuvent également vous aider dans votre décision. Ici, les bords arrondis et le logo du bouton d'action correspondent tous deux aux angles incurvés de l'image.

Pour en savoir plus sur le choix des formes d'image, consultez le site Material Design.