En-tête de dialogue de matériau avec couleur d'arrière-plan
Je travaille actuellement sur la conception visuelle d'une application web qui utilise Angular 2/Material design. Là-bas, j'ai un doute concernant la conception d'un en-tête de dialogue MD, doit-il être avec la couleur d'arrière-plan ou juste le texte d'en-tête dans la boîte de dialogue sans couleur d'arrière-plan? où je n'ai pas pu trouver plus de détails sur les directives MD. Merci de votre aide/commentaires.
Avec la couleur de fond - échantillon
Sans couleur de fond - échantillon
Si vous allez du matériel, alors ils ont directives pour les dialogues .
En règle générale, si votre boîte de dialogue contextuelle n'est qu'une confirmation ou une petite interaction dans le processus d'un flux de travail plus important, , vous n'avez pas besoin d'avoir une couleur de barre de titre distincte .
Il ressort de votre exemple que vous concevez une boîte de dialogue contextuelle qui, je suppose, fera partie d'un flux de travail plus vaste. Je ne recommanderai pas de couleur de titre dans ce cas.
Cependant, l'ajout d'un utilisateur est généralement un formulaire. Si vous ajoutez un utilisateur dans une boîte de dialogue, je veux en savoir plus sur votre cas d'utilisation.
Les couleurs des titres sont distinctes lorsqu'elles désignent une certaine fonction ou module indépendant de votre application. Ces fonctions ou modules indépendants ont leurs propres écrans. Ces écrans méritent un traitement des couleurs pour le titre.
J'espère avoir été d'une certaine aide.
Faites en sorte que le composant de dialogue obéisse à votre thème matériel.
Sa documentation officielle vous permet également d'utiliser des couleurs d'arrière-plan pour les boîtes de dialogue si cela convient à votre thème d'application - https://material.io/guidelines/components/dialogs.html#dialogs-confirmation-dialogs
La décision d'utiliser ou non la couleur d'arrière-plan en fonction de son contenu entraînera un problème de cohérence. Donc, en général, si le thème de votre application exige d'utiliser des couleurs d'arrière-plan pour les titres - utilisez-le.
Si vous utilisez comme boîte de dialogue, il n'est pas nécessaire d'ajouter de la couleur pour l'en-tête.
Vérifiez ce lien: http://codepen.io/Garbee/full/EPoaMj/
Si c'est sur la nouvelle fenêtre. Ensuite, vous pouvez ajouter une couleur basée sur la couleur personnalisée (primaire, secondaire) dont vous avez besoin. https://material.io/guidelines/components/dialogs.html#dialogs-specs